/* 

 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Oswald:wght@500&family=Russo+One&display=swap'); 

font-family: 'Oswald', sans-serif;
font-family: 'Russo One', sans-serif;

*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap');
body{
    color: #1B253F;
    line-height: 1.3;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    background: #131419;
}
p {
    font-size: 15px;
    color: #999;
    line-height: 1.8;
    margin: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    -webkit-transition: all .3s;
    transition:all .3s;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Oswald', sans-serif;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    max-width: 1700px;
    padding: 0 100px;
}

/* header */
.top-header{
    background: url(../images/header1.png);
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    height: 89px;
    /* background: rgba(32, 26, 45, 0.5); */
    transition: all .3s ease;
}
body.header-sticky .top-header{
    position: fixed;
    width:100%;
    top:0;
    z-index: 999999;
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;

}
.top-header-part{
    position: relative;
}
.header-logo{
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}
.header-logo img{
    /* padding-top: 45px */
}
.header-menu{
    position:absolute;
    right:0;
    top: 27px;
    /* width: 40%;
    margin-left: auto; */
}
.header-menu-body{
    position: relative;
    display:flex;
}
.header-menu ul{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    margin-bottom: 0px;
    align-items: center;
}
.header-menu ul li a:after {
    content: "\f101";
    font-family: 'Flaticon';
    color: #fff;
    font-size: 5px;
    position: absolute;
    top: 8px;
    margin-left: 10px;
    filter: blur(1px);
}
.header-menu ul li a{
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;

}
.header-menu ul li a:hover {
    color: #1EF6C8;
}
.header-call:before {
    margin-left: 0px;
    font-size: 15px;
    font-weight: 100;
    margin-right: 2px;
}
.header-btn{
    margin-left: 15px;
}
.header-btn button{
    background:#793CFF;
}
.header-btn button:hover{
    color:#fff;
}
/* header banner */
.header-banner{
    background: #131419;
    padding-bottom: 50px;
}
.header-banner-body{
    text-align: center;
}
.header-banner-body h3 {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-weight: 700;
    font-size: 60px;
    line-height: 75px;
    padding-top: 65px;
    padding-bottom: 5px;
    /* animation: fadeInDown;
    animation-duration: 2s; */
}
.header-banner-body h3 span {

    /* background: -webkit-linear-gradient(32deg, #36EEC2, #4181D6 80%); */
    background: linear-gradient(121.32deg, #32FFCE 44.64%, #4B0EFA 89.89%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.header-btn button {
    background: linear-gradient(0deg, #793CFF, #793CFF);
    color: #ffff;
    padding: 9px 20px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.55);
}
.header-banner-body p {
    width: 80%;
    margin: 0 auto;
    color: #CFD6D9;
    font-size:18px;
}

.header-mobile-menu-body{
    display:none;
}
.header-banner-btn {
    padding-top: 30px;
}
.header-banner-btn .btn-services {
    margin-left: 20px;
}
.btn-common{   
    padding: 8px 18px;
    font-weight: 500;
    font-size: 15px; 
    transition: all .3s;
    font-family: 'Inter';
}
.btn-common:hover{
    transition: all .3s;
}
.btn-contact{
    background: linear-gradient(133.12deg, #32FFA9 16.78%, #00B8A2 90.42%);
    box-shadow: -2px -3px 10px rgba(163, 253, 242, 0.25), 8px 8px 6px #000000;
    border-radius: 36px;
    color: #0E101C;
    font-size: 16px;
    font-weight: 500;
    /* animation: fadeInUp;
    animation-duration: 2s; */
}
.btn-services{
    border: 1px solid #fff;
    border-radius: 30px;
    color: #FDFEFF;
    /* animation: fadeInUp;
    animation-duration: 2s; */
}
.btn-services:hover{
    /* background: linear-gradient(133.12deg, #32FFA9 16.78%, #00B8A2 90.42%);
    box-shadow: -2px -3px 10px rgba(163, 253, 242, 0.25), 8px 8px 6px #000000;
    color: #0E101C;
    border-color:transparent; */
    color: #11D0A4;
    border-color: #11D0A4;
    transition: all .3s;
}

/* partner */
.partner-part {
    background: #131419;
    padding-top: 50px;
    padding-bottom: 150px;
}
.main-title-part{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}
.section-title{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color:#FDFEFF;
    font-size:55px;
}

/* partner part */
.partner-slider-item:hover svg path {
    fill: #32FFCE;
    cursor:pointer;
}
.partner-slider-item.linode-item:hover svg path:nth-of-type(4){
    fill:black;
}
.partner-slider-item.selsforce-item:hover svg path:nth-of-type(2){
    fill:#121212;
}
.partner-slider-item.selsforce-item:hover svg path:nth-of-type(3){
    fill:#121212;
}

.partner-slider-item {
    text-align: center;
}
.partner-slider-item svg {
    height: 65px;
}

.partner-slider-body{
    border: .5px solid #ffffff94;
    border-radius: 7px;
    padding-top: 35px;
    padding-bottom: 30px;
}

/* What You’re Gonna Get part */
.gonna-get-part-body {
    padding-top: 30px;
}

.services-card{
    background: linear-gradient(180deg, #373742 -49.7%, #29292F 100%);
    border: 0.9px solid #5252525c;
    box-shadow: 0px 2.68776px 10.0633px rgba(0, 0, 0, 0.3), 0px 4.53165px 23.6582px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px;
    min-height: 310px;
    transition:all .3s;
}
.services-card:hover{
    /* box-shadow: -2px 7px 12px 5px rgba(0, 1, 9, 0.6), 0px 20px 12px 5px rgba(0, 1, 9, 0.4);
    transform: scale(1.02); */
    transition: all .3s;
    cursor: pointer;
}
.services-card h4{
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #FDFEFF;
    font-size: 22px;
    margin-bottom: 12px;
    margin-top: 5px;
}
.services-card p{
    font-size: 14px;
    color: #CFD6D9;
    font-weight: 400;
    line-height:28px;
}

.services-card.aos-animate.hover{
    opacity: .6;
}
.services-card.hover.active{
    box-shadow: -2px 7px 12px 5px rgba(0, 1, 9, 0.6), 0px 20px 12px 5px rgba(0, 1, 9, 0.4);
    transform: scale(1.02);
    opacity: 1;
    transition: all .3s;
}

/* services cloud */

.services-cloud {
    position: relative;
    height: 270px;
}
.services-cloud-1 {
    position: absolute;
    top: 0;
    left: 0;
}
.services-cloud-2 {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 2;
}
.services-cloud-2 img {
    width: 230px;
}
.services-cloud-3 {
    position: absolute;
    left: 178px;
    bottom: 0px;
}
.services-cloud-3 img {
    width: 170px;
}

.services-cloud-1 img {
    animation: cloud-sevices-1 3s linear infinite;
}
.services-cloud-2 img {
    animation: cloud-sevices-2 4s linear infinite;
}
.services-cloud-3 img {
    animation: cloud-sevices-3 5s linear infinite;
}


@keyframes cloud-sevices-1{
    0%{
        transform: translateX(8px);
    }
    50%{
        transform: translateX(-8px);
    }
    100%{
        transform: translateX(8px);
    }
}

@keyframes cloud-sevices-2{
    0%{
        transform: translateY(8px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(8px);
    }
}

@keyframes cloud-sevices-3{
    0%{
        transform: translateX(10px);
    }
    50%{
        transform: translateX(-10px);
    }
    100%{
        transform: translateX(10px);
    }
}

/* our services part */
.our-services-row {
    padding-bottom: 50px;
    border-bottom: 1px solid #ffffff73;
    padding-top: 50px;
}
.our-services-row:last-child {
    border-bottom: none;
}
.our-services-row-left {
}
.our-services-row-left h3 {
    color: #FDFEFF;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 55px;
    font-size: 30px;
    margin-bottom:15px;

}
.our-services-row-left h3:before {
    position: absolute;
    bottom: 0px;
    content: "";
    width: 60px;
    height: 3px;
    background: #32FFCE;
    margin-top: 5px;
}
.our-services-row-left-list-ul li {
    line-height: 36px;
    position: relative;
    padding-left: 25px;
    color: #CFD6D9;
    font-size:16px;
}
.our-services-row-left-list-ul li:before {
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 17px;
    color: #90FFE4;
    font-family: Flaticon;
    content: "\f106";
}
/* .our-services-row-left-list-ul li {
    
} */
/* .our-services-row-left-list-ul li a i {
    color: #fff;
    font-size: 12px;
    position: absolute;
} */
.our-services-row-right img {
    transition: all .3s;
    cursor: pointer;
    margin: 0 auto;
}
.our-services-row-right img:hover {
    /* transform: scale(1.1);
    transition: all .3s; */
}
.service-contact-part {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.service-contact-col-title p{
    font-weight: 400;
    color:#fff;
    font-size:15px;
    font-family: 'Oswald', sans-serif;
    margin-top: 10px;
}
.service-contact-col {
    width: 110px;
    text-align: center;
}
.service-contact-col-icon img {
    background: linear-gradient(139.35deg, #FF9458 -7.64%, #460EC0 134.91%);
    padding: 13px 15px;
    border-radius: 15px;
}

.service-contact-direction {
    width: 100px;
    position: relative;
}
.service-contact-direction p {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #fff;
    top: 34%;
    position: absolute;
    left: 10px;
}
.service-contact-direction p:before{
    content: "\f111";
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    top: -9px;
    left: -10px;
    font-size: 10px;
    color: #fff;
}
.service-contact-direction p:after{
    content: "\f111";
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    top: -9px;
    left: -10px;
    font-size: 10px;
    color: #fff;
}
.service-contact-col-dir-img img{
    position:relative;
    width: 120px;
    top:27px;
}
.our-services-hostion-btn {
    text-align: center;
    margin-top: 50px;
}

/* free-hostion-part */

.free-hostion-part{
    background: #1E1F25;
    padding-top: 80px;
    padding-bottom: 70px;
    position:relative;
}
.free-hostion-part-title{
    text-align:center;
}
.free-hostion-part-title p{
    color: #FDFEFF;
    font-size: 50px;
    font-weight: 700;
    line-height: 59px;
}
.free-hostion-col{
    text-align: center;
    color: #FDFEFF;
    font-weight: 600;
    margin-top: 30px;
    background: linear-gradient(180deg, #373742 -49.7%, #29292F 100%);
    box-shadow: 0px 3.68776px 9.0633px rgba(0, 0, 0, 0.3), 0px 4.53165px 22.6582px rgba(0, 0, 0, 0.6);
    padding: 30px 20px 40px 20px;
    border-radius: 10px;
    border: 1px solid #525252ad;
    transition:all .3s;
}
.free-hostion-col:hover {
    /* transform: scale(1.1); */
    transition: all .3s;
    cursor: pointer;
}
.free-hostion-col p{
    color: #FDFEFF;
    font-size: 16px;
    font-weight: 600;
}
.free-hostion-col-img img {
    width: 120px;
}
.free-hostion-row {
    margin-top: 30px;
}

.free-hosting-cloud {
    position: absolute;
    top: -48px;
    right: 100px;
    width: 150px;
    transform: rotateY(0deg);
    animation: cloud 4s linear infinite;
}

@keyframes cloud{
    0%{
        transform: translateY(10px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(10px);
    }
}


/* client section */
.client-part {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #0F0F0F;
}

/* client carosule */
.our-client-testimonial .main_slider{
    width: 100%;
    margin:0 auto;
    margin-bottom: 45px;
  }
  .our-client-testimonial .slider_dots {
      width: 70%;
      margin:0 auto;
      margin-top: 70px;
  }
  .our-client-testimonial .slider_dots .slick-track{
      height: 150px;
  }
  .our-client-testimonial .slider_dots .slick-slide img {
      margin: 0 auto;
      width:100%;
  }
  
  .our-client-testimonial .tesimonial-content img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .our-client-testimonial .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
  }
  
  .our-client-testimonial .slick-dots li {
    margin: 0 0.25rem;
  }
  
  .our-client-testimonial .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: grey;
    text-indent: -9999px;
  }
  
  .our-client-testimonial .slick-dots li.slick-active button {
    /* background-color: blue; */
  }
  
  .our-client-testimonial .slider_dots .slider_navigators {
    height: 100px;
    /* background-color: #9E9E9E; */
    border-radius: 50%;
    margin: 0px;
    transform: scale(0.7);
    outline: none;
    cursor: pointer;
    width:100px;
    margin-left: -30px;
    margin-right: -30px;
    opacity:.9;
    
  }
  
  .our-client-testimonial .slider_dots .slider_navigators.slick-active {
    transform: scale(0.70);
    /* width: 1px!important; */
    
  }
  
.our-client-testimonial .slider_navigators.slick-active.slick-current {
    transform: scale(.9);
    z-index: 1111;
    position: relative;
    opacity:1;
    /* background-color: #00f; */
  }
.main_slider.slick-initialized .slick-slide{
    padding-left: 20px;
    background: linear-gradient(180deg, #373742 -49.7%, #303037 100%);
    border: 0.921941px solid #484848;
    border-radius: 3px;
    padding: 60px 80px;
}
.our-client-testimonial {
    padding-bottom: 60px;
    padding-top: 40px;
}
.slider-hover-state{
    text-align: right;
    width: 90%;
}
.slider-hover-state button {
    width: 105px;
    height: 105px;
    border: 2px solid #793CFF;
    border-radius: 50%;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size:17px;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1.73333px);
    color:#fff;
    transition:all .3s ease;
}
.slider-hover-state button i {
    display: inline-block;
    margin-top: 7px;
}
.slider-hover-state button:hover{
    color:#793CFF;
    border-color:#fff;
    transition:all .3s ease;
}


.tesimonial-content-text p{
    position:relative;
    font-weight: 400;
    font-style:italic;
    color: #FDFEFF;
    text-align: center;
    font-size:18px;

}
.tesimonial-content-text p:before{
    content: "\f107";
    font-family: Flaticon;
    font-size: 70px;
    left: -35px;
    top: -57px;
    position: absolute;
    z-index: -1;
    color: #24242B;
    font-style: normal;
}
.testimonial-author-info {
    text-align: center;
    margin-top: 30px;
}
.testimonial-author-info p{
    position: relative;
    display: inline-block;
    font-family: Oswald;
    color:#CFD6D9;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
}
.testimonial-author-info p:before {
    content: "-";
    /* font-size: 24px; */
    /* width: 17px; */
    font-weight: 700;
    line-height: 8px;
    position: absolute;
    top: 32%;
    left: -10px;
    color: #32FFCE;
}
.testimonial-author-info h3{
    font-family: Oswald;
    color: #FDFEFF;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 500;
}
.main-title-part.recent-client-part p {
    font-size: 16px;
    color: #CFD6D9;
    line-height: 30px;
}

/* recent client */
.main-title-part.recent-client-part {
    padding-bottom: 20px;
}


/* faq section  */
.faq-section{
    background: #131419;
    padding-top: 60px;
    padding-bottom: 60px;
}
.faq-accordian-part {
    margin-top: 35px;

}
.accordian_item {
    margin-bottom: 15px;
}
.accordian_item_title{
    display: block;
    background: #30333F;
    color: #CFD6D9;
    padding: 15px 20px 15px 25px;
    font-size: 16px;
    position: relative;
    border-radius:3px;
    box-shadow: -4px -4px 8px rgba(100, 112, 175, 0.2), 4px 4px 8px rgba(0, 0, 0, 0.75);
}
.accordian_item_title:hover {
    color: #CFD6D9;
}
.accordian_item_title:after {
    font-family: "Flaticon";
    color: #32FFCE;
    content: "\f104";
    font-weight: 600;
    right: 8px;
    position: absolute;
    font-size: 18px;
}
.accordian_item_title.collapsed:after {
    content: "\f103";
}
.accordian_item .card-body{
    margin-top: 0px;
    background: #474759;
    border-radius: 0px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.75);
    padding-top: 24px;
}
.accordian_item .card-body p {
    color: #FDFEFF;
    font-size: 15px;
    font-weight: 300;
}


.faq-animation-part {
    position: relative;
    height: 100%;
}
.faq-animation-1 {
    position: absolute;
    width: 50%;
    top: 30%;
    left:5%;
}
.faq-animation-2 {
    position: absolute;
    top: 20%;
    left: 70%;
}
.faq-animation-3 {
    position: absolute;
    top: 75%;
    left: 47%;
}
.faq-animation-4 {
    position: absolute;
    top: 62%;
    left: 55%;
}
.faq-animation-1 img {
    animation: animate_1 4s linear infinite;
}
.faq-animation-2 img {
    animation: animate_2 3s linear infinite;
}
.faq-animation-3 img {
    animation: animate_1 4s linear infinite;
}
.faq-animation-4 img {
    animation: animate_1 3s linear infinite;
}
.faq-animation-part img{
    /* transition:all .3s; */
    /* animation: animate_1 4s linear infinite; */
}
.faq-animation-part img:hover{
    transform: scale(1.1);
    transition:all .3s;
}


@keyframes animate_1{
    0%{
        transform: translateY(8px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(8px);
    }
}
@keyframes animate_2{
    0%{
        transform: translateY(8px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(8px);
    }
}
/* services-query-part */
.services-query-part{
    background: url(../images/Group57.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 750px;
}
.services-query-body {
    position: relative;
    top: 230px;
    text-align: center;
    background: rgba(30, 30, 30, 0.4);
    border: 1px solid #8f8f8f80;
    padding-bottom: 60px;
    padding-top: 20px;
    border-radius: 10px;
    backdrop-filter: blur(1px);
}
.services-queryr-btn {
    margin-top: 25px;
}
.services-query-body p {
    color: #FDFEFF;
    font-size: 55px;
    font-weight: 700;
}



/* blog part */
.blog-section {
    padding-top: 40px;
    padding-bottom: 80px;
}
.section-title a{
    color: #FDFEFF;
}
.blog-slider-body .owl-carousel .owl-stage {
    /* margin-bottom: 5px;  */
    /* margin-left: 5px; */
    /* padding-right: 10px; */
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 0px;
}
.owl-carousel .owl-stage-outer {
    padding-left: 10px;
    padding-right: 20px;
}
.blog-item-card{
    box-shadow: 0px 3.68776px 11.0633px rgba(0, 0, 0, 0.3), 0px 5.53165px 27.6582px rgba(0, 0, 0, 0.6);
    background: linear-gradient(180deg, #373742 -49.7%, #29292F 100%);
    border: 0.9px solid #52525287;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.blog-card-header {
    padding: 10px;
    min-height: 110px;
}
.blog-card-date-time {
}
.blog-card-date-time ul{
    margin-bottom: 0px;
}
.blog-card-date-time ul li{
    color: #A1AEC7;
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    padding-right: 25px;
    position: relative;
}
.blog-card-date-time ul li:before {
    position: absolute;
    content: "\f101";
    font-family: 'Flaticon';
    left: -14px;
    font-size: 4px;
    top: 7px;
    color: #fff;
}
.blog-card-date-time ul li:first-child:before {
    content: no-close-quote;
}
.blog-card-header h3 a {
    color: #FDFDFD;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 23px;
    
}

/* lets talk btn  */
.lets-talk-part-btn {
    position: fixed;
    bottom: 10%;
    right: 0px;
    z-index: 999;
}
.lets-talk-part-btn button {
    /* background: linear-gradient(133.12deg, #32FFCE 16.78%, #9A71F2 75.84%);
    border: none;
    border-radius: 20px;
    font-size: 17px;
    font-family: 'Oswald';
    position: relative;
    height: 45px;
    width: 113px;
    line-height: 45px;
    padding: 0px;
    z-index: 2;
    color: #060606; */
}
.lets-talk-part-btn button:before{
    /* content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #62bddf;
    bottom: -14px;
    left: 13px; */
}
.lets-talk-part-btn button {
    position: relative;
}
.lets-talk-part-btn button img{
    width:90%;
}
.lets-talk-part-btn button span{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Oswald';
}
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

.talk-area{
    position: fixed;
    width: 350px;
    height: auto;
    top: 50%;
    right: 40px;
    /* bottom: 0; */
    opacity: 0;
    visibility: hidden;
    /* transform: translate(200px,0); */
    /* -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in; */
    /* -ms-transform: translate(100px, 0); */
    /* transform: translate(200px, 0); */
    /* -webkit-transform: translate(200px, 0); */
    -webkit-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    background: #34333D;
    padding: 20px;
    z-index: 9999999;
    border-radius: 10px;
}
.talk-area.is-visible{
    opacity:1;
    visibility:visible;
    /* transform:translate(0px,0); */
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.display-block-sm{
    display:none!important;
}
.lets-talk-part-btn .talk-trigger{
    /* color:#E87722; */
    font-size:20px;
    margin-right: 10px;
}
.lets-talk-part-btn .hide_btn_t{
    visibility: hidden;
}
.open_btn_t{
    visibility: visible;
}
.btn-close-search button {
    position: absolute;
    top: -15px;
    background: none;
    color: #fff;
    right: -10px;
}
.btn-close-search {
    position: relative;
}
.lets-talk-part-btn .btn-close-search button:hover {
    color: #1EF6C8;
}

.talk-call-part p {
    color: #FDFEFF;
    font-weight: 500;
    font-size: 16px;
}
.talk-call-part a {
    color: #32FFCE;
    font-size: 22px;
    font-weight: 500;
}
.talk-call-part-border {
    width: 100%;
    height: 1px;
    background: #1c1c1c;
    box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 28%);
    margin-top: 10px;
    margin-bottom: 10px;
}
p.talk_or {
    font-size: 20px;
    font-weight: 300;
    line-height: 19px;
}
p.talk_send_us{
    font-size: 15px;
}
.talk-form-part-title {
    margin-bottom: 25px;
}

.common-form-group {
    position: relative;
    margin-bottom: 30px;
}
.common-form-group .form-control{
    background:transparent;
    border: 1px solid #91FFE4;
    font-size:14px;
}
.common-form-group .form-control:focus {
    color:#FDFEFF;
    box-shadow: 0 0 0 0.2rem rgb(50 255 206 / 12%);
}
.common-form-group label {
    position: absolute;
    color: #CFD6D9;
    left: 20px;
    top: -9px;
    background: #34333D;
    padding-left: 5px;
    padding-right: 5px;
}
.talk-form-body button {
    background: linear-gradient(133.12deg, #32FFA9 16.78%, #00B8A2 90.42%);
    box-shadow: -4px -4px 12px rgba(163, 253, 242, 0.25), 8px 8px 6px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Inter';
}



/* footer part */
.footer-part{
    background: #121016;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-part .container-fluid{
    padding:0 20px;
}
.footer-social-link ul {
    justify-content: center;
    margin-bottom: 0px;
}
.footer-social-link ul li {
    margin-right: 15px;
}
.footer-social-link ul li a {
    color: #CFD6D9;
    font-size: 18px;
}
.footer-social-link ul li a:hover {
    color: #1EF6C8;
    transition: all .3s ease;
}
.footer-nav{
    padding-right: 30px;
}
.footer-nav ul{
    justify-content: flex-end;
    margin-bottom: 0px;
}
.footer-nav ul li{
    position:relative;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    padding-left: 10px;
    padding-right: 10px;
    line-height: 16px;
}
.footer-nav ul li:first-child {
    border-left: none;
    padding-left: 0px;
}
.footer-nav ul li a{
    color:rgba(255, 255, 255, 0.6);
    font-size: 16px;
}
.footer-nav ul li a:hover{
    color: #1EF6C8;
    transition: all .3s ease;
}
.copyright-link p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}









#globe {
    cursor: move;  
}
  
#current {
    position: absolute;
    /* color: white; */
    font-family: 'Russo One', sans-serif;
    /* margin-left: 4%; */
    /* margin-top: 4%; */
    left: 37%;
    top: 2%;
    letter-spacing: 1px;
    color: #AF8BFE;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color:#AF8BFE;

}
.globe-location canvas {
    /* width: 1100px; */
}
.globe-location {
    text-align: center;
}


/* mobile menu */
.hamburger-area{
    position:fixed;
    width:80%;
    height:100vh;
    top:0;
    right:0;
    bottom:0;
    opacity:0;
    visibility:hidden;
    transform:translate(200px,0);
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    -ms-transform: translate(100px, 0);
    transform: translate(200px, 0);
    -webkit-transform: translate(200px, 0);
    -webkit-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    background: #131419;
    padding:50px 30px 50px 30px;
    z-index:9999999;
}
.hamburger-area.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate(0px,0);
}
.display-block-sm{
    display:none!important;
}
.hamburger-trigger{
    color: #32FFCE;
    font-size: 25px;
    margin-right: 10px;
}
.hum-mainmenu ul li a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.hum-mainmenu ul li {
    line-height: 36px;
}
.hum-mainmenu ul {
    padding-top: 25px;
}
.hamburger-area .btn-close-search button{
    position: absolute;
    top: -15px;
    background: none;
    color: #32FFCE;
    right: -10px;
    font-size: 20px;
}

/* preloader */

.preloder_part {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999999;
    background-color: #1E1F25;
  }

  .preloder_part .spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    top: 48%;
    position: absolute;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
    z-index: 999999999;
  }
  

  .preloder_part .dot1, .preloder_part .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #32FFCE;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
  }
  

  .preloder_part .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  @-webkit-keyframes sk-rotate {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes sk-rotate {
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes sk-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
    }
    50% {
      -webkit-transform: scale(1);
    }
  }
  
@keyframes sk-bounce {
    0%, 100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
}