/*
Theme Name: JSA Theme
Author: JSA Interactive
Text Domain: jsa_theme
Version: 1.0.1
*/

* {
    -webkit-overflow-scrolling: touch;
}
body {
    background: #fff;
    color: #000;
    font-family: "Inter", sans-serif !important;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
h1,
h2,
h3 {
    /**font-family: 'Plus Jakarta Sans', sans-serif !important;**/
    font-family: "Franklin Gothic Demi" !important;
    margin: 20px 0;
}
h1 {
    font-size: 36px;
    line-height: 1.3;
}
h2 {
    font-size: 24px;
    line-height: 1.3;
}
h3 {
    font-size: 18px;
    line-height: 1.3;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.row,
.col {
    margin: 0;
    padding: 0;
}
.container-fluid {
    width: 100%;
    max-width: 1390px;
}
.container {
    width: 100%;
    max-width: 1140px;
}
a {
    transition: 0.3s all ease-out;
}
a:hover {
    opacity: 0.8;
    text-decoration: none;
}

/*Header*/
.head-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 30px;
    background: #000;
    z-index: 9999;
    width: 100%;
    top: 0;
    padding-top: 15px;
}
.logo-title {
    font-family: "Inter", sans-serif;
    display: block;
}
.tex-light {
    font-family: "Inter", sans-serif;
}
.tex-italic {
    font-family: "Inter", sans-serif;
}
#top-header .container-fluid {
    max-width: 1800px;
}
#top-header {
    background-color: #2cabe2;
    padding: 10px 0px;
}
#top-header p,
#top-header a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 0 auto;
    transition: 0.3s all ease-out;
}
#top-header .fa {
    font-size: 17px;
    margin-right: 3px;
}
.left-top {
    display: inline-flex;
    align-content: center;
    align-items: center;
}
#top-header .left-top div {
    margin-right: 20px;
}
.top-soc-icon ul {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
}
.top-soc-icon ul li {
    display: inline-block;
    padding: 0px 2px;
}
.top-soc-icon ul li a {
    border: 1px solid #fff;
    width: 29px;
    height: 29px;
    border-radius: 100px;
    padding: 4px 6px;
    display: inline-block;
}
.top-soc-icon {
    margin-right: 15px;
}
.right-top {
    display: inline-flex;
    justify-content: right;
    align-content: center;
    align-items: center;
}
#top-header a:hover {
    opacity: 0.8;
    text-decoration: none;
}
#top-header .col-md-3 {
    text-align: right;
}
#top-header .left-top div:first-child {
    border-right: 1px solid #249ccf;
    padding-right: 15px;
    margin-right: 18px;
}
.head-wrapper .main-nav #mega-menu-item-21 {
    display: none !important;
}
#top-header .row {
    align-items: center;
    align-content: center;
}
.main-nav .mega-sub-menu {
    border-radius: 5px !important;
}
.main-nav .mega-sub-menu {
    border-radius: 5px !important;
    width: 605px !important;
}
.head-submenu #menu-iaas-and-cloud-hosting-submenu,
.head-submenu #menu-data-centers-submenu,
.head-submenu #menu-about-submenu {
    margin: 0 auto;
    padding: 0px;
    display: block;
}
.head-submenu #menu-iaas-and-cloud-hosting-submenu li,
.head-submenu #menu-data-centers-submenu li,
.head-submenu #menu-about-submenu li {
    display: block !important;
    margin-bottom: 10px;
}
.head-submenu #menu-iaas-and-cloud-hosting-submenu li a,
.head-submenu #menu-data-centers-submenu li a,
.head-submenu #menu-about-submenu li a {
    color: #404041;
    font-size: 19px !important;
}
.head-submenu {
    box-shadow: 0px 4px 30px 0px #0000001a !important;
    border-radius: 10px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
.head-submenu .mega-menu-columns-5-of-12 {
    border-left: 1px solid #e6e7e8 !important;
    padding-left: 10px !important;
}
.head-submenu .mega-menu-columns-5-of-12 .mega-sub-menu {
    width: auto !important;
}
.head-submenu img {
    width: 100%;
    padding-right: 5px;
}
.head-submenu p {
    color: #404041;
    font-size: 16px;
    line-height: 23px;
    margin-top: 7px;
}
.head-submenu .sub-btn a {
    color: #fff;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%);
    display: inline-block;
    padding: 14px 17px;
    border-radius: 100px;
    text-align: center;
    line-height: 20px !important;
}
.head-submenu .sub-btn a:hover {
    color: #fff !important;
}
.head-submenu .mega-menu-item {
    padding: 10px 20px !important;
}
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-megamenu.sub1
    > ul.mega-sub-menu {
    left: -100px !important;
}
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-megamenu.sub2
    > ul.mega-sub-menu {
    left: 27% !important;
}
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-megamenu.sub3
    > ul.mega-sub-menu {
    left: 39% !important;
}
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-item.mega-current-menu-ancestor
    > a.mega-menu-link,
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-item.mega-current-page-ancestor
    > a.mega-menu-link {
    background: transparent !important;
}
/*Logo*/
.logo-container {
    position: relative;
    top: 11px;
}
.logo-container span {
    color: #fff;
    font-size: 20px;
}
.logo-container a {
    text-decoration: none;
}

.logo-container span.tex-italic {
    color: #008fc6;
}
.logo-container .logo {
    width: 100%;
    max-width: 120px;
    position: absolute;
    bottom: -10px;
    right: 0;
}

/*Top Navigation Menu*/
.main-nav {
    margin-left: auto;
    position: relative;
    top: 12px;
}
.main-nav li {
    display: inline-block;
}
.main-nav li a {
    font-family: "Inter", sans-serif !important;
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 25px !important;
    font-weight: 400 !important;
}
.main-nav li a:hover {
    color: #ff7f11 !important;
    opacity: 0.8 !important;
    background-color: transparent !important;
}
.main-nav .orng-btn a:hover {
    color: #fff !important;
}
#home-svg-icon {
    position: absolute;
    top: -3px;
    left: 0;
}
li#menu-item-28 a {
    color: #ff9203;
}
.head-wrapper .container-fluid {
    max-width: 1800px;
}
.main-nav .orng-btn a {
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%) !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    height: unset !important;
    line-height: unset !important;
    margin-left: 15px !important;
    top: -5px !important;
    position: relative !important;
}
.main-nav .mega-current-menu-item .mega-menu-link {
    color: #ff7f11 !important;
    background-color: transparent !important;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -20px;
    right: 293px;
}
#mega-menu-wrap-main_menu
    #mega-menu-main_menu
    > li.mega-menu-item
    > a.mega-menu-link {
    line-height: 40px !important;
}
/* Blog Style */
.section-head-wrapper h1 {
    text-align: center;
    width: 100%;
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 0px;
    color: #fff;
    line-height: 52px;
    font-weight: 700;
}
.section-head-wrapper {
    background-image: url("/wp-content/uploads/2023/08/head-title-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    min-height: 272px;
    display: flex;
    align-items: center;
    align-content: center;
}
.blogindex h2 {
    color: #161421;
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    margin: 0 auto !important;
    margin-bottom: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-bottom: 5px !important;
}
.blogindex .blog-img-container img {
    width: 100%;
    height: 146px;
    object-fit: cover;
}
.recent-pst .col-sm-4:nth-child(4) {
    display: none;
}
.blog-dt p,
.blog-dt a {
    color: #9a9a9a;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px;
    font-family: "Inter", sans-serif;
}
.blogindex .blog-dt .post-categories {
    padding: 0px;
    margin: 0 auto;
    list-style: none;
}
.blog-dt div:last-child .fa.fa-folder {
    display: flex;
    align-items: center;
    color: #9a9a9a;
}
.blog-dt div:last-child .fa.fa-folder span {
    padding-left: 10px;
}
.blogindex .row {
    align-items: center;
}
.blog-exc p {
    color: #404041;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.blog-dt {
    margin-bottom: 5px;
}
.blogindex .blog-dt .post-categories li {
    display: inline-block;
}
.blogindex .post.type-post {
    border: 1px solid #e6e6e6;
    box-shadow: 0px 4px 20px 0px #0000000d;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px 5px;
    background-image: url("/wp-content/uploads/2023/08/edge_decor.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
    background-color: #fff;
}
.blogindex .press-release {
    border: 1px solid #e6e6e6;
    box-shadow: 0px 4px 20px 0px #0000000d;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px 5px;
    background-image: url("/wp-content/uploads/2023/08/edge_decor.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
    background-color: #fff;
}
.row.blogindex {
    padding: 40px 0px;
}
.sidebar-bg p {
    width: 100%;
    display: block;
    clear: both;
    color: #404041;
    font-size: 16px;
    line-height: 22px;
}
.sidebar-bg h3 img {
    float: left;
    width: auto;
    margin-right: 9px;
}
.sidebar-bg h3 {
    display: block;
    font-size: 24px;
    line-height: 31px;
    color: #161421;
    font-weight: 700;
    margin-top: 0px;
}
.sidebar-bg a {
    background: linear-gradient(48.49deg, #2cabe2 -6.16%, #b9d531 203.22%);
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
}
.sidebar-bg {
    border: 1px solid #d0cce0;
    padding: 25px 20px;
    background-color: #fff;
}
#sidebar .widget_search {
    margin-bottom: 24px;
}
#sidebar #block-9 .sidebar-bg {
    background-image: url("/wp-content/uploads/2023/08/sidebar_map.png");
    background-repeat: no-repeat;
    background-position: center;
}
#sidebar #block-10 h2.wp-block-heading {
    font-size: 24px;
    line-height: 31px;
    color: #161421;
    font-weight: 700;
    text-transform: capitalize;
}
#sidebar #block-10 .wp-block-categories-list.wp-block-categories {
    margin: 0 auto;
    padding: 0px;
    list-style: none;
}
#sidebar #block-10 ul li {
    padding: 8px 0px;
    border-bottom: 1px solid #d0cce0;
}
#sidebar #block-10 ul li:last-child {
    border: none;
}
#sidebar #block-10 ul li a {
    color: #404041;
    font-size: 16px;
    line-height: 22px;
}
#sidebar #block-10.widget_block,
#sidebar #block-11.widget_block {
    border: 1px solid #d0cce0;
    padding: 25px 20px;
}
#sidebar
    #block-10.widget_block
    .wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex {
    margin-bottom: 0px;
}
.row.blogsingle {
    padding: 40px 0px;
}
.pagination .page-numbers.current {
    background: linear-gradient(48.49deg, #2cabe2 -6.16%, #b9d531 203.22%);
    padding: 10px 20px;
    color: #fff;
    border: 1px solid transparent;
}
.pagination .page-numbers {
    padding: 10px 20px;
    color: #161421;
    font-size: 18px;
    border: 1px solid #d0cce0;
    margin: 0 5px auto;
}
.blogindex .pagination {
    margin-top: 35px;
}
.blogmain {
    background-image: url("/wp-content/uploads/2023/08/blogindex-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}
#sidebar h2.wp-block-heading {
    font-size: 24px;
    line-height: 31px;
    color: #161421;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0px;
}
#sidebar #block-11 .wp-block-latest-posts__post-title {
    color: #000;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}
#sidebar #block-11 ul li {
    padding: 15px 0px;
    border-bottom: 1px solid #d0cce0;
}
#sidebar #block-11 ul li:last-child {
    border: none;
}
#sidebar #block-11 .wp-block-columns {
    margin-bottom: 0px;
}
#sidebar #block-11 ul {
    margin: 0 auto;
}
#sidebar #block-11.widget_block {
    margin-bottom: 30px;
}
.blogindex #sidebar #block-11.widget_block {
    display: none;
}
.singleBlog-meta p,
.singleBlog-meta ul li a {
    color: #9a9a9a !important;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}
.singleBlog-meta ul {
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    list-style: none;
    margin-left: 4px;
}
.singleBlog-meta ul li {
    display: inline-block;
}
.singleBlog-meta {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.singleBlog-cont p,
.singleBlog-cont li {
    color: #404041;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}
.col-8.single-blogL {
    box-shadow: 0px 4px 20px 0px #0000000d;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 15px 15px;
    background-image: url("/wp-content/uploads/2023/08/edge_decor.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
}
.singleBlog-cont h2 {
    color: #000;
    font-size: 24px;
    line-height: 31px;
    font-weight: 700;
}
#sidebar
    #block-10.widget_block
    .wp-block-columns.is-layout-flex.wp-container-9.wp-block-columns-is-layout-flex {
    margin-bottom: 0;
}
.recent-single-post h2 {
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    color: #000;
}
.single-press-release .recent-single-post {
    display: none;
}
.single-press-release .recent-single-post.press-release {
    display: block !important;
}
.single-press-release .wp-image-460.size-full.alignright.opus-press-img1 {
    width: auto;
    float: right;
    margin-left: 10px;
}
.single-press-release .alignnone.size-full.wp-image-6042.press-img2 {
    width: auto;
    float: left;
    margin-right: 10px;
}
.blog-rcnt-title a {
    color: #404041;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}
.blog-rcnt-title {
    margin-top: 10px;
}
.recent-pst .col-sm-4 {
    padding: 0px 12px 0px 0px;
}
.share-btn a {
    display: flex !important;
    border-radius: 5px;
    color: #fff;
    font-size: 13px !important;
    width: 103px;
    margin-right: 10px;
    align-items: center;
}
.share-btn .a2a_label {
    position: unset !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    overflow: visible !important;
    height: unset !important;
    width: unset !important;
    display: unset !important;
}
.share-btn .addtoany_shortcode {
    width: 100%;
    display: flex;
}
.share-btn .addtoany_shortcode {
    width: 100%;
    display: block;
}
.share-btn .a2a_kit.a2a_kit_size_32.addtoany_list {
    width: 100%;
    display: inline-flex;
}
.share-btn .a2a_button_facebook {
    background-color: #1877f2 !important;
}
.share-btn .a2a_button_twitter {
    background-color: #1d9bf0 !important;
}
.share-btn .a2a_button_pinterest {
    background-color: #bd081c !important;
}
.share-btn .a2a_button_linkedin {
    background-color: #007bb5 !important;
}
.share-btn .a2a_dd.addtoany_share_save.addtoany_share {
    display: none !important;
}
.share-btn {
    margin-top: 30px;
}
.share-btn h4 {
    font-family: "Inter", sans-serif;
    color: #404041;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}
.singleBlog-cont .bio-img {
    width: 75px;
    float: left;
    margin-right: 10px;
}
.singleBlog-cont a {
    color: #235343;
    text-decoration: none !important;
    transition: all 0.2s linear;
}
.singleBlog-cont a:hover {
    opacity: 0.8;
}
.single-press-release #attachment_6107press-release-img3 {
    float: right;
    margin-left: 10px;
}
.single-press-release .size-full.wp-image-6128.alignleft.press-release-img4 {
    width: auto;
    float: left;
    margin-right: 10px;
}
.search-no-results .col-4.sidebar-container {
    display: none !important;
}
.no-search-results {
    text-align: center !important;
    width: 100% !important;
}
.no-search-results #searchform #s {
    border: 1px solid #d0cce0;
    padding: 10px 10px;
}
.no-search-results #searchsubmit {
    background: linear-gradient(48.49deg, #2cabe2 -6.16%, #b9d531 203.22%);
    color: #fff;
    font-size: 17px;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    border: none;
    cursor: pointer;
}
/** Request form style **/
.two-col p {
    display: flex;
    text-align: left !important;
}
.req-form label {
    color: #161421;
    font-size: 17px;
    line-height: 24px;
    width: 100%;
    display: block !important;
}
.req-form label span {
    color: #bb1c1c;
}
.req-form label input,
.req-form label select,
.req-form label textarea {
    border: 1px solid #d0cce0;
    width: 100% !important;
    background-color: #fff;
    padding: 9px 10px;
    color: #161421;
    margin-top: 8px;
}
.req-form label select {
    padding: 12px 10px;
}
.one-col label {
    text-align: left;
}
.req-form .two-col .first-inp {
    margin-right: 7px;
}
.req-form .wpcf7-form-control.wpcf7-submit.has-spinner {
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%);
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 15px 45px;
    border-radius: 100px;
    float: left;
    margin-top: 15px;
    transition: 0.3s all ease-out;
}
#req-sec1 {
    padding: 60px 0px;
}
.req-form .wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    opacity: 0.8;
}
/** Homepage style **/
.section-head-wrapper.inner h3 {
    font-weight: 300;
}
.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 100px;
    margin-top: 25px;
}
.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    margin-top: 0px;
    width: 13px;
    height: 13px;
}
.unu {
    margin-top: 1px;
}
.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}
.unu {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}
.doi {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.2s;
    animation-direction: alternate;
    margin-top: -6px;
}
.trei {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.3s;
    animation-direction: alternate;
    margin-top: -6px;
}
.mouse {
    height: 35px;
    width: 20px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}
.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@-o-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
#home-banner h1 {
    font-size: 57px;
    line-height: 64px;
    font-weight: 800;
    color: #fff;
    margin: 0 auto;
}
#home-banner h3 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
#home-banner p {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
}
.home-banner-btn a {
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 100px;
    transition: 0.3s all ease-out;
}
.home-banner-btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
#home-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px 20px 0px;
}
body.home #above-footer {
    display: none;
}
#home-sec1 img {
    width: auto;
}
.container-home {
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
}
.col-md-6.homeSec1-left {
    text-align: right;
}
#home-sec1 {
    background-color: #000;
    padding: 80px 0px;
    background-image: url("/wp-content/uploads/2023/09/sec2-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
}
.homesec2-blurb {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
    row-gap: 20px;
}
.homesec2-blurb h3 {
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.homesec2-blurb p {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
}
.blurb-btn a {
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    transition: 0.3s all ease-out;
}
.blurb-btn a img {
    margin-right: 8px;
}
.blurb-btn a:hover {
    text-decoration: none;
    opacity: 0.8;
}
#home-sec4 {
    background-color: #f3f3f3;
    padding: 75px 0px;
}
#home-sec4 h2 {
    color: #161421;
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 15px;
}
#home-sec4 h3 {
    color: #161421;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
    margin-top: 0px;
}
#home-sec6 .col-md-8 img {
    text-align: center;
    display: block;
}
#home-sec4 img {
    width: auto;
    text-align: center;
}
.rightsec4 h4 {
    color: #161421;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    font-family: "Franklin Gothic Demi", sans-serif;
}
.rightsec4 p {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 23px !important;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 5px;
    font-weight: normal !important;
    font-family: "Franklin Gothic Demi", sans-serif;
}
.rightsec4 .fa.fa-check {
    color: #2cabe2;
}
.row.rightsec4 {
    border-bottom: 1px solid #e6e2f3;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.sec4-btn a {
    background: linear-gradient(48.49deg, #2cabe2 -6.16%, #b9d531 203.22%);
    color: #fff;
    padding: 20px 25px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    transition: 0.3s all ease-out;
}
.sec4-btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.sec4-btn {
    margin-top: 35px;
}
#home-sec4 p {
    color: #161421;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
}
#home-sec4 p {
    color: #161421;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    font-family: "Franklin Gothic Demi";
}
#home-sec4 .col-md-12 {
    margin-bottom: 20px;
}
.sec5-logos div {
    display: inline-block;
}
.sec5-logos img {
    width: auto;
    margin: 0 auto;
}
#home-sec5 {
    margin: 0 auto;
    text-align: center;
    padding: 15px 0px;
}
#home-sec6 img {
    width: auto;
    margin: 0 auto;
}
#home-sec6 {
    background-color: #000;
}
#home-sec6 p {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-family: "Franklin Gothic Demi";
}
#home-sec6 h3 {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    margin-top: 0px;
    font-weight: 700;
    margin-bottom: 15px;
}
#home-sec6 div h4 {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-family: "Inter", sans-serif;
}
#home-sec6 div .fa.fa-check {
    background-color: #2cabe2;
    border-radius: 100px;
    padding: 4px 5px;
}
#home-sec6 .col-md-4 {
    border-right: 1px solid #252236;
    padding: 100px 15px 0px 0px;
}
#home-sec6 .col-md-8 {
    padding: 65px 0px 50px 30px;
}
#home-sec6 .list-items {
    padding-left: 28px;
}
.container-logo {
    padding: 0px 20px;
}
#home-sec7 {
    background-image: url("/wp-content/uploads/2023/09/last-section-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #2cabe2;
    padding: 80px 0px;
}
#home-sec7 .row {
    align-content: center;
    align-items: center;
}
#home-sec7 h3 {
    color: #fff;
    font-size: 33px;
    line-height: 39px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: normal;
}
#home-sec7 p {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}
.sec7-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    border: 1px solid #fff;
    padding: 14px 25px;
    border-radius: 100px;
    transition: 0.3s all ease-out;
}
.sec7-btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.sec7-btn {
    margin-top: 25px;
}
#home-sec7 .req-form label input,
#home-sec7 .req-form label select,
#home-sec7 .req-form label textarea {
    border: 1px solid #d0cce0;
    width: 100% !important;
    background-color: #fff;
    padding: 9px 10px;
    color: #161421;
    margin-top: 3px !important;
}
#home-sec7 .req-form label {
    font-weight: 700;
}
#home-sec7 .req-form label span {
    color: #000;
}
#home-sec7 .req-form label textarea {
    height: 140px;
}
#home-sec7 .req-form {
    background-color: #fff;
    padding: 30px 20px 1px 20px;
    border-radius: 5px;
}
#home-sec7 .req-form .wpcf7-form-control.wpcf7-submit.has-spinner {
    float: none;
    width: 100%;
}
#home-sec7 .req-form h2 {
    color: #161421;
    font-size: 38px;
    line-height: 44px;
    font-weight: 700;
    text-align: center;
    margin-top: 0px;
}
/*Content*/
.centered-content {
    width: 80%;
    margin: 0 auto;
}
.centered-content:after {
    display: block;
    clear: both;
}
#site .cta-color a {
    color: #ff9203;
    font-weight: bold;
}
.section-page-wrapper .pagecontent p {
    color: #404041;
    font-size: 16px;
    line-height: 23px;
}
/*Calendar*/
#calendar-2,
#calendar-3 {
    float: right;
}
/*Footer*/
footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    background: #000;
    padding-bottom: 40px;
}
.footer-logo-container {
    margin-right: auto;
    position: relative;
}
.footer-logo-container span {
    font-size: 20px;
}
.footer-logo-container a {
    text-decoration: none;
}
.footer-logo-container span.tex-light {
    font-size: 14px;
    position: absolute;
    bottom: -13px;
    left: 70px;
}
.footer-logo-container span.tex-italic {
    color: #008fc6;
}
.footer-logo-container .logo {
    width: 100%;
    max-width: 120px;
    position: absolute;
    bottom: -10px;
    right: 0;
}
.footer-menu {
    margin-left: auto;
    position: relative;
    top: 20px;
}
.footer-menu li {
    display: inline-block;
    margin-left: 15px;
}
.footer-menu li a {
    color: #777;
}
.copyright {
    width: 100%;
    display: flex;
    padding-bottom: 30px;
}
.content-wrap {
    position: relative;
}
.content-wrap section.content-current {
    display: block;
}
.content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 1em;
    max-width: 1390px;
    text-align: center;
}
.content-wrap section p {
    margin: 0;
    padding: 0.75em 0;
    color: rgba(40, 44, 42, 0.05);
    font-weight: 900;
    font-size: 4em;
    line-height: 1;
}
footer h3 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
}
.row.copyrightcontainer a {
    color: #666;
    font-size: 16px;
}
footer .col-md-3.last p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #fff;
}
.footer-btn a {
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%) !important;
    font-size: 19px !important;
    color: #fff !important;
    padding: 15px 10px;
    display: inline-block;
    font-weight: 700;
    width: 100%;
    text-align: center;
    border-radius: 50px;
}
.footer-btn a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.footer-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}
.social-ft {
    text-align: center;
}
.social-ft a i {
    font-size: 23px;
    padding: 10px 10px;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #fff;
    width: 44px;
    height: 44px;
    margin: 0px 5px;
}
#footer-cta {
    background-color: #000;
    padding: 25px 0px;
    border-top: 1px solid #232033;
}
#footer-cta p {
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 23px;
}
#footer-cta p a {
    color: #2cabe2;
}
.col-lg-6.cta-lst p {
    text-align: right;
}
#footer-cta .cta-lst p a {
    padding-left: 15px;
}
#above-footer {
    background-image: url("/wp-content/uploads/2023/08/footer-cta-bg-new.jpg");
    padding: 50px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#above-footer h2 {
    color: #fff;
    font-size: 35px;
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 700;
}
#above-footer p {
    font-size: 19px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 0px;
}
.ft-cta {
    text-align: right;
    margin: 0 auto;
}
.ft-cta a {
    font-size: 20px;
    color: #fff;
}
.bg-btn {
    background: linear-gradient(90deg, #fc6076 0%, #ff8303 100%) !important;
    padding: 15px 25px;
    border-radius: 50px;
    margin-right: 20px;
}
.line-btn {
    border: 2px solid #fff;
    padding: 15px 25px;
    border-radius: 50px;
}
.wp-block-search__input {
    border: 1px solid #d0cce0;
}
/* Content */
.content-wrap {
    position: relative;
}
.content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 1em;
    max-width: 1390px;
    text-align: center;
    min-height: 320px;
}
.content-wrap section.content-current {
    display: block;
}
.content-wrap section p {
    margin: 0;
    padding: 0.75em 0;
    color: rgba(40, 44, 42, 0.05);
    font-weight: 900;
    font-size: 4em;
    line-height: 1;
}
/* Fallback */
.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.no-flexbox nav ul {
    display: block;
}
.no-flexbox nav ul li {
    min-width: 15%;
    display: inline-block;
}
/*Page template*/
#site .pagecontent {
    min-height: 500px;
}
.row.pagecontent .col-8 {
    padding-left: 0;
}
.section-page-wrapper {
    padding: 20px;
}
/*Full Width Template*/
.centered-h1 {
    width: 100%;
    max-width: 650px;
    margin: 0 auto 50px;
}
textarea#script_injector {
    color: #000;
    font-size: 16px;
    padding: 15px;
}
.page-template-full-width .section-page-wrapper {
    padding: 50px 0 25px;
}

/******Responsive**********/
@media screen and (max-width: 1700px) {
    .container-home {
        width: 100%;
        max-width: 95%;
        margin: 0 auto;
    }
    #home-sec6 img {
        width: 100%;
        margin: 0 auto;
    }
    .sec4-btn img {
        width: auto !important;
    }
}
@media screen and (max-width: 1500px) {
    #home-sec6 .col-md-4 {
        padding: 60px 15px 60px 0px;
    }
    #top-header p,
    #top-header a {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .top-soc-icon ul li a {
        width: 25px;
        height: 25px;
        padding: 3px 4px;
        display: inline-block;
    }
    #top-header .fa {
        font-size: 15px !important;
        margin-right: 2px !important;
    }
    .top-soc-icon ul li {
        display: inline-block;
        padding: 0px 0px !important;
    }
    .top-soc-icon {
        margin-right: 10px !important;
    }
    #top-header .left-top div {
        margin-right: 15px !important;
    }
}
@media screen and (max-width: 1400px) {
    #top-header .fa {
        font-size: 14px !important;
        margin-right: 2px !important;
    }
    .top-soc-icon ul li a {
        padding: 1px 4px !important;
    }
    #top-header .left-top div {
        margin-right: 8px !important;
    }
    #top-header .left-top div:first-child {
        padding-right: 8px !important;
    }
    #top-header p,
    #top-header a {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    #top-header p,
    #top-header a {
        font-size: 13px !important;
        line-height: 20px !important;
    }
    #top-header .fa {
        font-size: 13px !important;
        margin-right: 2px !important;
    }
    .top-soc-icon ul li a {
        width: 22px !important;
        height: 22px !important;
        padding: 1px 4px !important;
        display: inline-block;
    }
}
@media screen and (max-width: 1366px) {
    .main-nav li a {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    #home-banner {
        padding: 60px 0px 20px 0px;
    }
    #home-banner h1 {
        font-size: 52px !important;
        line-height: 59px !important;
    }
    #home-banner h3 {
        font-size: 27px !important;
        line-height: 32px !important;
    }
    .homesec2-blurb h3 {
        font-size: 19px !important;
        line-height: 26px !important;
    }
    #home-sec4 {
        padding: 50px 0px;
    }
    #home-sec4 h2 {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    #home-sec4 h3 {
        font-size: 22px !important;
        line-height: 29px !important;
    }
    .rightsec4 h4 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #home-sec6 h3 {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    #home-sec7 h3 {
        font-size: 32px !important;
        line-height: 38px !important;
    }
}
@media screen and (max-width: 1280px) {
    .sec4-btn a {
        padding: 17px 20px;
        font-size: 15px;
    }
    #home-banner h1 {
        font-size: 45px !important;
        line-height: 52px !important;
    }
    #home-banner h3 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .home-banner-btn a {
        font-size: 17px !important;
        padding: 13px 30px !important;
    }
    #home-sec4 h2 {
        font-size: 28px !important;
        line-height: 35px !important;
    }
    #home-sec4 h3 {
        font-size: 20px !important;
        line-height: 27px !important;
    }
    #home-sec7 h3 {
        font-size: 29px !important;
        line-height: 35px !important;
    }
    #home-sec7 p {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    .top-soc-icon ul li {
        display: inline-block;
        padding: 2px 0px !important;
        width: 32% !important;
    }
    #top-header .row {
        align-content: center;
        align-items: center;
    }
    .sec4-btn a {
        display: inline-flex !important;
        align-items: center !important;
    }
    .sec4-btn a img {
        margin-right: 10px !important;
    }
    #mega-menu-wrap-main_menu
        #mega-menu-main_menu
        > li.mega-menu-item
        > a.mega-menu-link {
        line-height: 31px !important;
    }
    .main-nav li a {
        font-size: 16px !important;
    }
    .head-submenu #menu-iaas-and-cloud-hosting-submenu li a,
    .head-submenu #menu-data-centers-submenu li a,
    .head-submenu #menu-about-submenu li a {
        font-size: 17px !important;
    }
}
@media screen and (max-width: 1199px) {
    #open-source-imports {
        height: 415px;
        background-size: 800px;
    }
    .head-wrapper .logo-container span.tex-light {
        bottom: -20px;
    }
    .head-wrapper .logo-container .logo {
        bottom: -17px;
    }
    .section-three-wrapper .col p {
        position: relative;
        height: initial;
        font-size: 14px;
        bottom: 0;
        padding: 20px 10px;
    }
    .sec4-btn a {
        padding: 15px 14px !important;
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1100px) {
    #home-sec1 img {
        width: 100%;
    }
    .homesec2-blurb img {
        width: auto !important;
    }
    #home-sec7 {
        padding: 60px 0px;
    }
    #home-sec4 img,
    #home-sec4 .rightsec4 img {
        width: auto !important;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 0px;
        display: block;
    }
    #home-sec4 .sec4-btn img {
        width: auto !important;
        margin: unset !important;
        display: unset !important;
    }
    .social-ft a i {
        font-size: 20px !important;
        padding: 10px 10px !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0px 2px !important;
    }
}
@media screen and (max-width: 1024px) {
    .section-head-wrapper.inner h3 {
        font-size: 25px !important;
        line-height: 31px !important;
    }
    #is-sec1 h2 {
        font-size: 35px !important;
        line-height: 42px !important;
        margin-bottom: 15px !important;
    }
    #is-sec1 h3 {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    #is-sec1 {
        padding: 50px 0px !important;
    }
    #is-sec2 h2 {
        font-size: 35px !important;
        line-height: 42px !important;
    }
    .sec2-innder-chck h4 {
        font-size: 15px !important;
        line-height: 21px !important;
    }
    #faqs-section h2 {
        font-size: 35px !important;
        line-height: 42px !important;
        margin-bottom: 20px !important;
    }
    #mega-menu-wrap-main_menu #mega-menu-main_menu {
        padding: 15px 10px !important;
    }
    body .main-nav .orng-btn a {
        text-align: center !important;
        margin-left: 0px !important;
    }
    .head-wrapper .main-nav #mega-menu-item-21 {
        display: block !important;
    }
    .section-head-wrapper {
        padding: 50px 0px !important;
        min-height: auto !important;
    }
    .head-submenu .mega-menu-columns-5-of-12 {
        display: none !important;
    }
    .head-submenu {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .main-nav .mega-sub-menu {
        width: auto !important;
        padding: 0px !important;
        border: none !important;
        border-radius: 0px !important;
    }
    .mega-orng-btn.orng-btn {
        margin-top: 20px !important;
    }
    .main-nav li a {
        font-size: 17px !important;
    }
    .head-submenu #menu-iaas-and-cloud-hosting-submenu li a,
    .head-submenu #menu-data-centers-submenu li a,
    .head-submenu #menu-about-submenu li a {
        color: #fff !important;
        font-size: 16px !important;
    }
    #mega-menu-wrap-main_menu
        #mega-menu-main_menu
        > li.mega-menu-megamenu
        > ul.mega-sub-menu {
        box-shadow: none !important;
    }
}
@media screen and (max-width: 980px) {
    .section-head-wrapper h1 {
        font-size: 35px;
        line-height: 42px;
    }
    .section-head-wrapper {
        padding: 40px 0px;
    }
    .row.blogindex,
    .row.blogsingle {
        padding: 40px 0px;
        display: block;
    }
    .col-4.sidebar-container {
        max-width: 100%;
    }
    #above-footer .row {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }
    #above-footer .col-lg-6 {
        max-width: 100% !important;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .ft-cta {
        text-align: center;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 30px;
    }
    #above-footer h2 {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 10px;
    }
    #above-footer p {
        font-size: 18px;
        line-height: 24px;
    }
    .ft-cta a {
        font-size: 17px;
    }
    .container,
    .container-fluid {
        max-width: 100% !important;
    }
    #footer-cta {
        padding: 20px 0px;
        text-align: center;
    }
    #footer-cta p {
        text-align: center !important;
    }
    .col-8.single-blogL {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .singleBlog-cont h2 {
        font-size: 20px;
        line-height: 27px;
    }
    .singleBlog-cont p {
        font-size: 15px;
        line-height: 22px;
    }
    .search-results-page .col-4.sidebar-container,
    .category-main .col-4.sidebar-container {
        max-width: 100%;
        flex: unset !important;
    }
    .blogindex .pagination {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 915px) {
    .social-ft a i {
        font-size: 19px !important;
        padding: 9px 8px !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0px 2px !important;
    }
}
@media screen and (max-width: 900px) {
    #top-header {
        display: none;
    }
}
@media screen and (max-width: 860px) {
    #home-sec6 .row {
        display: block;
    }
    #home-sec6 .col-md-4 {
        padding: 0px;
        max-width: 100%;
        border: none;
    }
    #home-sec6 .col-md-8 {
        padding: 0px;
        max-width: 100%;
        margin-top: 40px;
    }
    #home-sec6 {
        padding: 30px 0px;
    }
    .tab-slider .slick-slide img {
        width: auto;
        display: block;
        max-width: 100%;
    }
    .section-head-wrapper {
        padding: 35px 0px !important;
    }
    .social-ft a i {
        font-size: 18px !important;
        padding: 8px 7px !important;
        width: 35px !important;
        height: 35px !important;
        margin: 0px 1px !important;
    }
}
@media screen and (max-width: 820px) {
    .social-ft a i {
        font-size: 17px !important;
        padding: 7px 7px !important;
        width: 33px !important;
        height: 33px !important;
        margin: 0px 1px !important;
    }
}
@media screen and (max-width: 800px) {
    .is-sec1-inner-right img {
        width: 100%;
    }
    #is-sec1 h2 {
        font-size: 32px !important;
        line-height: 38px !important;
        margin-bottom: 10px !important;
    }
    #is-sec1 h3 {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    #is-sec1 div h4 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    #is-sec1 p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .is-sec1-btn p a {
        font-size: 15px;
        padding: 14px 20px !important;
        border-radius: 100px !important;
    }
    #is-sec2 h2 {
        font-size: 32px !important;
        line-height: 39px !important;
    }
    #is-sec2 p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .is-sec2-btn a {
        font-size: 15px !important;
        padding: 13px 23px !important;
    }
    #faqs-section h2 {
        font-size: 32px !important;
        line-height: 39px !important;
        margin-bottom: 18px !important;
    }
    #faqs-section {
        padding: 50px 0px !important;
    }
    #home-banner h1 {
        font-size: 40px !important;
        line-height: 46px !important;
    }
    #home-banner h3 {
        font-size: 23px !important;
        line-height: 28px !important;
    }
    #home-banner p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    #home-banner {
        padding: 40px 0px 20px 0px;
    }
    #home-sec1 {
        padding: 50px 0px;
    }
    #tabs-section {
        padding: 55px 0px;
    }
    #home-sec7 {
        padding: 50px 0px;
    }
    #home-sec7 h3 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    #home-sec7 p {
        font-size: 16px !important;
        line-height: 23px !important;
    }
    #home-sec7 .req-form h2 {
        font-size: 25px !important;
        line-height: 32px !important;
    }
}
@media screen and (max-width: 768px) {
    #pricing_table_shortcode {
        max-width: 100%;
    }
    #breaking-lock {
        height: 400px;
        background-size: 300px;
    }
    #open-source-imports {
        height: 290px;
        background-size: 500px;
    }
    #main-cta {
        margin-top: 300px;
        margin-left: 0;
    }
    .section-one-wrapper h1 {
        font-size: 22px;
    }
    .blogindex h2 {
        font-size: 22px;
        line-height: 29px;
    }
    .blog-exc p {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0px;
        margin-top: 15px;
    }
    .sidebar-bg h3 {
        font-size: 22px;
        line-height: 29px;
    }
    .req-form .wpcf7-form-control.wpcf7-submit.has-spinner {
        font-size: 17px;
        padding: 10px 40px;
    }
    .social-ft a i {
        font-size: 17px !important;
        padding: 6px 6px !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0px 1px !important;
    }
    .req-form label {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}
@media screen and (max-width: 700px) {
    .blogindex h2 {
        font-size: 20px;
        line-height: 27px;
        margin-top: 15px !important;
    }
    footer {
        padding-top: 15px;
        padding-bottom: 35px;
    }
    #footer-cta {
        padding: 20px 0px;
    }
    #footer-cta p {
        font-size: 15px;
        line-height: 21px;
        text-align: center !important;
    }
    .section-head-wrapper.inner h3 {
        font-size: 23px !important;
        line-height: 30px !important;
    }
    #is-sec1 {
        padding: 40px 0px !important;
    }
    .is-sec2-inner .sec2-right {
        padding: 15px 15px;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
    }
    .sec2-innder-chck {
        display: inline-flex !important;
        margin-bottom: 9px !important;
        align-items: center !important;
        width: 100% !important;
    }
    #is-sec2 {
        padding: 40px 0px !important;
    }
    #faqs-section {
        padding: 40px 0px !important;
    }
    #is-sec3 img {
        width: 100%;
    }
    .blogindex .blog-img-container img {
        height: auto;
    }
    #home-banner h1 {
        font-size: 37px !important;
        line-height: 43px !important;
    }
    .col-md-6.homeSec1-left {
        text-align: center;
        margin-bottom: 20px;
    }
    #home-sec4 {
        padding: 40px 0px;
    }
    #home-sec4 h2 {
        font-size: 26px !important;
        line-height: 33px !important;
    }
    #home-sec4 h3 {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    #home-sec4 img,
    #home-sec4 .rightsec4 img {
        margin-bottom: 20px;
    }
    #home-sec4 .rightsec4 img {
        width: auto !important;
        max-width: 100%;
        display: unset !important;
    }
    #home-sec4 .sec4-btn img {
        width: auto !important;
        margin: 0 auto;
        display: unset !important;
    }
    #home-sec6 h3 {
        font-size: 26px !important;
        line-height: 33px !important;
    }
    #home-sec6 p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    #home-sec7 {
        padding: 40px 0px;
    }
    .sec7-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tabcontent .col-md-4 {
        margin-bottom: 20px;
    }
    .social-ft a i {
        font-size: 19px !important;
        padding: 8px 7px !important;
        width: 35px !important;
        height: 35px !important;
        margin: 0px 5px !important;
    }
}
@media screen and (max-width: 600px) {
    .req-form .two-col .first-inp {
        margin-right: 0px;
    }
    .req-form label {
        font-size: 16px;
        line-height: 23px;
    }
    .two-col p {
        display: block;
        margin: 0 auto;
    }
    .two-col br {
        display: block;
    }
    #home-banner h1 {
        font-size: 35px !important;
        line-height: 41px !important;
    }
    .homesec2-blurb h3 {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .homesec2-blurb p {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    .blurb-btn a {
        font-size: 15px !important;
    }
    #home-sec1 {
        padding: 40px 0px;
    }
    #tabs-section {
        padding: 40px 0px !important;
    }
    #home-sec4 h2 {
        font-size: 24px !important;
        line-height: 31px !important;
    }
    #home-sec4 h3 {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    .rightsec4 h4 {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .rightsec4 p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    #home-sec6 h3 {
        font-size: 23px !important;
        line-height: 29px !important;
    }
    #home-sec6 p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    #home-sec6 div h4 {
        font-size: 15px !important;
        line-height: 21px !important;
    }
    #home-sec7 h3 {
        font-size: 25px !important;
        line-height: 31px !important;
    }
    #home-sec7 p {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    #home-sec7 .req-form h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #home-logos div {
        display: block !important;
    }
    #home-logos img {
        width: auto !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 580px) {
    .sidebar-bg h3 {
        font-size: 21px;
        line-height: 27px;
    }
    .sidebar-bg p {
        font-size: 15px;
        line-height: 21px;
    }
    .sidebar-bg a {
        font-size: 16px;
    }
    #sidebar #block-10 h2.wp-block-heading {
        font-size: 20px;
        line-height: 27px;
    }
    #sidebar #block-10 ul li a {
        font-size: 15px;
        line-height: 21px;
    }
    #above-footer {
        padding: 30px 0px;
    }
    .ft-cta a {
        font-size: 16px;
        display: block;
        width: 100%;
    }
    .bg-btn {
        margin-bottom: 10px;
    }
    .section-head-wrapper.inner h3 {
        font-size: 20px !important;
        line-height: 27px !important;
    }
    #is-sec1 {
        padding: 35px 0px !important;
    }
    #is-sec1 h2 {
        font-size: 30px !important;
        line-height: 36px !important;
        margin-bottom: 9px !important;
    }
    #is-sec1 h3 {
        font-size: 16px !important;
        line-height: 23px !important;
    }
    .is-sec1-btn p a {
        font-size: 15px !important;
        padding: 14px 20px !important;
        border-radius: 100px !important;
    }
    #is-sec2 {
        padding: 35px 0px !important;
    }
    #is-sec2 h2 {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    #faqs-section {
        padding: 35px 0px !important;
    }
    #faqs-section h2 {
        font-size: 30px !important;
        line-height: 37px !important;
        margin-bottom: 16px !important;
    }
    .panel-content p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}
@media screen and (max-width: 500px) {
    #home-banner h1 {
        font-size: 32px !important;
        line-height: 38px !important;
    }
    #home-banner h3 {
        font-size: 21px !important;
        line-height: 26px !important;
    }
    .home-banner-btn a {
        font-size: 16px !important;
        padding: 12px 28px !important;
    }
    .homesec2-blurb {
        grid-template-columns: auto !important;
        column-gap: 0px !important;
        text-align: center !important;
    }
    .blurb-btn a {
        justify-content: center !important;
    }
    #tabs-section .tabcontent .col-md-4 {
        margin-bottom: 20px;
    }
    #home-logos div {
        display: block;
    }
    #home-logos img {
        width: auto !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }
    #home-sec4 h2 {
        font-size: 22px !important;
        line-height: 29px !important;
    }
    #home-sec4 h3 {
        font-size: 16px !important;
        line-height: 23px !important;
    }
    #home-sec7 h3 {
        font-size: 23px !important;
        line-height: 29px !important;
    }
    .sec7-btn a {
        font-size: 17px !important;
        padding: 11px 20px !important;
    }
    .sec7-btn {
        text-align: center !important;
    }
    .row.copyrightcontainer a {
        font-size: 18px !important;
    }
    footer .col-md-3.last p {
        margin-bottom: 10px !important;
    }
    .social-ft a i {
        font-size: 20px !important;
        padding: 10px 7px !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0px 5px !important;
    }
    #footer-cta p {
        font-size: 17px !important;
        line-height: 23px !important;
        text-align: center !important;
    }
    .col-lg-6.cta-lst p {
        margin-top: 15px !important;
    }
    #footer-cta .cta-lst p a {
        padding-left: 0px !important;
        margin: 0 10px !important;
    }
    .footer-phone a {
        margin-right: 15px;
    }
}
@media screen and (max-width: 480px) {
    .section-one-wrapper {
        margin-top: 50px;
    }
    .is-sec1-btn p .fa.fa-angle-right {
        font-size: 17px !important;
    }
    .section-one-wrapper h1 {
        max-width: 100%;
        font-size: 20px;
        margin-top: 80px;
        line-height: 1.5;
    }

    /* cta */
    #main-cta {
        margin-top: 185px;
        background: #000;
        padding: 30px 15px;
    }
    .cta-text {
        font-size: 13px;
        top: 0;
        left: 25px;
    }
    .cta-text span {
        font-size: 26px;
    }
    .cta-btn {
        margin-left: 0;
    }

    /* tabs */
    .tabs-style-tzoid nav ul li a span {
        font-weight: 700;
        font-size: 0.6em;
    }
    .tabs .content-wrap h2 {
        font-size: 20px;
    }
    .content-wrap section {
        padding: 0.5em;
    }

    /* grid */
    .grid-content {
        font-size: 12px;
        padding: 20px 30px;
    }

    /* section one imgs */
    #open-source-imports {
        background: url(images/oss-imports-visual-studio-code.png) left 5px
            no-repeat;
        opacity: 0.6;
    }
    #breaking-lock {
        display: none;
    }

    /* trusted */
    #trusted {
        font-size: 16px;
        bottom: -80px;
        opacity: 1;
        color: #5f5f5e;
    }
    #trusted img {
        margin-left: 0;
        padding: 0 15px;
    }
    .section-two-wrapper .col {
        flex-basis: initial;
        margin: 20px 0;
    }
    .section-two-wrapper img {
        max-width: 75px;
        margin: 0px auto 15px;
    }
    .section-two-wrapper h2 {
        font-size: 24px;
        margin: 20px 0;
    }
    .section-three-wrapper .col {
        flex-basis: initial;
        margin: 10px 0;
    }
    .section-three-wrapper .col .grid-img {
        height: 150px;
    }
    .section-three-wrapper .col p {
        font-size: 13px;
        text-align: left;
        padding: 10px 0;
    }
    .btm-btn {
        float: none;
        margin-left: 20px;
    }
    #bottom-cta button {
        top: 0;
        float: none;
        left: 0;
    }
    .copyright {
        display: block;
    }
    .footer-logo-container {
        width: 100%;
        display: block;
        margin: 0;
    }
    .footer-menu {
        width: 100%;
        display: block;
        margin: 0;
    }
    .footer-logo-container .logo {
        bottom: -20px;
        right: 0;
        left: 97px;
    }
    .footer-logo-container span.tex-light {
        bottom: -23px;
        left: 70px;
    }
    .footer-phone {
        left: 5px;
    }
    .footer-menu {
        margin-top: 45px;
    }
    .footer-menu ul {
        padding-left: 0;
    }
    .footer-menu li {
        margin-left: 5px;
    }
    .footer-menu li a {
        font-size: 13px;
    }
    #bottom-cta h2 {
        font-size: 26px;
    }
    #bottom-cta .btm-text {
        float: initial;
        padding: 0 15px;
    }

    /*Content*/
    .centered-content {
        width: 100%;
    }
    div.gridPage div.gridDay span.gridHeaderFull {
        color: #fff;
    }
    .section-head-wrapper h1 {
        font-size: 28px;
        line-height: 35px;
    }
    #above-footer h2 {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    #above-footer p {
        font-size: 17px;
        line-height: 23px;
    }
    .ft-cta {
        margin-top: 15px;
    }
    footer h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .row.copyrightcontainer a {
        font-size: 15px;
    }
    .footer-btn a {
        font-size: 17px !important;
        padding: 12px 10px;
    }
    .section-head-wrapper.inner h3 {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    #is-sec1 {
        padding: 30px 0px !important;
    }
    #is-sec1 h2 {
        font-size: 27px !important;
        line-height: 33px !important;
        margin-bottom: 9px !important;
    }
    #is-sec1 p {
        font-size: 15px !important;
        line-height: 22px !important;
        display: block !important;
    }
    .is-sec1-btn {
        margin-top: 0px !important;
    }
    .is-sec1-btn p a {
        font-size: 15px !important;
        padding: 14px 20px !important;
        margin-top: 10px !important;
    }
    #is-sec2 {
        padding: 30px 0px !important;
    }
    #is-sec2 h2 {
        font-size: 27px !important;
        line-height: 35px !important;
    }
    #is-sec3 {
        padding-bottom: 0px !important;
    }
    #faqs-section {
        padding: 30px 0px !important;
    }
    #faqs-section h2 {
        font-size: 27px !important;
        line-height: 33px !important;
        margin-bottom: 15px !important;
    }
    .single-press-release .wp-image-460.size-full.alignright.opus-press-img1 {
        width: 100%;
        float: none;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .single-press-release .alignnone.size-full.wp-image-6042.press-img2 {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .single-press-release #attachment_6107press-release-img3 {
        float: none;
        margin-left: 0;
        width: 100% !important;
    }
    .single-press-release
        .size-full.wp-image-6128.alignleft.press-release-img4 {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 460px) {
    .share-btn a {
        font-size: 12px !important;
        width: 100px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .share-btn .a2a_kit.a2a_kit_size_32.addtoany_list {
        width: 100%;
        display: inline-block;
    }
    .recent-pst .col-sm-4 {
        padding: 0px 12px 0px 0px;
        margin-bottom: 20px;
    }
    #is-sec1 h2 {
        font-size: 25px !important;
        line-height: 31px !important;
        margin-bottom: 9px !important;
    }
    #is-sec1 h3 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    #is-sec1 div h4 {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    #is-sec1 p {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    #is-sec2 h2 {
        font-size: 25px !important;
        line-height: 33px !important;
    }
    #is-sec2 p {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    #faqs-section h2 {
        font-size: 25px !important;
        line-height: 31px !important;
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 440px) {
    .sec4-btn a {
        padding: 15px 15px !important;
        font-size: 15px !important;
    }
    .sec4-btn img {
        width: 23px !important;
    }
}
@media screen and (max-width: 385px) {
    .sec4-btn a {
        padding: 13px 13px !important;
        font-size: 14px !important;
    }
}
@media screen and (max-width: 280px) {
    .main-nav {
        margin: 0 auto !important;
    }
}