* { margin: 0; padding: 0;box-sizing:border-box}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }

table { border-collapse: collapse; border-spacing: 0 }
a { color: #000; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
/*Reset CSS end*/
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{outline:none}
::-webkit-input-placeholder {opacity: 1; font-family: "Inter", sans-serif;color:#a19e9e;font-size:13px;letter-spacing: 1px}
:-moz-placeholder { /* Firefox 18- */opacity: 1; font-family: "Inter", sans-serif;color:#a19e9e;font-size:13px;letter-spacing: 1px}
::-moz-placeholder {  /* Firefox 19+ */opacity: 1; font-family: "Inter", sans-serif;color:#a19e9e;font-size:13px;letter-spacing: 1px}
select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
:-ms-input-placeholder {opacity: 1;color:#a19e9e;font-size:13px;letter-spacing: 1px}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
/* global classes */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}
body{margin: 0px;padding: 0px;font-size: 16px;line-height: 1.2;font-family: "Inter", sans-serif;color: #151515;background: #ffffff;}
.leftcontent{float: left}
.rightcontent{float: right}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear{clear: both;}
.container{width:92%;margin: 0 auto;max-width: 1400px;}
.sprite{background: url(../images/sprite.png) no-repeat top left}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none}
.ibvm{display:inline-block;vertical-align:middle}
.ibvt{display:inline-block;vertical-align:top}
.ibvb{display:inline-block;vertical-align:bottom}
html{scroll-behavior: smooth}
.commonpadding{padding: 100px 0}
.darkpurpletext, .readmore.darkpurpletext{color: #1b0517}
.readmore.darkpurpletext:hover{background: #1b0517;color: #e5c079;}
.whitetext{color: #fff !important}

.img-fluid{max-width: 100%;height: auto;}
.dflex-between{display: flex;justify-content: space-between;align-items: center;}
.header{padding: 20px 0;margin: 0 auto;}

.header .container {
    width: 95%;
    max-width: 1300px;
}
.mobilenumber {
    display: flex;
    align-items: center;
    gap: 10px;
}
.navblk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
    background: #ffffff;
    padding: 12px 30px 12px 30px;
    border-radius: 40px;
}
.navblk a{position: relative;padding-bottom: 5px;font-size: 14px;}
.navblk a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 0;
  background: transparent;
    transition: width .5s ease, background-color .5s ease, left .5s ease;
}
.navblk a:hover, .navblk a.activenav{    
  color: #fe7e00;
}
.navblk a:hover:after, .navblk a.activenav:after {
  width: 100%;
  left: 0;
  background: #fe7e00;
}
.headerbuttonwrap, .headercontact{display: flex;gap: 20px;align-items: center;}
.headerbuttonwrapmobile{display: none;}
.headerbutton {
    font-weight: 600;
    color: #fff;
    padding: 12px 20px;
    border-radius: 30px;
    line-height: 1;
    display: inline-block;
    font-size: 16px;
    transition: 0.4s ease all;
    background: #fff;
}

.bluetext{
    color: #00bce9;
}
.bluebg{
    background: #00bce9 !important;
}
.orangebg{
    background: #fe7e00 !important;
}
.orangetext{
    color: #fe7e00;    
}
.headerbutton.bluebg:hover{background: #fe7e00;box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
.headerbutton.orangebg:hover{background: #013779;box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
.header .rightblk {
    display: flex;
    justify-content: flex-end;
    gap: 10px 20px;
    flex-wrap: wrap;
    align-items: center;
}

.logoblk {width: 300px;}
.sectionone{
    background: url(../images/banner.webp) no-repeat bottom center;
    background-size: cover;
    height: auto;
    position: relative;
padding: 20px 0;
}
.bannerleftblock {
    width: 55%;
    border-radius: 40px;
    padding: 100px 35px 50px;
}
.bannerimginfoblock {
    background: #fff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 15px;
    gap: 10px;
    position: absolute;
    font-weight: 500;
    left: -21%;
    top: 30%;
    z-index: 2;
}
.banner2 .bannerimginfoblock.info1{top: 40%}
.banner2 .bannerimginfoblock.info3{top: 80%}
.bannerbottominfo {
    margin-top: -11%;
    margin-left: 30px;
}
.bannerinfo{font-size: 14px;}
.bannerinfoimg {
    width: 50px;
}
.bannercontainer{
    display: flex;
    justify-content: space-between;
    gap:10px;
    width: 95%;
    max-width: 1300px;
    margin-top: 50px;
}

.bannerrightblock {
    width: 45%;
    padding: 0 40px;
    position: relative;
    right: 0;
}
.bannerimginfoblock.info2 {
    left: auto;
    right: -10%;
    top: 10%;
}

.bannerimginfoblock.info3 {
    left: auto;
    right: -6%;
    top: 65%;
}
.bannericonwrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 0;
    gap: 15px;
    width: 52%;
}

.bannericonblock {
    background: #fff;
    padding: 15px 5px;
    width: 85px;
    border-radius: 15px;
    text-align: center;
    font-weight: 500;
    transition: 0.5s ease all;
}
.bannericonblock:hover{
    background: #e4f0ff;
}
.bannericonname {
    margin-top: 10px;
    font-size: 13px;
}


.borderrad40{border-radius: 40px;}
.bannertitle {
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 30px;
}
.bannertitle span{
    font-weight: 700;
}
.bannersubtitle {
    font-size: 24px;
    margin-bottom: 30px;
    width: 90%;
}
.bannersubtitle span{font-weight: 600}

.logoslide {
    padding: 20px 40px;
    display: flex;
    align-items: center;
    background: #fff;
    width: 85%;
    margin: 10px auto;
    border-radius: 70px;
}
.logoslidelblock {
    height: 100px;
    display: flex;
    align-items: center;
    padding: 10px 30px;
}
.logoslide img {
    width: 100%;
    height: auto;
}

.logoblock {
    margin: 100px 0 0;
}

.logoheader {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}
.logosliderwrapper{
    max-width: 2000px;
    margin: 0 auto;
    padding: 50px 0;
}
.meetings_events_page .logosliderwrapper{
    background: #ecf0f4;
}
.logoslider{
    margin: 50px 0 0;
}
.title{
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
}
.title .bluetext{
    font-weight: 700;
}
.gap30{
    padding: 0 30px;
}
.width80per{
    width: 80%;
}
p {
    font-size: 18px;
    line-height: 1.5;
}
.features-section{padding: 0 0 100px}
.featureswrap {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 70px 0 0;
    align-items: flex-end;
}
.features-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.features-header .title {
    width: 45%;
}

.features-header p {
    width: 50%;
}
.featurescol{
    width: 24.3%;  
    position: relative;
}
.featurescol:nth-child(2){
    top: -55px
}
.featurescol:nth-child(4){
    top: 15px
}
.featuresblock {
    width: 100%;
    border-radius: 40px;
    position: relative;
    margin-bottom: 10px;
    transition: 0.5s ease all;
}
.featuresblock:hover{
}
/*
.featuresimg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
}
*/

.featurestitle {
    font-size: 32px;
    line-height: 1.2;
    margin: 30px 0 10px;
    font-weight: 600;
}
.featuresinfo {
    position: absolute;
    top: 0;
    padding: 30px 15px 30px 20px;
}
.featuresinfoblock{
    position: relative;
    z-index: 1;
}
.featuresblock p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
.bannerslider{position: relative}
.bannerslider .slick-dots li button {
    background: #013779;
    opacity: 0.2;
        padding: 0;
    width: 20px;
    height: 4px;
    transition: 0.5s ease all;
}
.bannerslider .slick-dots {
    position: absolute;
    bottom: auto;
    top: 65px;
    text-align: left;
    padding-left: 35px;
}
.bannerslider .slick-dots li.slick-active button {
    opacity: 1;
    background: #013779;
    width: 20px;
}

.formblock{
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
}
.dflexform {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
input, select {
    vertical-align: middle;
    font-family: "Inter", serif;
    font-weight: 500;
}
.formfieldblk{width: 100%;position: relative;}
.formfieldblk input, .formfieldblk textarea, .formfieldblk select {
    font-family: "Inter", serif;
    border: none;
    font-size: 14px;
    color: #151515;
    background: rgba(255,255,255,0.8);
    width: 100%;
    padding: 15px;
    outline: none;
    font-weight: 400;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #919191;
}
.formfieldblk.selectcountry::before {
    background: url(../images/arrow-down.svg) no-repeat 0 0;
    position: absolute;
    right: 15px;
    top: 55%;
    transform: translateY(-50%);
    content: '';
    width: 11px;
    height: 6px;
}
.formfieldblk.submitbutton {
    width: 100%;
    text-align: center;
}

.formfieldblk.submitbutton .headerbutton {
    border: none;
    font-family: "Sora", sans-serif;
    font-weight: 600;
    width: auto;
    color: #fff;
    padding: 16px 20px;
    border-radius: 30px;
}
.footerbgwrapper{
    position: relative;
}
.footerbgwrapper:before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: url(../images/footerbg.png) no-repeat bottom center;
    background-size: cover;
    z-index: -1;
}
.footer {
    padding: 30px 0;
}

.footerflex {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    gap: 30px;
}

.footerlogo {
    width: 300px;
    margin-right: 5%;
}

.footerlinks {
    width: 18%;
}
.footerlinks li{
    display: block
}
.footerlinks a {
    display: inline-block;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
    font-size: 14px;
}
.footerlogoblock{width: 30%}

.footerlogoblock p {
    padding: 0 0 5px 10px;
    line-height: 1.5;
    font-size: 13px;
}
p.footertitle {
    font-weight: 600;
    font-size: 16px;
}



.copywritetext {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid rgba(255,255,255,0.2);
    margin-top: 20px;
}



select {
    font-family: "Inter", serif;
    border: none;
    font-size: 14px;
    color: #151515;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 15px;
    outline: none;
    font-weight: 300;
    margin-bottom: 20px;
    border-radius: 20px;
}
/*.companyname, .formselectblk{width: 47%}*/
.formselect {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
}

.formselect:after {
    content: "";
    width:0px;
    height:0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #151515;
    position: absolute;
    top: 20px;
    right: 20px;
}
.formfieldblk label {
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 0 0;
    margin-bottom: 5px;
    display: block;
    color: #151515;
}
.redtext{color: red;}

.whatsappicon a {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
}

.whatsappicon {
    background: #25d366;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: pulse1;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-left: 30px;
    position: fixed;
    right: 20px;
    bottom: 90px;
    padding: 10px;
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}


.footersocialmedia {
    display: flex;
    gap: 20px;
}

.footersocialmedia img {10px:d;10px:d;width: 30px;display: block;}

a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #00bce9 url('../images/up-arrow.webp') no-repeat center 43%;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.formradio [type="radio"]:checked,
.formradio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.formradio [type="radio"]:checked + label,
.formradio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    background: transparent;
    padding: 10px 20px 10px 40px;
    border-radius: 20px;
}
.formradio [type="radio"]:checked + label:before,
.formradio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 10px;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    border-radius: 100%;
}
.formradio [type="radio"]:checked + label:after,
.formradio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 11px;
    height: 11px;
    background: #fff;
    position: absolute;
    top: 15px;
    left: 17px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.formradio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.formradio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.formradio [type="radio"]:checked + label{
    background: #144f97;
}
.stdinfotopleft {
    display: flex;
}


/*about and contact page css*/
#menu:not(.mm-menu){display:none} 

.small_ttl {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 10px 0;
    color: #151515;
    font-weight: 600;
}

.thankyoupage{padding: 100px 0 ;min-height: 80vh;display: flex;justify-content: center;align-items: center;text-align: center}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.leftblock {
    width: 60%;
    padding: 30px;
    position: relative;
}

.rightblock {
    width: 35%;
}

.formblock .title {
    background: #f4f4f4;
    padding: 15px;
}

.conatctfrom {
    padding: 0 20px 20px;
}
.phonenumberfield {
    display: flex;
    border: 1px solid #919191;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    width: 100%;
    font-size: 18px;
}

.phonenumberfield .formfield:first-child {
    width: 50px;
    border-right: 1px solid #919191;
    border-radius: 0;
    margin-right: 10px;
}
.phonenumberfield .formfield {
    border: none;
    padding: 0;
    margin: 0;
}
.title2{
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.sectionone .leftblock:before {
    background: rgba(0, 185, 233, 0.9);
    content: "";
    position: absolute;
    left: -31%;
    width: 125%;
    height: 100%;
    top: 0;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
.certificationlogo{position: relative;display: inline-block;margin-top: 30px;padding: 10px;}
.sectionone .certificationlogo:after {
    background: #fff;
    content: "";
    position: absolute;
    left: -58%;
    width: 170%;
    height: 100%;
    top: 0;
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    z-index: -1;
}
.bannerinfo{
    position: relative;
    z-index: 1;
}
.bannerinfo p{font-weight: 300}
.counterwrapper {
    display: flex;
    justify-content: space-between;
}

.counterinfowrapper {
    background: #eaefff;
    padding: 50px 0;
}

.counternumber {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.countername {
    font-size: 20px;
}
.sqft {
    font-size: 24px;
    font-weight: 600;
}
.counterblock {
    position: relative;
    padding-bottom: 30px;
}

.counterblock:after {
    background: #00bce9;
    width: 60px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}
.title3{
    font-size: 24px;
    font-weight: 600;
}
.trustedclientwrapper{
    border-bottom: 1px solid #b9c5ea;
}
.productwrapper{padding: 100px 0 0}
.productsectiontitle {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
}
.productblock {
    margin: 50px 0 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.productleftblock {
    width: 55%;
}

.productrightblock {
    width: 40%;
}

.producttitle {
    font-size: 45px;
    font-weight: 600;
}

.productsubtitle {
    font-size: 28px;
    font-weight: 600;
    margin: 10px 0 20px;
}

.bulletlist li {
    position: relative;
    padding: 10px 0 10px 20px;
}

.bulletlist li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 15px;
}
.brochurebutton {
    background: #00bce9;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}
.flex-reverse{
    flex-direction: row-reverse;
}
.abuotaccurawrapper{
    background: url(../images/aboutbg.webp) no-repeat center;
    background-size: 100% 110%;
}
.abuotaccurawrapper .productsectiontitle {
    margin-bottom: 30px;
}
.abuotaccurawrapper .leftblock{
    width: 55%;
}
.abuotaccurawrapper .rightblock{
    width: 42%;
}
.maptitle {
    font-size: 42px;
    font-weight: 500;
}
.mapimgblock {
    position: relative;
    display: inline-block;
    margin: 30px auto 0;
    text-align: center;
}
.mapimgblock .pointer .flag {
    position: relative;
    cursor: pointer;
    display: block;
    width: 21px;
    height: 28px;
    background: url(../images/mappin.png) no-repeat center center;
    z-index: 1;
}
.mapimgblock .pointer, .mapimgblock .pointer label {
    position: absolute;
}

.mapimgblock .pointer label {
    display: block;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 25px;
    transform: translate(-50%, -25px);
    transition: all 
ease-in-out .35s;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    width: auto;
    min-width: 100px;
    background: #fff;
    box-shadow: 5px 8px 16.1px rgb(31 58 72 / .3);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    margin: -55px 0 0 10px;
}
.mapimgblock .pointer label img {
    margin-right: 5px;
}
.mapimgblock .pointer .flag:hover~label,.mapimgblock .pointer span:hover~label {
    transform: translate(-50%,-21px);
    opacity: 1;
    visibility: visible
}
.mapimgblock .pointer.l1 {
    top: 63.5%;
    left: 55%
}

.mapimgblock .pointer.l2 {
    top: 25.8%;
    left: 44%
}

.mapimgblock .pointer.l3 {
    top: 20%;
    left: 77.8%
}


.mapimgblock .pointer.l3 {
    top: 18%;
    left: 74.8%
}

.mapimgblock .pointer.l14 {
    top: 24.3%;
    left: 69.3%
}

.mapimgblock .pointer.l17 {
    top: 31%;
    left: 72.2%
}

.mapimgblock .pointer.l18 {
    top: 63%;
    left: 30%
}


.mapimgblock .pointer.l22 {
    top: 48%;
    left: 45.7%
}


.mapimgblock .pointer.l32 {
    top: 14.5%;
    left: 15%
}

.mapimgblock .pointer.l33 {
    top: 30.7%;
    left: 64.4%
}

.mapimgblock .pointer.l34 {
    top: 76%;
    left: 83%
}


.mapimgblock .pointer.l37 {
    top: 22%;
    left: 47.5%
}



.mapimgblock .pointer.l42 {
    top: 39.4%;
    left: 68.1%
}



.mapimgblock .pointer.l49 {
    top: 25%;
    left: 15%
}

.mapimgblock .pointer.l50 {
    top: 35%;
    left: 15%
}

.mapimgblock .pointer.l51 {
    bottom: 12%;
    left: 26%
}

.mapimgblock .pointer.l52 {
    top: 25%;
    left: 51.5%
}

.mapimgblock .pointer.l53 {
    top: 28%;
    left: 43%
}

.mapimgblock .pointer.l54 {
    top: 22%;
    left: 50%
}

.mapimgblock .pointer.l55 {
    top: 18%;
    left: 48.6%
}

.mapimgblock .pointer.l56 {
    top: 11%;
    left: 52%
}

.mapimgblock .pointer.l57 {
    top: 22%;
    left: 53%
}

.mapimgblock .pointer.l58 {
    top: 30%;
    left: 45%
}

.mapimgblock .pointer.l59 {
    top: 53%;
    left: 58%
}

.mapimgblock .pointer.l60 {
    top: 52%;
    left: 56%
}

.mapimgblock .pointer.l61 {
    top: 43%;
    left: 55%
}

.mapimgblock .pointer.l62 {
    top: 75%;
    left: 52%
}

.mapimgblock .pointer.l63 {
    top: 41%;
    left: 61%
}

.mapimgblock .pointer.l64 {
    top: 33%;
    left: 56%
}

.mapimgblock .pointer.l65 {
    top: 28%;
    left: 56%
}

.mapimgblock .pointer.l66 {
    top: 38%;
    left: 62.5%
}

.mapimgblock .pointer.l67 {
    top: 36%;
    left: 60%
}

.mapimgblock .pointer.l68 {
    top: 33%;
    left: 61%
}

.mapimgblock .pointer.l69 {
    top: 43%;
    left: 59%
}

.mapimgblock .pointer.l70 {
    top: 27%;
    left: 57.5%
}

.mapimgblock .pointer.l71 {
    top: 38%;
    left: 72%
}

.mapimgblock .pointer.l72 {
    top: 49%;
    left: 69.3%
}

.mapimgblock .pointer.l73 {
    top: 33%;
    left: 72%
}

.mapimgblock .pointer.l74 {
    top: 40%;
    left: 73.5%
}

.mapimgblock .pointer.l75 {
    top: 30%;
    left: 70%
}

.mapimgblock .pointer.l76 {
    top: 43%;
    left: 77%
}

.mapimgblock .pointer.l77 {
    left: 81.3%;
    top: 58%
}

.mapimgblock .pointer.l78 {
    top: 50%;
    left: 75%
}

.mapimgblock .pointer.l79 {
    left: 83.2%;
    top: 28%
}

.mapimgblock .pointer.l80 {
    left: 87%;
    top: 26%
}
.footerformwrapper{
    background: url(../images/footerformbg.webp) no-repeat top center;
    background-size: cover;
}
.footerformwrapper .formblock {
    background: none;
}

.footerformwrapper .formblock .title {
    background: none;
}

.footerformwrapper .formblock .formfieldblk label {
    color: #fff;
}

.formfieldblk label input#firstname {}

.footerformwrapper .formfieldblk input, .footerformwrapper .formfieldblk textarea{
    background: transparent;
    color: #fff;
    border: 1px solid #919191;
}
.footerformwrapper .formfieldblk.selectcountry {
    background: transparent;
    color: #fff;
    border: none;
}
.footerformwrapper .formfieldblk.selectcountry select{
    background: transparent;
    color: #fff;
}
.footerformwrapper .formfieldblk {
    width: 30%;
}
.footerformwrapper .formfieldblk.selectcountry select option {
    color: #000;
}

.footerformwrapper .formfieldblk.selectcountry:before {
    filter: invert(1);
}
.footerformwrapper .dflexform {
    gap: 40px;
}
.footerformwrapper .formfieldblk.submitbutton .headerbutton {
    margin: 20px 0;
}

.footerformwrapper .formfieldblk.submitbutton {
    text-align: center;
}
.footerformwrapper .phonenumberfield .formfield{
    border: none !important
}
.footerformwrapper .phonenumberfield .formfield:first-child{border-right: 1px solid #fff !important}
.contactform{padding: 0 20px}
.error-msg {
    color: red;
    font-size: 13px;
    margin-top: 4px;
    display: block;
}
.formfield.error {
    border-color: red;
}
.productslider .slick-dots li{margin: 0}
.productslider .slick-dots li button{
    background: #d4d4d4;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    padding: 0;
}
.productslider .slick-dots li.slick-active button{
    background: #00bce9;
}
.mapwrapper{overflow: hidden}
.mobilefixfooter{display: none}
.footer .headercontact{justify-content: center;margin-bottom: 20px}

.acc-container {
    width: 100%;
    margin: 20px 0 0;
}

.acc {
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
    overflow: hidden;
}

.acc-head {
    margin: 0;
    padding: 15px 35px 15px 15px;
    position: relative;
    cursor: pointer;
}

.acc-head::before {
    content: '+';
    position: absolute;
    top: 25px;
    transition: 0.5s ease all;
    color: #212121;
    font-size: 22px;
    line-height: 1;
}

.acc-head::before {
    right: 20px;
    margin-top: -10px;
}

.acc-content {
    padding: 0 15px 15px;
    display: none;
}


.acc-head.active::before {
    color: #212121;
    content: '-';
    transform: rotate(180deg);
}

@media(min-width:1440px){    
}

@media(max-width:1440px){   
    .title2{font-size: 40px}
    .title{font-size: 34px}
    .certificationlogo{width: 70%}
    .counternumber{font-size: 45px}
}

@media(max-width:1280px){
    .logoblk{width: 250px}
    .counternumber{font-size: 40px}
}
@media(max-width:1200px){
    .headerbuttonwrap, .headercontact{flex-wrap: wrap;justify-content: flex-end}
    .title2{font-size: 34px}
    .title{font-size: 30px}
    .counternumber{font-size: 30px}
}
@media(max-width:1100px){
    .headercontact{width: 100%}
}
@media(max-width:1024px){
    .headerbuttonwrap, .headercontact{gap: 10px}
    .sectionone, .sectionone .flex-container{height: auto;padding: 0 0 20px}
    .leftblock, .rightblock{width: 100%}
    .sectionone .leftblock:before{clip-path: none;background: rgba(0, 185, 233, 0.7);width: 110%;left: -5%}
    .title2, .maptitle{font-size: 30px}
    .title{font-size: 26px}
    .bannerinfo br{display: none}
    .counterwrapper{flex-wrap: wrap}
    .productrightblock{width: 70%}
    .productleftblock{width: 100%;margin-bottom: 30px}
    .producttitle{font-size: 35px}
    .productsubtitle{font-size: 24px}
    .productblock.flex-reverse{flex-direction: initial}
    .abuotaccurawrapper .rightblock{width: 100%}
    .abuotaccurawrapper .leftblock{width: 100%;padding: 0}
    .gap30{padding: 0}
    .thankyoupage{min-height: 75vh}
}
@media(max-width:980px){
    .counterblock{width: 45%;margin-bottom: 20px}
    .footerformwrapper .formfieldblk{width: 45%}
    .footer{padding: 30px 0 60px}
    .header .container{flex-wrap: wrap;justify-content: center;text-align: center}
    .headerbuttonwrap, .headercontact{justify-content: center}
    .header{padding: 10px 0}
    .header .headerbuttonwrap .headerbutton{display: none}
    .mobilefixfooter .mobilenumber {width: 50%;text-align: center;justify-content: center;text-transform: uppercase;font-weight: 600;font-size: 18px;border-right: 2px solid #fff;}
    .mobilefixfooter .headerbutton {width: 50%;border-radius: 0;text-align: center;left: 0;text-transform: uppercase;font-size: 18px;}
    .mobilefixfooter .mobilenumber a {color: #fff;font-weight: 600;font-size: 18px;}
}
@media(max-width:768px){

    .mobilefixfooter{display: flex;position: fixed;bottom: 0;width: 100%;z-index: 99;display: flex;align-items: center}
    .title2, .maptitle{font-size: 26px}
    .title, .counternumber{font-size: 22px}
    .countername{font-size: 16px}
    .commonpadding{padding: 50px 0}
    .title3{font-size: 20px;}
    .productwrapper{padding: 50px 0 0}
    .productsectiontitle{font-size: 18px}
    .producttitle{font-size: 30px}
    .productsubtitle{font-size: 20px}
    .featurestitle{font-size: 28px}
    .productblock{margin: 30px 0 60px}
    .abuotaccurawrapper{background-size: 100% 120%;}
    .footerformwrapper .formfieldblk{width: 100%}
    .footerformwrapper .dflexform{gap: 20px}
    .mapimgblock .pointer .flag{width: 18px;height: 25px;background-size: contain}
    .formblock{border-radius: 20px}
}
@media(max-width:650px){
    .mobilenumber{gap: 5px}
    .productrightblock{width: 80%}
}
@media(max-width:600px){
}
@media(max-width:540px){
    body{font-size: 15px;}
    .logoblk{width: 200px;}
    .mobilenumber a{font-size: 13px}
    .brochurebutton{font-size: 16px;padding: 12px 20px}
    .productsubtitle{font-size: 16px;}
    .featurestitle{font-size: 22px}
    .productrightblock{width: 100%}
    .mapimgblock .pointer .flag{width: 14px;height: 21px;background-size: contain}
    .title2, .maptitle{font-size: 22px}
    .producttitle{font-size: 24px}
}
@media(max-width:480px){
    .mobilenumber img{width: 14px}
    .certificationlogo{width: 85%}
/*
    .counterblock{width: 100%;text-align: center}
    .counterblock:after{right: 0;margin: auto}
*/
    .productsectiontitle{font-size: 16px}
    .productsubtitle{font-size: 18px}
    p{font-size: 16px}
    .mobilefixfooter .mobilenumber img{width: 18px}
}
@media(max-width:400px){    
    .mobilefixfooter .mobilenumber a, .mobilefixfooter .headerbutton{font-size: 16px;}
}
@media(max-width:360px){ 
}