/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Syne', sans-serif; font-family: 'Kanit', sans-serif;}
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: 'Syne', sans-serif;color: var(--default-color); font-family: 'Kanit', sans-serif; font-size:var(--base-font-size);position: relative;}



/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }
a{font-family: 'Syne', sans-serif;}
/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Syne', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: 'Syne', sans-serif; padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }
span{font-family: 'Kanit', sans-serif;}
p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087; font-family: 'Kanit', sans-serif;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
header{padding: 18px 0;position: fixed;width: 100%;z-index: 999;}
header.showmenu{box-shadow: -2px 16px 40px 0 #606c7c17; background: #fff;}
header .logowrp{}
header .logowrp img{width: 250px;padding-top: 10px;}
header .navwrp{}
header .navwrp ul{display: block;text-align: center;margin: 0;}
header .navwrp ul li{display: inline-block;margin: 0 9px;}
header .navwrp ul li a{font-size: 16px;color: #000000;font-weight: 600;}
header .btnwrp{display: block; text-align: right; }
header .btnwrp ul{margin: 0; }
header .btnwrp ul li{}
header .btnwrp ul li a{background: #ea3118;color: #fff;padding: 14px 30px;border-radius: 15px;font-weight: 600;}
header .btnwrp ul li a i{display: inline-block;margin: 0 0 0 10px;}


.home-bannwrwrp{background-color: transparent;background-image: linear-gradient(180deg, #ffd7d833 0%, #F7F7FA00 100%);padding: 160px 0 0px;}
.home-bannwrwrp .txtwrp{display: block; text-align: center; width: 50%; margin: 0 auto; }
.home-bannwrwrp .txtwrp h1{color: #22204F;font-size: 62px;font-weight: 700;line-height: 0.9;padding: 0 0 15px;}
.home-bannwrwrp .txtwrp p{color: #3C3863;font-size: 18px;}
.home-bannwrwrp .mainwrp{width: 80%;margin: 60px auto 0;position: relative;}
.home-bannwrwrp .mainwrp .box-1{}
.home-bannwrwrp .mainwrp .box-1 img{width: 98%;position: absolute;left: -1rem;top: 0;}
.home-bannwrwrp .mainwrp .box-1 img.img-1{width: 390px; position: absolute; top: -100px; }
.home-bannwrwrp .mainwrp .box-2{position: relative; }
.home-bannwrwrp .mainwrp .box-2 img{width: 104%;position: relative;right: -3rem;}
.home-bannwrwrp .mainwrp .box-2 span{position: absolute;top: 60px;font-size: 25px;color: #000;font-weight: 500;letter-spacing: 2px;line-height: 1;z-index: 1;left: 90px;}
.home-bannwrwrp .mainwrp .box-3{position: absolute;top: 30px;right: 1rem;}
.home-bannwrwrp .mainwrp .box-3 img{width: 200px; }
.home-bannwrwrp .mainwrp .box-3 img.img-1{position: absolute; top: -3rem; right: 0; width: 150px; }
.home-bannwrwrp .mainwrp .box-3 span{position: absolute; left: 25px; top: 120px; font-size: 18px; font-weight: 600; line-height: 1.4; }
.home-bannwrwrp .mainwrp .box-4{background: #F15A29;padding: 43px 20px;border-radius: 30px;position: absolute;width: 91%;left: -3rem;right: 0;margin: 0 auto;top: -14rem;}
.home-bannwrwrp .mainwrp .box-4 .txtdiv{}
.home-bannwrwrp .mainwrp .box-4 .txtdiv span{font-size: 21px;line-height: 1;font-weight: 500;padding: 10px 0 0;display: inline-block;color: #000;}
.home-bannwrwrp .mainwrp .box-4 .btnwrp{}
.home-bannwrwrp .mainwrp .box-4 .btnwrp a{background: #000;color: #fff;padding: 13px 24px;border-radius: 8px;margin: 0 0 4px;display: inline-block;}
.home-bannwrwrp .mainwrp .box-4 .btnwrp a i{margin: 0 0 0 5px;}
.home-bannwrwrp .mainwrp .box-4 .btnwrp p{padding: 0;font-weight: 600;color: #000;letter-spacing: 1px;}
.home-bannwrwrp .maindiv{display: block; margin: 0 20px 0 0; }
.home-bannwrwrp .maindiv .btnwrp{}
.home-bannwrwrp .maindiv .btnwrp a{font-size: 16px; color: #22204F; font-weight: 600; }
.home-bannwrwrp .maindiv .btnwrp a img{width: 110px; margin: 0 13px 0 0; }
.home-bannwrwrp .maindiv .btnwrp a i{margin: 0 0 0 10px; }
.home-bannwrwrp .maindiv .counterwrp{display: block; text-align: center; }
.home-bannwrwrp .maindiv .counterwrp h6{display: inline-block; font-size: 42px; font-weight: 600; }
.home-bannwrwrp .maindiv .counterwrp span{display: inline-block; line-height: 1; font-size: 16px; text-align: left; margin: 0 0 0 15px; }
.home-bannwrwrp .maindiv .revwrp{display: block; text-align: right; }
.home-bannwrwrp .maindiv .revwrp img{width: 120px; }
.home-bannwrwrp .maindiv .revwrp span{display: block; font-size: 18px; }
.home-bannwrwrp .bdrwrp{width: 100%; margin: 20px 0 0; }

.upr-head{color: #22204F; font-size: 14px; font-weight: 600; }
.main-heading{font-size: 43px;color: #22204F;}
.main-pera{color: #4C4C4C;font-size: 18px;}

.simplesection{padding: 100px 0 70px;}
.simplesection .txtwrp{}
.simplesection .btnnwrp{}
a.btn-line{color: #22204F; font-size: 14px; font-weight: 600; letter-spacing: 2px; border-bottom: 2px solid #ff6e6e; padding: 0 0 4px; }
a.btn-1{
    color: #fff;
    background: #000000;
    padding: 17px 40px;
    border-radius: 18px;
    font-size: 13px;
}
a.btn-1 i{
    margin: 0 0 0 10px;
}
.simplesection .txtdiv{}
.simplesection .txtdiv p{font-size: 32px;color: #4C4C4C;line-height: 1.4;font-weight: 300;}
.simplesection img.bdrwrp{width: 100%; margin: 30px 0 0; }



.boxsectionwrp{padding: 60px 0 70px;}
.boxsectionwrp .txtwrp{display: block; padding: 0 0 70px; }
.boxsectionwrp .txtwrp ul{display: block;margin: 0 0 20px;}
.boxsectionwrp .txtwrp ul li{display: block;padding: 0 0 6px 31px;font-size: 18px;position: relative;color: #4C4C4C;}
.boxsectionwrp .txtwrp ul li:after{content: "\f14a";position: absolute;font-family: 'FontAwesome';left: 0;top: 3px;color: #2cb15c;}
.boxsectionwrp .mainwrp{border: 1px solid #E2E2E2;padding: 50px 40px;border-radius: 50px;position: relative;margin: 0 0 35px;}
.boxsectionwrp .mainwrp h4{font-size: 26px; color: #22204F; font-weight: 600; padding: 0 0 50px; }
.boxsectionwrp .mainwrp img{position: absolute;right: 50px;top: 30px;width: 60px;}
.boxsectionwrp .mainwrp p{font-size: 18px;width: 92%;color: #4C4C4C;padding: 0;}






.anouter-boxwrp{background-color: transparent;background-image: linear-gradient(180deg, #ffd7d833 0%, #F7F7FA00 100%);padding: 190px 0 70px;margin: 190px 0 0;}
.anouter-boxwrp .imgwrp{display: block; text-align: center; padding: 0 0 90px; }
.anouter-boxwrp .imgwrp img{width: 100%; margin: -380px 0 0; }
.anouter-boxwrp .btnwrp{display: block; text-align: right; }
.anouter-boxwrp .mainwrp{padding: 50px 50px;background: #fff;border-radius: 34px;margin: 50px 0 110px;box-shadow: 0px 11px 20px 0px #606c7c12;}
.anouter-boxwrp .mainwrp span{background: #ffe5e1;display: inline-block;width: 60px;height: 60px;border-radius: 50%;box-sizing: border-box;text-align: center;padding: 10px 0 0;font-size: 26px;color: #22204F;font-weight: 600;margin: 0 0 30px;}
.anouter-boxwrp .mainwrp h4{color: #22204F;font-size: 20px;font-weight: 600;} 
.anouter-boxwrp .mainwrp p{color: #4C4C4C;font-size: 16px;height: 130px;}    
.anouter-boxwrp .tabbox{}
.anouter-boxwrp .tabbox .tabewrp{}
.anouter-boxwrp .tabbox .tabewrp ul{margin: 0;font-size: 0;}
.anouter-boxwrp .tabbox .tabewrp ul li{display: inline-block;background: #fff;font-size: 13px;padding: 17px 0px;border-radius: 30px 30px 0 0px;cursor: pointer;width: 33.3%;text-align: center;}
.anouter-boxwrp .tabbox .tabewrp ul li.current{background: #ffe5e1;}
.anouter-boxwrp .tabbox .detailtab{background: #ffe5e1;padding: 50px 40px;border-radius: 0 0 30px 30px;}
.anouter-boxwrp .tabbox .detailtab ul{}
.anouter-boxwrp .tabbox .detailtab ul li{}
.anouter-boxwrp .tabbox .detailtab ul li .getailwrp{}
.anouter-boxwrp .tabbox .detailtab ul li .getailwrp h4{color: #22204F; font-size: 34px; font-weight: 600; }
.anouter-boxwrp .tabbox .detailtab ul li .getailwrp p{color: #4C4C4C; font-size: 16px; }
.anouter-boxwrp .tabbox .detailtab ul li .getailwrp img{
    width: 100%;
}
.anouter-boxwrp .txtdivwrp{}
.anouter-boxwrp .txtdivwrp ul{display: block; margin: 0 0 40px; }
.anouter-boxwrp .txtdivwrp ul li{display: block; padding: 0 0 6px 31px; font-size: 18px; position: relative; color: #4C4C4C; }
.anouter-boxwrp .txtdivwrp ul li:after{content: "\f14a";position: absolute;font-family: 'FontAwesome';left: 0;top: 3px;color: #2cb15c;}






.storiessection{padding: 70px 0; }
.storiessection .txtwrp{}
.storiessection .txtwrp h2{height: 300px; }
.storiessection .storieswrp{}
.storiessection .storieswrp ul{}
.storiessection .storieswrp ul li{width: 37%;display: inline-block;margin: 0 10px 0;}
.storiessection .storieswrp ul li .imgwrp{position: relative; width: 100%; height: 100%; } 
.storiessection .storieswrp ul li .imgwrp img{width: 100%;}
.storiessection .storieswrp ul li .imgwrp .txtdiv{position: absolute;width: 85%;bottom: 3rem;left: 0;padding: 0 0 0 30px;}
.storiessection .storieswrp ul li .imgwrp .txtdiv span{color: #fff;position: absolute;font-size: 18px;letter-spacing: 3px;top: -10rem;}
.storiessection .storieswrp ul li .imgwrp .txtdiv h4{color: #fff; font-size: 34px; font-weight: 600; }
.storiessection .storieswrp ul li .imgwrp .txtdiv p{color: #fff; font-size: 18px; border-bottom: 1px solid #fff; }
.storiessection .storieswrp ul li .imgwrp .txtdiv ul{margin: 20px 0 0; display: block; }
.storiessection .storieswrp ul li .imgwrp .txtdiv ul li{display: inline-block; color: #000; width: auto; margin: 0 5px 0 0; background: #fff; padding: 4px 16px; border-radius: 20px; }



.brand-logowrp{padding: 40px 0 70px;}
.brand-logowrp .txtwrp{display: block; text-align: center; }
.brand-logowrp .txtwrp h4{color: #22204F; font-size: 25px; font-weight: 600; } 
.brand-logowrp .txtwrp ul{margin: 30px 0 0; }
.brand-logowrp .txtwrp ul li{display: inline-block; margin: 0 40px; }
.brand-logowrp .txtwrp ul li img{height: 41px; }
.brand-logowrp img.line-img{width: 100%; margin: 60px 0 0; }




.blog-sectionwrp{padding: 70px 0; }
.blog-sectionwrp .txtwrp{display: block;text-align: center;padding: 0 0 40px;}
.blog-sectionwrp .boxwrp{border: 1px solid #E2E2E2;border-radius: 60px;display: block;width: 100%;margin: 0 auto;height: 560px;background: #fff;}
.blog-sectionwrp .boxwrp img{width: 100%; margin: 0 0 40px; }
.blog-sectionwrp .boxwrp h4{font-size: 14px;color: #000000B2;padding: 0 40px 20px;}
.blog-sectionwrp .boxwrp p{color: #22204F;font-size: 25px;padding: 0 40px;}




.proof-numberwrp{}
.proof-numberwrp .mainwrp{background: #f9e5e254;padding: 80px 40px;border-radius: 50px 50px 0 0;}
.proof-numberwrp .txtdiv{display: block; padding: 0 0 40px; }
.proof-numberwrp .txtdiv h4{color: #22204F;font-size: 28px;font-weight: 700;margin: 0 0 0 50px;}
.proof-numberwrp .txtdiv ul{display: block; margin: 20px 0 0; }
.proof-numberwrp .txtdiv ul li{width: 30%;display: inline-block;text-align: center;}
.proof-numberwrp .txtdiv ul li span{color: #22204F; font-size: 36px; font-weight: 700; font-family: 'Syne', sans-serif; display: block; width: 120px; height: 120px; border: 1px solid #8d7de5; border-radius: 50%; padding: 28px 0 0; margin: 0 auto; }
.proof-numberwrp .txtdiv ul li i{display: block; font-size: 14px; color: #0c0c7c; }
.proof-numberwrp .txtdiv ul li p{color: #22204F; font-size: 15px; padding: 10px 0 0; width: 70%; margin: 0 auto; line-height: 1; }
.proof-numberwrp .mainbox{display: block;text-align: center;background: #ffe5e1;height: 100%;border-radius: 50px;padding: 40px 0 0;}
.proof-numberwrp .mainbox h4{color: #22204F; font-size: 42px; font-weight: 600; padding: 0;}
.proof-numberwrp .mainbox p{color: #22204F; font-size: 16px; padding: 0 0 30px; }



.testimonialwrp{ }
.testimonialwrp .mainwrp{background: #ffffff;padding: 80px 60px 60px;border-radius: 50px 50px 0 0;margin: -30px 0 0;}
.testimonialwrp .testiwrp{}
.testimonialwrp .testiwrp ul{}
.testimonialwrp .testiwrp ul li{}
.testimonialwrp .testiwrp ul li img{}
.testimonialwrp .testiwrp ul li p{font-size: 21px;margin: 29px 0 0;}
.testimonialwrp .testiwrp ul li h6{font-weight: 700;}
.testimonialwrp .testiwrp ul li span{font-size: 19px; }
.testimonialwrp .testi-btn{margin: 60px 0 0 -25px;}
.testimonialwrp .testi-btn a{font-size: 24px;color: #6754e9;margin: 0 0 0 29px;}
.testimonialwrp .testi-btn a i{}
.testimonialwrp .testiwrp-img{text-align: center; }
.testimonialwrp .testiwrp-img .testi-main-img{ width: 33%;}
.testimonialwrp .testiwrp-img .maindiv {padding: 40px 0 0; } 
.testimonialwrp .testiwrp-img .maindiv .revwrp{}
.testimonialwrp .testiwrp-img .maindiv .revwrp img{width: 37%; }
.testimonialwrp .testiwrp-img .maindiv .revwrp span{ font-size: 20px;}
.testimonialwrp .testiwrp-img .maindiv .btnwrp{}
.testimonialwrp .testiwrp-img .maindiv .btnwrp a{font-size: 16px; color: #22204F; font-weight: 600; }



.our-services{}
.our-services .mainwrp{background: #ffe5e1;padding: 80px 70px 0;border-radius: 50px 50px 0 0;}
.our-services .mainwrp-1{background: #ffe5e1;padding: 60px 70px 70px;}
.our-services .mainwrp-1 .scend-heading {font-weight: 700; }
.our-services .mainwrp-1 h4 {font-size: 20px;}
.our-services .mainwrp-1 h4 span{font-size: 37px;}
.our-services .mainbox{text-align: end; }
.our-services .mainbox p{padding: 0px 0 9px; font-size: 17px; }
.our-services .mainbox h4 a{color: #000; }
.our-services .mainbox .btn-1{position: relative; top: 40px; left: 19px; }
.our-services .line-img{width: 100%;}
.our-services .mainwrp-1 .txtdiv img{width: 77%; margin: 10px 0 0;}



.roleswrp {}
.roleswrp .mainwrp{background: #ffffff;padding: 80px 70px 80px;margin: -40px 0 0;border-radius: 50px 50px 0 0;}
.hk_hide {display: none; }
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;margin-top: 0px;}
.quest-title {font-size: 17px;font-weight: 700;text-transform: capitalize;color: #0c2745;padding: 0px 15px 0px 15px;margin-bottom: 0px;position: relative;width: 100%;min-height: 60px;line-height: 60px;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-bottom: 1px solid #dbdbdb;}
.quest-title:before { position: absolute; content: "\e91e"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }
.quest-title.active, .quest-title:hover {content: "\e91c";color: #0c2745;}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e91c"; }
.quest-title:hover:before { /*content: "\f056";*/ }
.quest-content {padding: 15px 20px;display: none;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p { line-height: 20px; font-size: 14px; font-weight: 500; margin: 0px; color: #363636; }


.roleswrp .baner-formwrp {margin: auto;width: 90%;padding: 55px 55px 55px;background-color: #ffe5e1;border-radius: 40px 40px 40px 40px;box-shadow: 10px 15px 0 0 rgba(0,0,0,.69);}
.roleswrp .baner-formwrp input{width: 100%;background: #ffffff;font-size: 15px;color: #767676;font-weight: 600;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.roleswrp .baner-formwrp textarea{width: 100%;background: #ffffff;height: 121px;font-size: 15px;color: #767676;font-weight: 600;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.roleswrp .baner-formwrp .btnmain{background-color: #000;color: #fff;border-radius: 18px 18px 18px 18px;padding: 13px 29px;}
.roleswrp .baner-formwrp h4{font-size: 39px; font-weight: 600; padding: 0 0 50px; }
.roleswrp .baner-formwrp .rocket{width: 30%; position: absolute; right: 20px; top: -57px; }

.footer{}
.footer .footer-logo{}
.footer .footer-logo img{}
.footer .footer-logo p{color: #000; font-weight: 400; font-size: 17px; }
.footer .mainwrp{background: #ffe5e1;padding: 80px 70px 0;border-radius: 50px 50px 0 0;}
.footer .footer-ser{text-align: center;}
.footer .footer-ser ul{margin: 31px 0 0; }
.footer .footer-ser ul li{}
.footer .footer-ser ul li a{color: #000; font-size: 15px; font-weight: 700; }
.footer .footer-last{}
.footer .footer-last ul{display: block; }
.footer .footer-last ul li{display: inline-block;padding: 0 0 0 85px;font-size: 20px;}
.footer .footer-last ul li a{    color: #000; font-size: 15px; font-weight: 700; }
.footer .footer-last-1{}
.footer .footer-last-1 .bottom-line{display: flex; }
.footer .footer-last-1 p{font-size: 16px;color: #000;} 
.footer .footer-last-1 ul{}
.footer .footer-last-1 ul li{display: inline-block; padding: 0 0 0 18px; }
.footer .footer-last-1 ul li a{font-size: 15px;color: #000000;font-weight: 700;}
.footer .socl-icon{text-align: right; }
.footer .socl-icon ul{display: block; }
.footer .socl-icon ul li{display: inline-block;padding: 0 0 0px 30px;}
.footer .socl-icon ul li a{font-size: 21px; color: #000; }
.footer .last-pdn{padding: 20px 0 0;}



.service-bannwrwrp{background-image: linear-gradient(180deg, #fff3f2 0%, #F7F7FA00 100%);padding: 160px 0 70px;}
.service-bannwrwrp .txtwrp h1 {color: #22204F; font-size: 62px; font-weight: 700; line-height: 0.9; padding: 0 0 15px;}
.service-bannwrwrp .btnwrp{padding: 30px 0 0; }
.service-bannwrwrp .imgwrp{text-align: end;}
.service-bannwrwrp .imgwrp img{width: 80%;}


.challengewrp{padding: 80px 0;background: #ffffff;}
.challengewrp .stickywrp{position: sticky; top: 220px; }
.challengewrp .stickywrp .txtwrp{width: 80%; }
.challengewrp .stickywrp .txtwrp h2{color: #22204F;}
.challengewrp .stickywrp .txtwrp p{color: #3C3863; }
.challengewrp .stickywrp .imgwrp{}
.challengewrp .stickywrp .imgwrp img{margin: 40px 0 0;border-radius: 12px;width: 100%;}
.challengewrp .customertxt{padding: 310px 0 0;}
.challengewrp .customertxt ul{}
.challengewrp .customertxt ul li{padding: 0px 0 0px;:;}
.challengewrp .customertxt ul li .mainwrp{margin: 0px 0 50px; }
.challengewrp .customertxt ul li .mainwrp .txtwrp{}
.challengewrp .customertxt ul li .mainwrp .txtwrp p{font-size: 26px;color: #3C3863;}
.challengewrp .customertxt ul li .mainwrp .boxwrp{padding: 40px 80px;background: transparent;border-radius: 50px;margin: 0px 0 0;height: 310px;border: 1px solid #E2E2E2;/* display: flex; */flex-wrap: wrap;align-items: center;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6{font-size: 21px;padding: 20px 0 20px;position: relative;font-weight: 700;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6 img{position: absolute; left: -30px; }
.challengewrp .customertxt ul li .mainwrp .boxwrp p{font-size: 20px;font-weight: 300;color: #000;padding: 0;}
.challengewrp .customertxt ul li .mainwrp .btnwrp{text-align: right; }
.challengewrp .customertxt ul li .mainwrp .btnwrp a{}
.challengewrp .customertxt ul li .mainwrp .boxwrp span{color: #3C3863; font-size: 15px; margin: 10px 0 0 0; display: block; }
.challengewrp .btnwrp{padding: 30px 0 0;}



.service-page .boxsectionwrp .mainwrp p{width: 100%; }
.service-page .boxsectionwrp .mainwrp h4{ padding: 0 0 20px;}
.service-page .boxsectionwrp .txtwrp p{    font-size: 27px; padding: 20px 0px 0 30px;}

.company{background: #ffe5e15e;padding: 70px 0 50px;}
.company .txtdivwrp { }
.company .txtdivwrp ul{ }
.company .txtdivwrp ul li{ display: block; padding: 0 0 6px 31px; font-size: 18px; position: relative; color: #4C4C4C;}
.company .txtdivwrp ul li:after{ content: "\f14a"; position: absolute; font-family: 'FontAwesome'; left: 0; top: 3px; color: #2cb15c;}
.company .btnwrp{padding: 30px 0;}
.company .imgwrp img{width: 100%;}



.bdrwrp {width: 100%; margin: 20px 0 0;}

.process-sec{}
.process-sec .txtwrp{text-align: center;padding: 60px 0 0;}
.process-sec .imgwrp img{width: 100%;}


.case-bannwrwrp{background-color: transparent;background-image: linear-gradient(180deg, #fff3f2 0%, #F7F7FA00 100%);padding: 250px 0 0px;}
.case-bannwrwrp .imgwrp{text-align: center; }
.case-bannwrwrp .txtwrp {text-align: center; }
.case-bannwrwrp .txtwrp h1{    color: #22204F; font-size: 62px; font-weight: 700; line-height: 0.9; padding: 0 0 15px; }
.case-bannwrwrp .txtwrp p{text-align: center; }
.case-bannwrwrp .imgwrp img{width: 80%;}



.our-case-study{padding: 90px 0 0; }
.our-case-study .imgwrp .txtdiv h4 {color: #fff; font-size: 34px; font-weight: 600;    font-family: 'Syne', sans-serif; }
.our-case-study .imgwrp .txtdiv span {color: #fff; position: absolute; font-size: 18px; letter-spacing: 3px; top: -10rem; }
.our-case-study .txtwrp{text-align: center;padding: 0px 0 10px;}
.our-case-study .imgwrp{margin: 20px 0 0;}
.our-case-study .imgwrp .txtdiv {position: absolute; width: 85%; bottom: 3rem; left: 0; padding: 0 0 0 40px; }
.our-case-study.imgwrp .txtdiv h4 {color: #fff; font-size: 34px; font-weight: 600; }
.our-case-study .imgwrp .txtdiv p {color: #fff; font-size: 18px; border-bottom: 1px solid #fff; }
.our-case-study .imgwrp .txtdiv ul{    margin: 20px 0 0; display: block;}
.our-case-study .imgwrp .txtdiv ul li {display: inline-block;color: #000;width: auto;margin: 0 5px 0 0;background: #fff;padding: 4px 16px;border-radius: 20px;font-size: 12px;}
.our-case-study .imgwrp img{width: 100%;}

.case-study .simplesection{ padding: 100px 0 0;}
.case-study .simplesection .btnwrp{ padding: 30px 0 0;}

.case-study .proof-numberwrp{padding: 40px 0 0; }
.case-study .proof-numberwrp .mainwrp{background: none;padding: 80px 0px;}
.case-study .proof-numberwrp .box-top {    background: #F7F7FA; margin: -80px 0 0;}
.case-study .proof-numberwrp .mainbox{text-align: left;padding: 40px;}
.case-study .proof-numberwrp .mainbox h4{font-size: 60px; color: #000; }
.case-study .proof-numberwrp .mainbox p{}

.career .simplesection .btnwrp{padding: 30px 0 0;}

.career .challengewrp .customertxt ul li .mainwrp .boxwrp{height: 310px;padding: 40px 80px;}
.career .challengewrp .box-btn{padding: 50px 0px 0; }
.career .challengewrp .box-btn .box-address{font-size: 18px; color: #726CAD; }
.career .challengewrp .box-btn .text-right{text-align: right;}

.map{padding: 40px 0; }
.map .txtwrp{text-align: center;}
.map .txtwrp h2{padding: 0 0 40px;}

.get-started .simplesection{background-image: linear-gradient(180deg, #fff3f2 0%, #F7F7FA00 100%);padding: 160px 0 80px;}
.get-started .simplesection h2{font-size: 70px; } 
.get-started .baner-formwrp input {width: 100%;background: #ffffff;font-size: 17px;color: #767676;font-weight: 400;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.get-started .baner-formwrp textarea {width: 100%;background: #ffffff;height: 121px;font-size: 17px;color: #767676;font-weight: 400;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.get-started .baner-formwrp .chk-boxx{width: 50px;}
.get-started .baner-formwrp .btnmain{background: #000000; color: #fff; padding: 14px 30px; border-radius: 15px; font-weight: 600;}
.get-started .baner-formwrp .chk-box {padding: 0 0 10px;}

.insights-banner{background-color: transparent;background-image: linear-gradient(180deg, #fff3f2 0%, #F7F7FA00 100%);padding: 160px 0 50px;}
.insights-banner .txtwrp{text-align: center;padding: 0;}
.insights-banner .txtwrp h1{color: #22204F; font-size: 62px; font-weight: 700; line-height: 0.9; padding: 0 0 15px;} 
.insights-banner .boxwrp img{padding: 20px 20px 0;}
.insights-banner .boxwrp {margin: 33px 0 0; }
.insights-banner .boxwrp h4 {padding: 0 37px 10px;}
.insights-banner .boxwrp ul{display: block;}
.insights-banner .boxwrp ul li{display: inline-block;}
.insights-banner .boxwrp ul .txt-rigt{}




.privacy-text-wrapper{padding: 70px 0 50px;background-image: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;background: #fff;}
.privacy-text-wrapper h2{color: #000;}
.privacy-text-wrapper p{color: #000;font-size: 15px;}
.privacy-text-wrapper p strong{color: #000;font-size: 20px;}
.privacy-text-wrapper ul{}
.privacy-text-wrapper ul li{font-size: 14px;padding: 0px 0 10px 20px;color: #000;position: relative;}
.privacy-text-wrapper ul li:before{content: "";background: #ff4a17;width: 10px;height: 10px;position: absolute;border-radius: 50%;left: 0;top: 6px;}
.privacy-text-wrapper a{color: #000;font-size: 14px;}
.privacy-text-wrapper a i{padding: 0 7px 0 0;}



.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }


.term-bannerwrp {
    padding: 160px 0 0 0;
}
.term-bannerwrp h1 {
    color: #000;
}


@media only screen and (max-width: 768px) and (orientation: portrait) {
    /* Styles for screens up to 768px in portrait mode */
    .process-sec {
    padding: 50px 0;
}
.process-sec br {
    display: none;
}
.process-sec h2 {
    font-size: 30px;
}
.case-bannwrwrp h1 {
    font-size: 32px !important;
}
.case-bannwrwrp br {
    display: none;
}
.case-study .proof-numberwrp {
    padding: 70px 0 0;
}
.box-top {
    height: 240px !important;
    margin-bottom: 30px !important;
}
.case-study .proof-numberwrp .box-top {
    margin: 30px 0 0;
}

.insights-banner h1 {
    font-size: 32px !important;
}
.insights-banner br {
    display: none;
}
.map .imgwrp img {
    width: 100%;
}

a.btn-1 {
    padding: 15px 36px;
}
.career .challengewrp .box-btn {
    padding: 20px 0px 0;
}
.challengewrp .customertxt ul li .mainwrp .boxwrp p {
    font-size: 18px;
}

    .mobile-nav-btn {
        right: 20px !important;
        top: 20px !important;
        z-index: 9999999;
    }
    .resp-btn .btn-1 {
    color: #fff;
    padding: 15px 0px 15px 20px;
    width: 50%;
    margin-left: 14px;
    top: 20px;
    position: relative;
}
.simplesection h2 {
    font-size: 32px !important;
}

.simplesection .chk-box p {
    font-size: 13px;
}

    .service-bannwrwrp .txtwrp h1 {
    font-size: 32px;}

    .service-bannwrwrp .imgwrp {
    text-align: center;
}
.service-bannwrwrp .imgwrp img {
    width: 80%;
    margin-top: 60px;
}
.challengewrp .customertxt {
    padding: 100px 0 0;
}

.challengewrp .customertxt ul li .mainwrp .boxwrp {
    padding: 30px 40px;
}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6 {
    font-size: 19px;
}

    .mobile-nav-btn {
    background: #000;
    color: #fff;
    text-align: right;
    right: 0;
}


.mobile-nav-btn span {
    color: #fff;
    background: #fff;
}

.mobile-nav-btn span:before, .mobile-nav-btn span:after {
    background: #fff;
}

header.header-main {
    position: absolute;
    text-align: center;
}

header.header-main .my-auto {
    display: none;
}

.home-bannwrwrp .txtwrp {
    width: 100%;
}

.home-bannwrwrp .txtwrp h1 {
    font-size: 32px;
}

.home-bannwrwrp .txtwrp p {
    font-size: 16px;
}

.home-bannwrwrp .mainwrp .box-1 img {
    width: 100%;
    position: initial;
}

.home-bannwrwrp .mainwrp .box-1 img.img-1 {
    position: absolute;
    width: 100%;
    top: -42px;
    left: -42px;
    width: 82%;
}

.home-bannwrwrp .mainwrp .box-2 img {
    right: 0;
    width: 100%;
    opacity: 0.9;
}

.home-bannwrwrp .mainwrp .box-3 img.img-1 {
    position: absolute;
    top: -9px;
    height: auto;
    right: -36px;
}

.home-bannwrwrp .mainwrp .box-3 {
    position: relative;
}

.home-bannwrwrp .mainwrp .box-4 {
    position: initial;
    width: 100%;
    margin-bottom: 40px;
}

.home-bannwrwrp .mainwrp .box-3 img {
    width: 100%;
    height: 347px;
}

.home-bannwrwrp .mainwrp .box-3 span {
    font-size: 38px;
    left: 50px;
}

.home-bannwrwrp .mainwrp .box-1 {
    position: relative;
}

.home-bannwrwrp .mainwrp .box-2 span {
    top: 30%;
    left: 0;
    margin: 0 auto;
    right: initial;
    font-size: 40px;
}

.home-bannwrwrp .mainwrp .box-4 .txtdiv span {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.home-bannwrwrp .mainwrp .box-4 .txtdiv span br {
    display: none;
}

.home-bannwrwrp .mainwrp .box-2 {
    margin-top: 40px;
}

.simplesection {
    padding: 4% 0;
}

.main-heading {
    font-size: 32px;
}

.main-pera {
    font-size: 16px;
}

.simplesection .txtdiv {
    margin-top: 40px;
}

.simplesection .txtdiv p {
    font-size: 20px;
}

.boxsectionwrp {
    padding: 20% 0 4%;
}


.boxsectionwrp .txtwrp ul li {
    font-size: 16px;
}

.boxsectionwrp .txtwrp {
    padding: 0;
}

.boxsectionwrp .mainwrp {
    margin: 40px 0 0;
}

.anouter-boxwrp {
    padding: 8% 0 4%;
    margin: 0;
}

.anouter-boxwrp .imgwrp {
    padding: 0;
}

.anouter-boxwrp .imgwrp img {
    margin: 0 0 40px;
}

.anouter-boxwrp .mainwrp {
    margin: 40px 0 0;
}

.anouter-boxwrp .tabbox {
    margin-top: 40px;
    margin-bottom: 40px;
}

.anouter-boxwrp .tabbox .tabewrp ul li {
    width: 100%;
}

.anouter-boxwrp .tabbox .detailtab ul li .getailwrp h4 {
    font-size: 32px;
}

.anouter-boxwrp .txtdivwrp ul li {
    font-size: 16px;
}

.storiessection .txtwrp h2 {
    height: auto;
}

.storiessection .storieswrp {
    margin-top: 40px;
}

.storiessection .storieswrp ul li .imgwrp .txtdiv ul li {
    display: inline-block;
    margin-bottom: 6px;
}

section.brand-logowrp {
    display: none;
}

.blog-sectionwrp .boxwrp {
    margin-bottom: 40px;
}

.proof-numberwrp .txtdiv ul li {
    width: 100%;
    margin-bottom: 20px;
}

p {}

.testimonialwrp .testiwrp ul li p {
    font-size: 16px;
}

.our-services .mainwrp {
    padding: 40px;
    text-align: center;
}

.roleswrp .mainwrp {
    padding: 40px 30px;
}

.quest-title {
    line-height: 1.2;
    margin: 20px 0;
    padding-bottom: 10px;
}

.quest-content h4 {
    font-size: 16px;
}

.quest-title:before {
    right: 0;
}

.quest-title:after {
    /* bottom: 22px; */
}

.roleswrp .baner-formwrp {
    width: 100%;
    padding: 40px 20px;
}

.roleswrp .baner-formwrp h4 {
    font-size: 32px;
}

.footer .mainwrp {
    padding: 40px 20px;
    text-align: center;
}

.footer .footer-last ul li {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.footer .footer-last-1 .bottom-line {
    display: block;
}

.footer .socl-icon ul {
    text-align: center;
}

}