:root {
    --brand_clr: #0143c1;
    --brand_clr_light: #0948b3;
    --brand_clr_hover: #052b6a;
    --secondary_clr: #ed7923;
    --secondary_clr_hover: #f67a3c;
    --gradient: linear-gradient(75deg, #073482, #014cda) !important;
    --white: #fff;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap');

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Roboto', sans-serif;
    color: #252525;
    font-size:18px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif!important;
    color:#2a2a2a;
}
h1{
    font-size:3rem
}
h2{
    font-size:2.5rem;
}

.color-secondary{
    color: #ed7923!important;
}
.bg-1, .bg-02, .bg-3, .bg-4{
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-bubble{
    background-image:url("/Files/bg-prices.png");
    background-position:right top;
    background-repeat:no-repeat;
}
.bg-1{
    background-image:url("/Files/bg-1.png");
}
.bg-02{
    background-image:url("/Files/bg-2.jpg");
}
.bg-3{
    background-image:url('/Files/bg-3.png');
}
.bg-4{
    background-image:url('/Files/bg-4.jpg');
}
.fw-500{
    font-weight:500;
}
.btn{
    font-size:1rem;
    font-weight: normal;
}
.nav-item{
    padding:10px 0px;
}
.custom-nav-item.active{
    background: #0948b3 ;
    color: #fff !important;
}
.active .nav-link,.active .nav-link i{
    color:#fff!important;
}
.u-header__promo-title{
    font-size:0.9rem;
}

.flaticon-help-web-button{
    color:#91979d;}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
.carousel-control-next, .carousel-control-prev {
    width: 5%;
}
.scroll-top.open {
    top: 95%;
    right: 9%;
}
/*===============Top menu===========*/
.top-bar {
    background-color: #07122D;
    padding:5px;
}
.top-bar ul li i{
    color:#fff;
    padding: 0 7px;
}
.top-bar ul li a{
    color:#fff;
    padding-right:10px;
    font-size: 14px;
}
.custom-mega-menu .menu-item-icon {
    height:100%;
    padding: 20px 0px;
}
.custom-mega-menu .menu-item-icon i{
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hs-mega-menu{
    border-radius:10px!important;
    max-width:1300px;
    margin-top:-15px;
}

.catalog .application-icon-wrap{
    box-shadow: 0 4px 10px rgb(8 62 155 / 25%);;
}
.catalog .application-content h2{
    font-size:25px;
    color:#2a2a2a;

}
.hs-mega-menu .custom-mega-menu{
    background-color: #fcfdff;
    margin: 10px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.menu-item-icon{
    margin: 0;
}
.u-header__product-banner {
    background-color: #083e9b!important;
}
.u-header__promo-text{
    color: #3e3f3f;
    font-size:13px;
}
#navBar .custom-nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #282e31;
}
.hs-mega-menu .menu-item-icon{
    margin-right: 1rem;
    margin-left: 1rem;
}
.terms-condition h3::after{
    width: 3px;
    height: 30px;
    left: 0;
    position: absolute;
    content: '';
    background-color: #f27d35;
}
.vps-hosting-pricing-table table tbody tr:nth-child(2) {
    background: red!important;
}

#heroSlider h1, #heroSlider h2{
    font-size:2.7rem;
    font-weight:600;
}

.brand-clr{
    background: linear-gradient( to right, #5479f7 ,#5175f7 , #f27d35 ,#f27d35);
}
.aws-clr{
    background: linear-gradient(to right, #FF9900 , #000000);
}
.azure-clr{
    background: linear-gradient(to right, #ea4d21, #7bb400, #009fe8, #f7b300);
}
.google-clr{
    background: linear-gradient(to right,  #4285F4, #34A853, #FBBC05, #EA4335, #5f6368);
}
.aws-clr,.google-clr, .azure-clr, .brand-clr{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cloud-server .features-box-icon img{
    margin-top: 15px;
}
/*--

#heroSlider .carousel-item {
min-height: 35rem;
}

#heroSlider .carousel-item img {
position: relative;
top: 0;
right: 0;
width: auto !important;
max-width: none;
}*/

.seo-heading h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
}
.main-heading h1{
    font-weight: 500;
    line-height: 1.2;
}
.hero-main-text p, .page-header p {
    font-size: 1.3rem;
    margin: 1.8rem 0;
}
#heroSlider .hero-cta-section a {
    font-size: 1rem;
}
.bg_blue_light {background-color: #ccedff;}
.header-nav a.custom-nav-link {
    color: #000;
}
footer h5{
    color:#0e0e0e;
}
.footer-bottom a{
    color: var(--secondary_clr);
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: var(--secondary_clr);
    border: 0;
    transition: width 0.5s ease;
}
.custom_dots .carousel-indicators .active {
    width: 32px;
}

.bg_effect:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/Files/background_dot_beige.svg);
    left: -20px;
    z-index: 1;
    top: -35px;
    background-size: 10px 10px;
}
@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
    50% {
        opacity: .9;
        -ms-filter: "alpha(opacity=90)"
    }
    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}
.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-main {
    position: relative;
    display: inline-block
}
.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: 0 0;
    color: #fff;
    display: inline-block;
    background: red;
    z-index: 999
}
.video i{
    line-height: 55px;
}

.feature-section h5 {
    font-family: 'Roboto';
}
.feature-section .features-box-icon i{
    line-height: 2;
}
.check-list-wrap li:before {
    font-family: flaticon !important;
    font-weight: normal !important;
    content: "\f12a";
}

.cta_bg {
    background: rgb(8,116,175);
    background: linear-gradient(90deg, #083e9b 55%, #f67a3c 55%);
}
.cta-2 {
    background: rgb(8 62 155 / 5%);
    background-image: url(/Files/cat-bg.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
.faq-wrap .card .card-header:after{
    font-family: 'flaticon';
    content: "\f110";
}
.faq-wrap .card .card-header.collapsed:after{
    content: "\f110";
}
.video_bg{
    background: rgb(8,116,175);
    background: linear-gradient(90deg, rgb(204 237 255) 0%, rgb(204 237 255) 27%, rgb(8 62 155) 27%, rgb(8 62 155) 100%);
}


.ripple_effect {
    animation: ripple-white 1s linear infinite;
}

@keyframes ripple-white {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 25px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 25px rgba(0, 0, 0, 0.2), 0 0 0 35px rgba(0, 0, 0, 0);
    }
}
.wcu .features-box{
    min-height: 275px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
}
.custom_features i {
    font-size: 35px;
    color: var(--white);
    background: var(--brand_clr_hover);
    padding: 10px;
    width: 65px;
    display: flex;
    justify-content: center;
}
.iconBounce {
    transition: all 0.3s ease-out;
    animation: iconBounce 3s ease-in-out infinite;
}
.iconBounce:nth-child(1) {
    animation-delay: 0ms;
    transition-delay: 0.25s;
}
.iconBounce:nth-child(2) {
    animation-delay: 0.3s;
    transition-delay: 0.3s;
}
.iconBounce:nth-child(3) {
    animation-delay: 0.6s;
    transition-delay: 0.35s;
}
.iconBounce:nth-child(4) {
    animation-delay: 0.9s;
    transition-delay: 0.4s;
}
.iconBounce:nth-child(5) {
    animation-delay: 1.2s;
    transition-delay: 0.45s;
}
.iconBounce:nth-child(6) {
    animation-delay: 1.5s;
    transition-delay: 0.5s;
}
.down-anim{
    animation: iconBounce 2s ease-in-out infinite;
}

@keyframes iconBounce {
    0%,
    to {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, 8px, 0);
    }
}
.pageheader a{
    color: var(--secondary_clr);
}

li.collapsed {
    cursor: pointer;
}
.single-customer {
    width: 100%;
    border : 1px solid #ededed;
    padding : 10px;
}
.use-case .application-icon-wrap  img{
    width:100px;
}
.steps .single-promo-card{
    min-height:245px;
}
.steps .single-promo-card .step_number {
    position: absolute;
    top: 0;
    right: 5%;
    font-size: 50px;
    font-weight: 800;
    color: rgb(221 221 221 / 50%);
}
.vps-migration{
    text-align:center;
    border-radius: 0.25rem;
    border:1px solid rgba(93, 118, 174, 0.15);
    background:#fff;
    margin-top:1.5rem;
    padding:1.5rem;
    min-height:415px;
}
.starting-at {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    color:#252525;
}
.wcu .features-box .features-box-icon{
    background: rgb(38 80 163 / 13%);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.surveyFea .features-box{
    min-height:400px;
    background:white;
}
.lxpanelFea .features-box{
    min-height:265px;
    background:#f6f7f9;
}
.pricing-info{
    text-align:center;
}
.pricing-new-wrapper li p{
    color:#000000;}
.pricing-feature-list-2 li i{
    color:#0948b3
}
.comparision-table-body tr > td {
    font-size: 15px;
}
.flaticon-help-web-button{
    color:#b7b7b7!important;
}
.countries_client .single-customer{
    width: 75%;
    border:none;
}
.faq-wrap .card .card-header {
    background: var(--brand_clr_light);
}

.features-box-icon.features-custom{
    display: flex !important;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.features-box-icon.features-custom i.icon-size-sm{
    font-size: 30px;
}
/* Location selection */
.location-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007d;
    display: none;
    z-index: 99999;
}

.location-popup-container {
    display: block;
    width: 90%;
    max-width: 600px;
    background: #fff;
    margin: 220px auto;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 3px;
}

.location-popup-container h4 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    position: relative;
}

.slocation img {
    float: left;
    margin: 0 12px;
}

.slocation.selected {
    background: rgb(75 123 236 / 8%);
}

.slocation i {
    float: left;
    font-size: 22px;
    margin-top: 8px;
    color: var(--brand_color_light);
}

.slocation {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
}

.location-popup-body {
    min-height: 300px;
}

.location-popup-footer {
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;
}

.slocation h6 {
    display: inline;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 100;
}

.slocation h6 span {
    display: block;
    font-size: 1em;
    font-weight: 600;
}

p#loc-selected {
    font-size: 1em;
    float: left;
    margin: 10px 0;
    color: var(--secondary_color);
    font-weight: 600;
}

#location-link {
    float: right;
    margin: 8px 0;
}

#close-vps-popup {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 18px;
    cursor: pointer;
}
.main-link-toggle::after{
    font-size: 9px;
    font-weight: bolder;
}
/* location section end*/
/* ================= Responsive START ================= */
@media (max-width: 1024px) {
    .main-heading h2 {
        font-size: 3rem;
    }
}
@media (min-width: 991px){
    .navbar-expand-lg .main-navbar-nav .custom-nav-link{
        padding: 1.5rem 0.6rem;
    }

}
@media (min-width: 1199px) and (max-width:1200px){
    #navBar .custom-nav-link {
        font-size: 11px;
    }

}
@media (min-width: 991px) and (max-width:1199px){
    .hs-mega-menu {
        position: absolute!important;
    }
    .navbar-brand img{
        width:200px;
    } 
    .cta0{
        display:none;
    }
    #navBar .custom-nav-link {
        font-size: 14px;
    }
    .header-nav-last-item .btn {
        padding: 10px 10px !important;
    }
    .navbar-expand-lg .main-navbar-nav .custom-nav-link{
        padding: 1.5rem 0.4rem;
    }
}
@media (max-width: 991px) {
    .hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-center{
        width: 100% !important;
        margin: 0 auto;
        transform: unset;
    }
    .custom-mega-menu .menu-item-icon, .menu-item-icon{
        padding: 0;
    }
    .custom-mega-menu{
        margin: 0 !important;
        border-bottom: 1px solid rgba(93, 118, 174, 0.15);
        box-shadow: unset !important;
        background: #fff;
    }
    .menu-item-icon img, .menu-item-icon i{
        display: none !important;
    }
    .menu-item-icon .sub-menu-title{
        text-align: start !important;
        margin-top: 0 !important;
        padding: 0 15px;
    }

    /* End mobile menu */
    .seo-heading h1{
        margin-bottom:1rem
    }
    .main-heading h2 {
        font-size: 2.5rem;
    }
    h1{
        font-size:2.5rem
    }
    h2{
        font-size:2.3rem;
    }
    .cta_bg {
        background: #083e9b;
    }
    .video_bg{
        background: rgb(8,116,175);
        background: linear-gradient(0deg, rgb(8 62 155) 73%, rgb(204 237 255) 73%, rgb(204 237 255) 100%);
    }
    .nav-item{
        padding:10px;
    }
}
@media (min-width: 1200px) and (max-width:1400px){
    .cta0{
        display:none;
    }

}
/* ================= Responsive END ================= */

.custom-dot.dot-bottom-50 .owl-dots, 
.custom-dot.dot-bottom-50 .owl-dots {
    bottom: -50px !important;
}
.catalog .application-icon-wrap .read-more-link a {
    transform: translate(0);
}
.header-nav-last-item .btn{
    padding: 10px 18px;
    font-size: 18px;
    border-radius: 5px;
    line-height: 1.25em;
}
@media (min-width: 320px) and (max-width: 767px){
    .menu-titile-icon {
        display: block;
    }
}
/*Start*/
.pricing-section .nav-pills{
    gap: 20px;
    display: flex;
    justify-content: center;
}
.pricing-section .nav-pills .nav-link {
    background: rgb(0 41 246 / 3%);
    padding: 18px 24px;
    border-radius: 5px;
    font-weight: 500;
    color: #001042;
    transition: all .3s ease-in;
}

.pricing-section .nav-pills .nav-link.active{
    -webkit-box-shadow: 0px 0px 35px 5px rgb(28 64 242 / 15%);;
    -moz-box-shadow: 0px 0px 35px 5px rgb(28 64 242 / 15%);;
    box-shadow: 0px 0px 35px 5px rgb(28 64 242 / 15%);
    background: #083e9b;
    color: #fff;

}
.custom-price-sec .pricing-feature-list-2 li i{
    background: linear-gradient( to right, #1c40f2 ,#1c40f2 , #f27d35 ,#f27d35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-price-sec .h2{
    font-size: 2.5rem;
}
.custom-price-sec .pricing-new-wrapper:after{
    background: linear-gradient( to right, #1c40f2 ,#1c40f2 , #f27d35 ,#f27d35);
}
.support-cta a span {
    transition: .5s;
}
.custom-price-sec .support-cta:hover a{
    color: #0948b3;
}
.support-cta a:hover span{
    transform: translateX(6px);
}


.custom-cta-99 span {
    border: 2px solid rgb(93 118 174 / 15%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 54px;
}
.check-list-wrap li a{
    color:#252525;
}
.check-list-wrap li a:hover{
    border-bottom:1px solid #252525;
}

.bg-light {background-color: rgb(245 249 255 / 30%)!important;}
.bg-light-70 {background-color: rgb(245 249 255 / 70%)!important;}
#ec{
    margin-top: 0 !important;
}
.faq ul {
    list-style: auto;
    padding-left: 20px;
}
.feature-section .features-box-content h5{
    text-transform: uppercase;
}
.contact-info ul li{
    display: flex;
}
.icon {
    margin-right: 10px;

}
.icon {
    color: #1b1b1b;
}
.contact-area .card{
    min-height: 300px;
}
.contact-text small a{
    color: #fff;
    transition: 0.3s ease all;
}
.contact-text small a:hover{
    color: var(--secondary_clr);
}
.single-pricing-pack-2 .package-title {
    font-weight:600;
}
.single-pricing-pack-2 p{
    font-size:16px;
    color: #475569;
}
.single-pricing-pack-2 .h2{
    font-size: 30px;
    color: #363636;
}
.partner-logos{
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
/* slider section */

#heroSlider .hero-content .hero-main-text ul.slider-icon i{
    color: #083e9b;
}

.slider-area{
    background-color: rgb(245 249 255);
    background-size: cover;
    background-position: top right;
}
/*
.slider-area .slide{
min-height:590px;
}
*/
.support-action h5 a:hover{
    color: var(--brand_clr_light);
}
.single-pricing-pack-2 .package-title {
    font-weight:600;
}
.single-pricing-pack-2 p{
    font-size:16px;
    color: #475569;
}
.single-pricing-pack-2 .h2{
    font-size: 30px;
    color: #363636;
}

#heroSlider .hero-content .hero-main-text ul.slider-icon i{
    color: #083e9b;
}

@media (min-width: 320px) and (max-width:991px){
    .hs-mega-menu.main-sub-menu{margin-top:-2px;}
    .slider-area .slide{min-height:515px;}
    #heroSlider h2,#heroSlider h1 {font-size: 2rem;}
    .pricing-section .nav-pills .nav-link{padding:15px;}
    h2 {font-size: 1.8rem;}
}

#manageService .app-list li img{width: 95px; height: 95px;}
@media (max-width: 456px) {
    .navbar-brand img{
        width: 280px;
    }
}
/*
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink i{
margin-right: 5px;
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
<span class="blink"><i class="flaticon-phone-call"></i></span>
*/

.trin-trin i{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}
.single-vps-item:hover h5{
    color: #0948b3 !important;
}
.slider-area img{
    width: 600px;
    height: 450px;
    object-fit: contain;
}