:root{
	--theme:#C7CCBF;
	--white:#ffffff;
	--black:#000000;
	--blue:#0F2945;
	--trns: all 0.3s ease-in-out;
}
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--theme); transition: var(--trns);}
a:hover{transition: var(--trns); color:var(--theme);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'CenturyGothic', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition: var(--trns);}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--blue); font-family: 'CenturyGothic', sans-serif; font-weight:normal; font-size:18px; line-height:24px; position:relative; overflow-x:hidden; }
strong, b{ font-weight:700;}

h1{ font-size: 48px; line-height: 1.18; font-weight: 700; font-family: 'AllRoundGothic';}
h2{ font-size: 38px; line-height: 1.15; font-weight: 700;  font-family: 'AllRoundGothic';}
h3{ font-size: 30px; line-height: 1.2; font-weight: 400; font-family: 'AllRoundGothic'; }
h3 strong{ font-weight: 700;}
h4{ font-size: 24px; line-height: 1.2; font-weight: 700; }
h5{ font-size: 20px; line-height: 1.2; font-weight: 700; }
h6{ font-size: 18px; line-height: 1.2; font-weight: 700; }

p:last-child{ margin-bottom: 0!important;}
p:empty{ display: none!important;}

.btn{ display:inline-block; text-decoration: none !important; background-color:var(--blue); border: 2px solid var(--blue); color:var(--white); font-size:15px; line-height:18px; text-align:center; padding: 13px 20px; min-width: 190px; border-radius: 35px; font-weight:700;}
.btn:hover{background:var(--white); color: var(--blue);}

.btn.btn2{ background: var(--theme); border-color: var(--blue); color: var(--blue);}
.btn.btn2:hover{background:var(--white); color: var(--blue);}

.shpimg{ width: 100%; position: absolute; bottom: -60px; left: 0;}
.shpimg img{ width: 100%; display: block;}


.container{ max-width: 1180px; margin: 0 auto; width: 100%;}
.dflex{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.row{ display: flex;}
.justify{ justify-content: space-between;}
.btnwrap{ width: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; margin: 50px 0 0;}


/* Header Section */

.menutoggle{ display: none;}
.header{ width: 100%; position: relative; background: var(--theme); padding: 20px 0; z-index: 99;}
.navigation{ width: 100%; display: flex; align-items: center; justify-content: center;}
.navigation ul{ width: 100%; display: flex; gap: 50px; align-items: center; justify-content: center;}
.navigation ul li{ font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; line-height: 20px; padding: 8px 0; position: relative;}
.navigation ul li a{ color: #0F2945; display: block; }
.navigation ul li::before {content: ''; position: absolute; transition: all 0.35s ease; transform-origin: center; transform: scale(0); bottom: 0px; display: block; height: 4px; width: 100%; background-color: var(--blue);}
.navigation ul li:hover::before, .navigation ul li.current_page_item::before, .navigation ul li.current_page_parent::before, .navigation ul li.current-menu-parent::before {transition: all 0.35s ease; transform-origin: center; transform: scale(1);}
.home .header{ background-color: transparent; position: absolute; top: 0; left: 0;}


@media(min-width:980px){
.navigation ul li{ position: relative;}
.navigation ul ul {position: absolute; display: block; min-height: 200px; border-bottom: 10px solid #fff; pointer-events: none; opacity: 0; visibility: hidden;  transition: all 0.3s ease-in-out 0s; transform: translate(0, 50px); top: 100%; background: var(--theme); padding: 20px 0 20px; z-index: 9; width: 220px; left: 0;}
.navigation .trigger{  transition: all 0.3s ease-in-out; display: none;}
.navigation ul ul li{ width: 100%; margin: 0; padding: 0; position: relative;}
.navigation ul ul li:nth-child(1){ border-top: 0;}
.navigation ul ul li a{ display: block; padding: 10px 0; color: var(--blue);}
.navigation ul ul li.current_page_item a{ color: #fff;}
.navigation ul ul li a:hover{ color: #fff;}
.navigation ul li:hover ul {opacity: 1;visibility: visible;max-height: inherit;transform: translate(0, 0);pointer-events: all;}
.navigation ul ul li::before{ display: none;}

.navigation ul ul::before{ content: ''; position: absolute; top: 0; left: -2000%; width: 2000%; border-bottom: 10px solid #fff; height: calc(100% + 10px); background: var(--theme); }
.navigation ul ul::after{ content: ''; position: absolute; top: 0; right: -2000%; width: 2000%; border-bottom: 10px solid #fff; height: calc(100% + 10px); background: var(--theme); }


}






/* Footer Section */
.footer{ background-color: var(--blue); padding: 35px 0; border-top: 25px solid var(--theme); color: var(--white); position: relative; overflow: hidden;}
.footer .container{ position: relative; z-index: 1;}
.footermain{ width: 100%; display: flex; justify-content: space-between; color: #fff;}
.fcol1{ width: 25%;}
.fcol1 p{ margin: 0 0 20px; color: #fff;}
.fcol1 p a{ color: #fff;}
.fcol1 p a:hover{ text-decoration: underline; text-underline-offset: 2px; color: var(--theme);}
.social_links{ width: 100%; display: flex; align-items: center; gap: 20px;}
.social_links a{ color: #fff; font-size: 20px;}
.social_links a:hover{ color: var(--theme);}
.footer .shpimg{ bottom: -65px;}
.fcol2{ width: 17%;}
.fcol2 ul{ display: flex; flex-direction: column; gap: 10px;}
.fcol2 ul li a{ color: #fff;}
.fcol2 ul li a:hover{ color: var(--theme); text-decoration: underline; text-underline-offset: 2px;}
.fcol4{ width: 17%;}
.copyright{ width: 100%; display: flex; align-items: center; justify-content: space-between; color: #fff; margin: 40px 0 0;}
.copyright p a{ color: #fff;}
.copyright p a:hover{ text-decoration: underline; text-underline-offset: 2px;}



/* Homepage Style */
.homebanner{ width: 100%; position: relative; overflow: hidden; padding: 188px 0; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.herobg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme); opacity: 0.85;}
.homebanner .container{ position: relative; z-index: 1;}

.text{ text-align: center;}
.text h3,  .text p{ margin: 20px 0 0;}
.text h2{ margin: 0 0 25px;}
.homebanner .groupimg img{ display: block; max-width: 640px; margin: 0 auto;}
.homebanner h1 img{ display: block; max-width: 580px; margin: 0 auto;}
.homebanner .groupimg{ width: 100%; margin: 40px 0;}
.homebanner .text{ max-width: 770px; margin: 0 auto;}


.home_section2{ background: var(--white); position: relative; padding: 60px 0;}
.home_section2 .text{ max-width: 840px; margin: 0 auto;}
.whowerow{ width: calc(100% + 40px); display: flex; row-gap: 20px; flex-wrap: wrap; text-align: center; margin: 0 0 50px; }
.whowerow .item{ position: relative; width: calc(25% - 40px); margin: 0 20px; border: 3px solid var(--theme); padding: 35px 15px 15px; border-radius: 25px; background: #fff;}
.whowerow .item h4{ font-size: 24px; line-height: 30px; font-weight: 400; font-family: 'AllRoundGothic'; margin: 35px 0 0;}
.whowerow .item .icon{ width: 100%; height: 90px; display: flex; align-items: center; justify-content: center;}
.whowerow .item .icon img{ width: auto; display: block; max-height: 90px; margin: 0 auto;}
.whowerow .item::before{ content: ''; position: absolute; top: 25px; right: -27px; width: 50px; height: 50px; background-color: #fff; background-image: url(../images/heart-icon-1.png); background-repeat: no-repeat; background-position: center; background-size: 38px;}

.home_section3{ background-color: var(--theme); background-image: url(../images/bg1.png); background-position: center top; background-repeat: no-repeat; position: relative; padding: 90px 0; overflow: hidden;}
.home_section3 h2{ text-align: center;}
.bottomTitle{ width: 100%; text-align: right; margin: 15px 0 0;}
.bottomTitle h3{font-family: 'Caveat'; font-weight: 400; font-size: 32px; line-height: 36px; margin: 0;}

.service_slider{ width: 100%; position: relative; padding: 0 40px; margin: 35px 0 0;}
.service_slider .item{ width: 100%; padding: 10px;}
.service_slider .item img{ width: 100%; display: block; text-align: center;}
.service_slider .item .btn{ position: relative; cursor: pointer; transition: all 0.3s ease-in-out;}
.service_slider .item:hover .btn{transition: all 0.3s ease-in-out; background-color: #fff; color: var(--blue);}
.service_slider .item p{ text-align: center; margin-top: -24px;}
.service_slider .item a{ width: 100%; display: block; position: relative;}


.slick-slider .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 0px; width: 22px; height: 46px; background-color: transparent; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.slick-slider .slick-arrow.slick-prev{ background-image: url(../images/prev.svg); left: 0;}
.slick-slider .slick-arrow.slick-next{ background-image: url(../images/next.svg); right: 0;}


.titleshape{ width: 100%; display: block; text-align: center; margin: 5px 0 0;}
.titleshape img{ display: block; margin: 0 auto; width: 240px;}

.home_section4{ background: var(--blue); position: relative; padding: 60px 0; overflow: hidden;}
.home_section4 h2{ text-align: center; color: #fff;}
.home_section4 .dflex{ align-items: initial;}
.home_section4 .img{ width: calc(50% - 30px); border: 2px solid #fff; border-radius: 15px; overflow: hidden; position: relative;}
.home_section4 .img>img{ width: 100%; display: block;}
.home_section4 .text{ width: calc(50% - 30px); color: var(--white); text-align: left; }
.home_section4 .btnwrap{ justify-content: flex-start;}

.home_section4 .titleTop{ width: 100%; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, #0F2945 100%); padding: 40px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column;}

.home_section5{ width: 100%; position: relative; overflow: hidden; padding: 140px 0; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center;}
.home_section5 .col{ max-width: 740px; padding: 0 40px;}


/* Socail Value Page */
.banner_type5{ width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 475px; padding: 95px 0 0;}
.banner_type5 .bgcover{ width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #C7CCBF; opacity: 0.3;}
.banner_type5 .bgcoverwhite{ width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #fff; opacity: 0.55;}

.banner_type5 .container{ position: relative; z-index: 1;}
.banner_type5 .col { max-width: 560px; text-align: center; padding: 0 20px; display: flex; min-height: 200px; flex-direction: column; justify-content: center; align-items: center;}
.banner_type5 h1{ font-size: 40px; line-height: 48px;}
.banner_type5 p{ margin: 25px 0 0; font-size: 30px; line-height: 38px; font-family: 'AllRoundGothic';}
.banner_type5 .shpimg{ bottom: 0;}
.shpimg .bottomTitle{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 1180px; padding: 0;}


.socail_section1{ width: 100%; padding: 70px 0 60px;}
.textVbox{ background: var(--blue); padding:45px 50px 45px 70px; color: #fff; border-radius: 40px; position: relative; min-height: 184px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.textVbox::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; width: 110px; height: 110px; background: url(../images/vicon.svg) no-repeat; background-size: 100%; }
.text *:first-child{ margin-top: 0;}
.textVbox h3{ font-weight: 700;}



.allfiles{ width: 100%; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 40px;}
.allfiles .item{flex: 1 1 calc((100% - 30px) / 4);}
.allfiles .item a{ width: 100%; font-size: 16px; line-height: 20px; font-weight: 700; color: #0F2945; min-height: 76px; display: flex; align-items: center; justify-content: space-between; border: 2px solid var(--theme); border-radius: 10px; padding: 16px 20px;}
.allfiles .item a:hover{ background-color: var(--theme);}
.allfiles .item img{ max-width: 24px; margin-left: 10px;}

.socail_section2{ padding:20px 0 50px;}
.socail_section2 .text{ max-width: 835px; margin: 0 auto;}


.joinmailList{ width: 100%; position: relative; padding: 50px 0;}
.mailListbox{ width: 100%; background: var(--theme); position: relative; border-radius: 40px 0 0 40px; text-align: center; display: flex;}
.mailListbox .img{ width: 50%;}
.mailListbox .img img{ display: block; margin: 0 auto; margin-top: -48px;}
.mailListbox .text{ width: 50%; padding: 50px 0;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mailListbox .text p{ font-size: 22px; line-height: 28px;}
.mailListbox .text .btnwrap{ margin: 30px 0 0;}
.mailListbox .text h2{ margin: 0 0 15px;}
.mailListbox::after{ content: ''; position: absolute; top: 0; right: -150%; width: 150%; background: var(--theme); height: 100%; z-index: -1;}



.faqlist{ width: 100%; margin: 80px 0 0; display: flex; flex-direction: column; gap: 25px;}
.faqlist .faq-item{ width: 100%; border: 3px solid var(--theme); padding: 20px 25px; position: relative; border-radius: 20px;}
.faqlist .faq-item.active{ border-color: var(--blue);}
.faqlist .faq-item::before {content: "\f105"; font-weight: 900; font-family: 'Font Awesome 6 Free'; font-size: 30px; position: absolute; top: 25px; right: 25px; color: var(--theme); transition: all 0.3s ease-in-out;}
.faqlist .faq-item.active::before{ content: "\f107"; transition: all 0.3s ease-in-out; color: var(--blue);}
.faqlist .faq-content {display: none;}
.faqlist h4 {cursor: pointer; font-size: 26px; line-height: 34px; font-weight: 700; font-family: 'AllRoundGothic'; color: var(--blue); padding-right: 80px;}

.faqlist .faq-content p{ margin: 20px 0 0;}
.faqlist .faq-content a{ color: var(--blue); text-decoration: underline; text-underline-offset: 2px;}
.faqlist .faq-content a:hover{ text-decoration: none;}




/* About Us Page */
.py50{ padding: 50px 0;}
.textleft{ text-align: left;}
.banner_type4{ width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 527px; display: flex; align-items: center;}
.banner_type4 .col { max-width: 664px; text-align: left;}
.banner_type4 p{ margin: 0; font-size: 30px; line-height: 38px; font-family: 'AllRoundGothic';}
.banner_type4 p strong{ font-weight: 700;}
.banner_type4 .textVbox{ text-align: left; padding-right: 30px;}
.banner_type4 .shpimg{ min-width: 110%; margin-left: -5%;bottom: -20px;}
.banner_type4 .gradient{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.66; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, #0F2945 100%);}
.banner_type4 .container{ position: relative; z-index: 1;}


.about_section1 .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.about_section1 .text{ width: calc(100% - 345px);}
.about_section1 .img{ width: 285px;}
.about_section1 .img img{ width: 100%; display: block; border-radius: 25px;}

.about_section1 .text ol{ display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0;}
.about_section1 .text ol li{ flex: 0 0 calc((100% - 100px) / 5); text-align: center; font-size: 16px; line-height: 21px; border-radius: 20px; border: 2px solid var(--theme); padding: 20px 15px; display: flex; align-items: center; justify-content: center; position: relative;}
.about_section1 .text ol li::before {content: ''; position: absolute; top: 25px; right: -17px; width: 34px; height: 34px; background-color: #fff; background-image: url(../images/heart-icon-1.png); background-repeat: no-repeat;  background-position: center;  background-size: 22px;}

.blueboxStyle{ width: 100%; position: relative; overflow: hidden;}
.blueboxStyle .flexrow{ width: 100%; background: var(--blue); position: relative; border-radius: 0 40px 40px 0; text-align: center; display: flex; align-items: center;}
.blueboxStyle .img{ width: 26%; padding-right: 35px;}
.blueboxStyle .img img{ display: block; margin: 0;}
.blueboxStyle .text{ width: 60%; padding: 0 35px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.blueboxStyle .text h2{ margin: 0 0 10px;}
.blueboxStyle .flexrow::after{ content: ''; position: absolute; top: 0; left: -150%; width: 150%; background: var(--blue); height: 100%; z-index: -1;}


.blueboxStyle2{ width: 100%; position: relative; overflow: hidden; padding: 20px 0;}
.blueboxStyle2 .flexrow{ width: 100%; padding: 130px 50px; background: var(--blue); position: relative; border-radius:40px; text-align: center; overflow: hidden;}
.blueboxStyle2 .flexrow .text{ max-width: 890px; margin: 0 auto; color: #fff; position: relative; z-index: 1;}
.blueboxStyle2 .shp1{ width: 100%; position: absolute; top: 10px; right: 0;}
.blueboxStyle2 .shp2{ width: 100%; position: absolute; bottom: 10px; left: 0;}
.blueboxStyle2 .shp1 img, .blueboxStyle2 .shp2 img{ width: 100%; display: block;}



.ourValues{ padding: 50px 0 20px; position: relative; overflow: hidden;}
.mistwrap{ width: 100%; position: relative; background: var(--theme); border-radius: 40px 0 0 40px; padding: 50px 60px;}
.mistwrap::after{ content: ''; position: absolute; top: 0; right: -150%; width: 150%; background: var(--theme); height: 100%; z-index: -1;}
.mistwrap .text{ margin: 0 auto; max-width: 780px; color: var(--blue);}

.valuesSlider{ width: 100%; padding: 0 40px; margin-top: 40px;}
.valuesSlider .item{ width: 100%; min-height: 220px; display: flex!important; align-items: center; justify-content: center; flex-direction: column; border: 3px solid #fff; padding: 20px; border-radius: 20px; text-align: center; position: relative;}
.valuesSlider .item::before {content: ''; position: absolute; top: 25px; right: -17px; width: 34px; height: 34px; background-color: var(--theme); background-image: url(../images/heart-icon-1.png); background-repeat: no-repeat;  background-position: center;  background-size: 22px;}
.valuesSlider .slick-slide{ padding: 0 15px;}
.valuesSlider .item p{ font-size: 16px; line-height: 21px; margin: 15px 0 0;}
.valuesSlider .item h4{ font-size: 20px; line-height: 24px; font-weight: 700;}

/* Contact Us Page */
.contact_section1{ padding: 50px 0;}
.ctinfo{ width: 100%; display: flex; gap: 18px; flex-wrap: wrap;}
.ctinfo .item{flex: 0 0 calc((100% - 54px) / 4); border-radius: 28px; background: rgba(199,204,191,0.1); border: 1px solid rgba(15,41,69,0.1); min-height: 145px; padding: 17px; display: flex; flex-direction: column; justify-content: space-between;}
.ctinfo .item p{ text-align: right;}
.ctinfo .item p, .ctinfo .item p a{ color: var(--blue);}
.ctinfo .item p a:hover{ text-decoration: underline;}
.ctinfo .social_links{ justify-content: flex-end;}
.ctinfo .social_links a{ color: var(--blue);}
.ctinfo .social_links a:hover{ color: var(--theme);}
.ctinfo .icon{ width: 48px;}
.ctinfo .icon img{ display: block;}
.ctinfo .item.adrs{ flex-direction: row; justify-content: space-between;}
.ctinfo .item.adrs p{ width: 130px; text-align: left;}


.contact_section2{ width: 100%; padding: 10px 0 30px;}
.ctwrap{ width: 100%; padding: 32px 25px; border-radius: 28px; background: rgba(199,204,191,0.1); border: 1px solid rgba(15,41,69,0.1); }
.ctwrap h2{ font-size: 22px; line-height: 28px; margin: 0 0 20px;}
.ctwrap p{ margin:20px 0 30px;}
.ctform{  width: 100%;}
.ctform .wpforms-form{ display: flex; align-items: flex-end; justify-content: space-between;}
.ctform .wpforms-form .wpforms-field-container{ width: calc(100% - 175px); position: relative; margin: 0;}

.ctform .wpforms-form .wpforms-submit-container{ width: 175px; padding-left: 50px;}
.ctform .wpforms-form .wpforms-submit{ width: 125px; height: 40px; border-radius: 40px; background: var(--theme)!important; border: 0!important; color: var(--blue)!important; font-size: 14px; font-weight: 700;}
.ctform .wpforms-form .wpforms-submit:hover{ background: var(--blue)!important; color: #fff!important; border: 0!important;}

.ctform .wpforms-field-container{ width: 100%; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px;}
.ctform .wpforms-field{width: calc(50% - 13px)!important; padding: 0!important; margin: 0; position: relative;}
.ctform .wpforms-field .wpforms-field-large{ width: 100%; height: 48px; background: #fff; border: 0; color: var(--blue); font-size: 15px; padding: 0 17px; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);}
.ctform .wpforms-field textarea.wpforms-field-large{ height: 115px!important; padding: 15px 17px; resize: none;}
.ctform #wpforms-182-field_2-container{ position: absolute; top: 0; right: 0; }
.ctform #wpforms-182-field_5-container{ position: absolute; top: 68px; right: 0; }

#wpforms-182-field_2-container .wpforms-error{ display: none;}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){ background: var(--theme)!important; border: 0!important; padding: 35px 20px!important; color: var(--blue)!important; text-align: center;}

.mfp-bg{ background: var(--blue)!important;}
.white-popup{ width: 94%; max-width: 960px; background:var(--theme); border-radius: 30px; padding: 35px 25px; margin: 0 auto; position: relative;}
.white-popup h2{ color: var(--blue); font-size: 22px; line-height: 28px; margin: 0 0 20px;}
.white-popup p{ margin:20px 0 30px;}
.white-popup p a{ color:var(--blue); text-decoration:underline; text-underline-offset: 2px;}
.white-popup p a:hover{ text-decoration:none;}

.wpforms-field-checkbox .wpforms-field-label-inline{ font-size:14px!important;}

.white-popup .ctform2 .wpforms-field.w100{ width:100%!important;}


.ctform2 .wpforms-form .wpforms-field-container{ width: 100%; position: relative; margin: 0;}
.ctform2 .wpforms-field-container{ width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px;}
.ctform2 .wpforms-field{width: calc(50% - 13px)!important; padding: 0!important; margin: 0; position: relative;}
.ctform2 .wpforms-field .wpforms-field-large{ width: 100%; height: 48px; background: #fff; border: 0; color: var(--blue); font-size: 15px; padding: 0 17px; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);}
.ctform2 .wpforms-field textarea.wpforms-field-large{ height: 115px!important; padding: 15px 17px; resize: none;}

.ctform2 .wpforms-form .wpforms-submit-container{ width: 100%; padding: 15px 0 0;}
.ctform2 .wpforms-form .wpforms-submit{ width: 125px; height: 40px; border-radius: 40px; background: var(--blue)!important; border: 0!important; color: var(--white)!important; font-size: 14px; font-weight: 700;}
.ctform2 .wpforms-form .wpforms-submit:hover{ background: var(--white)!important; color: var(--blue)!important; border: 0!important;}
.ctform .wpforms-container, .ctform2 .wpforms-container{ width: 100%; margin: 0!important;}

div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full p{ color: var(--blue)!important; max-width: 520px; margin: 20px auto!important;}

body .mfp-close{ font-size: 0px!important; background: url(../images/close-icon.svg) no-repeat!important; background-position: center!important; background-size: 30px!important; top: 12px; right: 5px;}





.home_section3.srvpage{ background: #fff!important; padding: 15px 0 50px;}

/* Our Service Page */
.allservices{ width: 100%; position: relative;}
.servicerow{ width: 100%; padding: 60px 0; color: #fff; background: var(--blue);}
.servicerow:nth-child(2n){ background-color: var(--theme); color: var(--blue);}

.servicerow .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.servicerow .botmtext{ width: 100%; text-align: center; margin: 50px 0 0; font-family: 'Caveat'; font-weight: 400; font-size: 40px; line-height: 50px;}
.servicerow .btnwrap{ margin: 30px 0 0;}
.servicerow .btnwrap .btn{ background: var(--theme); border-color: var(--theme); color: var(--blue);}
.servicerow:nth-child(2n) .btnwrap .btn{background: var(--blue); border-color: var(--blue); color: var(--white);}
.servicerow .btnwrap .btn:hover{ background: var(--white); border-color: white;}
.servicerow .img{ width: 47%; position: relative;}
.servicerow .img img{ display: block; width: 100%; border-radius: 40px; border: 3px solid var(--theme);}
.servicerow:nth-child(2n) .img img{ border-color: var(--white);}

.servicerow .content{ width: 53%; position: relative; padding-left: 55px;}
.servicerow h2{ font-weight: 400;}
.servicerow h2 strong{ font-weight: 700;}
.servicerow p, .servicerow h3, .servicerow h4{ margin: 20px 0;}
.servicerow .content *:last-child{ margin-bottom: 0;}
.servicerow ul{ padding: 0; margin: 25px 0 0;}
.servicerow ul li{ margin: 10px 0 0; position: relative; width: 100%; padding-left: 25px; background-image: url(../images/hw1.svg); background-repeat: no-repeat; background-size: 12px; background-position: 0 5px;}
.servicerow:nth-child(2n) ul li{ background-image: url(../images/hb1.svg);}
.servicerow .img::before {content: ''; position: absolute; top: 50px; right: -20px; width: 44px; height: 44px; background-image: url(../images/hm1.svg); background-repeat: no-repeat;  background-position: center;  background-size: 100%;}
.servicerow:nth-child(2n) .img::before{ background-image: url(../images/hm2.svg);}

.srvcbanr .container{ display: flex; align-items: center; justify-content: space-between;}
.banner_type5.srvcbanr .shpimg{ z-index: 1;}
.srvcbanr .img{ width: 320px; padding: 0 20px;}
.banner_type5.srvcbanr .col{ justify-content: initial; width: 70%; max-width: initial;}



/* Leadership Page */

.banner_type5.ldrbanr .bgcoverwhite{ background: var(--blue); opacity: 0.7;}
.banner_type5.ldrbanr .col{ margin: 0 auto; color: #fff;}
.leader_section1{ width: 100%; padding: 50px 0; text-align: center;}
.leader_section1 .text{ max-width: 1030px; margin: 0 auto;}
.socail_section2.ldr{ padding: 50px 0;}
.leader_section2{ width: 100%; padding: 50px 0; background: var(--theme);}

.leaderrow{ width: 100%; display: flex; align-items: center; background: #fff; border-radius: 28px; box-shadow: 0 3px 6px rgba(0,0,0,.15); position: relative; margin-bottom: 90px;}
.leaderrow:last-child{ margin-bottom: 0;}
.leaderrow h2{ font-size: 30px; line-height: 38px; margin: 0;}
.leaderrow h3{ font-size: 30px; line-height: 38px; margin: 0;}
.leaderrow .text{ text-align: left;}
.leaderrow .titleshape img{ margin: 0;}

.leaderrow .img{ width: 330px; min-width: 330px;}
.leaderrow .img img{ width: 100%; display: block; margin-top: -40px;}

.leaderrow .text{ padding: 45px 50px; width: 100%;}
.leaderrow:nth-child(2n){ flex-direction: row-reverse;}
.leaderrow .btnwrap{ justify-content: flex-start;margin: 30px 0 0;}

.leader_detailsctn{ width: 100%; padding: 50px 0;}
.leader_detailsctn .container{ max-width: 994px;}

.leaderrow.dtl h4{ font-family: 'Caveat'; font-weight: 400; margin: 10px 0 0; font-size: 40px; line-height: 50px;}
.leaderrow.dtl .text{ padding-left: 0;}
.leaderrow.dtl .img {width: 260px; min-width: 260px;}
.leaderrow.dtl{ margin: 0;}
.leaderDetail{ width: 100%; display: flex; justify-content: space-between; margin-top: 50px;}
.leaderDetail .text{ text-align: left;width: 66%;}
.leaderDetail h3{ font-weight: 700; font-family: 'CenturyGothic', sans-serif; }
.text a{ text-decoration: underline;}
.text a:hover{text-decoration: none;}

.leaderDetail ul{ margin: 20px 0;}
.leaderDetail ul li{ margin: 10px 0 0; position: relative; display: block; padding-left: 25px; background-image: url(../images/hb1.svg); background-repeat: no-repeat; background-size: 12px; background-position: 0 5px;}




.sidebarform{ width: 30%; height: 100%; border-radius: 25px; box-shadow: 0 3px 6px rgba(0,0,0,.15); padding: 35px 22px;}
.sidebarform h4{ text-align: center; margin: 0 0 20px;}
.sidebarform p{ text-align: center; margin: 0 0 30px; font-size:14px; line-height:20px;}



.dwnlbtn{ width: 100%; margin: 25px 0 0;}
.dwnlbtn a{ display: flex; align-items: center; color: var(--blue); text-decoration: underline; gap: 25px;}
.dwnlbtn a:hover{ text-decoration: none;}
.dwnlbtn a svg{ display: block; width: 32px;}


.sidebarform .ctform2 .wpforms-field{ width: 100%!important;}
.sidebarform .ctform2 .wpforms-field .wpforms-field-large{ background: rgba(199,204,191,0.2);}
.sidebarform .ctform2 .wpforms-form .wpforms-submit-container{ text-align: center;}
.sidebarform .ctform2 .wpforms-form .wpforms-submit{ background: var(--theme)!important; color: var(--blue)!important;}
.sidebarform .ctform2 .wpforms-form .wpforms-submit:hover{background: var(--blue)!important; color: var(--white)!important;}




/* How We Work Page */
.bttags{ text-align: center; padding: 50px 0 0;}
.bttags h5{ font-size: 25px; line-height: 30px; padding: 0; margin: 0 0 10px; font-weight: 700; font-family: 'AllRoundGothic'; }
.bttags h4{ font-size: 32px; line-height: 42px; padding: 0; margin: 0; font-weight: 700; font-family: 'AllRoundGothic'; display: flex; align-items: center; justify-content: center;}
.bttags h4 strong{ display: flex; align-items: center;}
.bttags h4 strong::after{ content: ''; display: inline-block; width: 32px; height: 42px; background: url(../images/hm1.svg) no-repeat; background-size: 100%; background-position: center; margin: 0 25px;}
.bttags h4 strong:last-child::after{ display: none;}

.byourValues{ width: 100%; text-align: center; padding: 55px 0 20px;}
.byourValues .container{max-width: 870px;}
.byourValues .text.bottom{ margin-top: 50px;}
.byourValues .whowerow{ margin: 50px 0 0; padding: 0;}
.byourValues .whowerow .item {width: calc(33.33% - 40px);}

.blueboxStyle.aproch{ background: #fff;}
.blueboxStyle.aproch .text{ text-align: left; width: 100%; color: var(--blue);}
.blueboxStyle.aproch .flexrow{ background: #fff; padding: 20px 0 0;}



.howwework .servicerow:nth-child(2n) .container{ flex-direction: row-reverse;}
.howwework .servicerow:nth-child(2n) .content{ padding-left: 0; padding-right: 55px;}
.howwework .servicerow h2{ font-weight: 700;}

.textsliderwrap{ width: 100%; position: relative; margin: 50px 0; background: var(--blue); border-radius: 20px; position: relative; padding: 35px 45px 35px 80px; color: #fff;}
.text_slider{width: 100%; position: relative;}
.textslide p{ margin: 0;}
.textslide h6{ margin: 10px 0 0; text-align: right;}

.text_slider .slick-dots{width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; bottom: -75px; gap: 12px; margin: 0;}
.text_slider .slick-dots li{ padding: 0; background: none!important; margin: 0; width: auto;}
.text_slider .slick-dots li button{ width: 10px; height: 10px; background: #fff; font-size: 0px; border-radius: 10px; opacity: 1; margin: 0;}
.text_slider .slick-dots li.slick-active button{ background: #0F2945; opacity: 0.5;}

.textsliderwrap::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 110px; height: 110px; left: -55px; background: url(../images/vbig.png) no-repeat; background-size: 100%;}




.insightbanner{ width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; height: 265px;}
.insightbanner::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.65; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, #0F2945 100%);} 


.bloglistmain{ width: 100%; position: relative; padding: 50px 0;}
.bloglistmain .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.bloglistmain .sidebarform{ width: 25.5%; background: rgba(199,204,191,0.1);}
.bloglistmain .sidebarform .ctform2 .wpforms-field .wpforms-field-large{ background-color: #fff;}
.bloglist{width: 70%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 32px;}
.blogArticle{ width: calc(50% - 16px);} 
.blogArticle a{ display: flex; flex-direction: column;}
.blogthumb{ width: 100%; position: relative;}
.blogthumb img{ width: 100%; height: 220px; object-fit: cover; object-position: center; border-radius: 28px; border: 3px solid var(--theme); transition: all 0.3s ease-in-out; display: block;}
.blogthumb .blogbtn{position: absolute; bottom: -17px; left: 0; right: 0; margin: 0 auto; background: var(--theme); color: var(--blue); font-size: 12px; line-height: 20px; font-weight: 700; display: inline-block; padding: 7px 0; border-radius: 25px; width: 125px; text-align: center; transition: all 0.3s ease-in-out;}

.bloginfo{ width: 100%;}
.bloginfo .blogtitle{ font-weight: 700; color: var(--blue); font-size: 25px; line-height: 30px; margin: 0 0 10px;}
.bloginfo .blogdate{ color: var(--blue); font-size: 15px; line-height: 19px;} 
.bloginfo .blogcat{ font-size: 20px; line-height: 24px; display: block; margin: 25px 0 5px; color: var(--theme); font-family: 'AllRoundGothic'; font-weight: 700;}

.blogArticle a:hover .blogbtn{ background: var(--blue); color: #fff; transition: all 0.3s ease-in-out;}
.blogArticle a:hover .blogthumb img{ border-color:var(--blue); transition: all 0.3s ease-in-out;}

.blogthumb::before {content: ''; position: absolute; top: 32px; right: -15px; width: 32px; height: 32px; background-image: url(../images/hm1.svg); background-repeat: no-repeat;  background-position: center; background-size: 100%;transition: all 0.3s ease-in-out;}
.blogArticle a:hover .blogthumb::before{ background-image: url(../images/hblue.svg); transition: all 0.3s ease-in-out;}


.insightContent{ width: 100%; margin-top: -100px; border-radius: 28px; position: relative; display: flex; background: var(--theme);padding:0 40px; margin-bottom: 50px; box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.insightContent .text{ width:65%; padding: 40px 0 60px; padding-right: 20px;}
.insightContent .img{ width: 35%;}
.insightContent .img img{ width: 100%; display: block; margin-top: -45px;}
.insightContent::after{ content: ''; position: absolute; bottom: -65px; left: 0; right: 0; margin: 0 auto; width: 114px; height: 114px; background: url(../images/vblue.png) no-repeat; background-position: center; background-size: 100%;}



.blogposttext{ display: block;}
.blogposttext h2{ margin: 0 0 20px;}
.blogposttext h3{ font-weight: 700;}
.blogposttext p, .blogposttext h3, .blogposttext h4, .blogposttext h5, .blogposttext h6, .blogposttext ol, .blogposttext ul{ margin: 20px 0;}
.blogposttext ul li{ margin: 10px 0 0; position: relative; display: block; padding-left: 25px; background-image: url(../images/hb1.svg); background-repeat: no-repeat; background-size: 12px; background-position: 0 5px;}
.blogposttext a{ font-weight: 700; text-decoration: underline; color: var(--blue);}
.blogposttext a:hover{ text-decoration: none;}
.blogposttext i, .blogposttext em{ font-style:italic;}

.single .insightContent h1{ font-size: 38px; margin: 10px 0;}
.single .insightContent .category{ font-size: 20px; color: var(--blue); font-weight: 700; font-family: 'AllRoundGothic';}

.single .insightContent .img { width: 25%; margin-left: 5%;}

.insightContent.insights{ background: var(--blue); color: #fff;}
.insightContent.insights .category, .insightContent.insights .date{ color: var(--theme);}
.insightContent.insights::after{ background-image: url(../images/vmist.png);}

.rcntArtcls{ width: 100%; margin-top: 40px;}
.rcntArtcls ul{ width: 100%;}
.rcntArtcls ul li{ width: 100%; margin: 15px 0 0; font-size: 15px; line-height: 20px;}
.rcntArtcls ul li a{ color: var(--blue); text-decoration: underline;}
.rcntArtcls ul li a:hover{ text-decoration: none;}



.page-template-our-services .allservices #service3 .img img{ border-color: #fff;}
.page-template-our-services .allservices #service3 .img::before{ background-image: url(../images/hm2.svg);}
.servicerow:nth-child(2n) .btnwrap .btn:hover { background: var(--white);  border-color: var(--white); color: var(--blue);}

.shareThis{ width: 100%; display: block; margin-top: 30px;}
.shareThis label{ display: block; font-size: 18px; font-weight: 700;}
.shareThis p{ display: flex; margin: 15px 0 0; gap: 15px;}
.shareThis p a{ color: var(--blue); font-size: 20px;}
.shareThis p a:hover{ color: var(--theme);}
.shareThis p a i{ font-style: initial;}





.home_section4{ position: relative;}
.home_section4 .container{ position: relative; z-index: 1;}
.home_section4 .hwshape{ position: absolute; bottom: 20px; left: 0; width: 100%;}
.home_section4 .hwshape img{ display: block; width: 100%;}
.shpimg .bottomTitle{z-index: 9;}

.blueboxStyle2.errorpage{ margin: 30px 0;}




/* Responsive Start */
@media(max-width:1340px){
.footer .shpimg {bottom: -40px;}
}


@media(max-width:1199px){
h3 {font-size: 24px;}
h1{ font-size: 34px;}
h2{ font-size: 32px;}
h4 {font-size: 20px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}

body {font-size: 15px;line-height: 20px;}
.container{max-width: 100%; padding: 0 15px;}
.whowerow .item h4 {font-size: 18px;line-height: 24px;}
.whowerow {width: 100%;}
.footer .shpimg{ display: none;}
.footer {border-top: 15px solid var(--theme);}
.mailListbox .text p {font-size: 18px;line-height: 24px;}
.ctinfo .item {flex: 0 0 calc((100% - 54px) / 2);}
.shpimg .bottomTitle{max-width: 100%; padding: 0 15px; bottom: -20px;}
.banner_type5 {min-height: 375px; padding: 60px 0 0;} 
.banner_type5 h1 {font-size: 34px;line-height: 38px;}
.textVbox {padding: 30px; gap: 15px; border-radius: 20px;}
.bottomTitle h3 {font-size: 26px;line-height: 30px;}
.textVbox::before {position: static;transform: initial;width: 80px;height: 80px;}
.faqlist .faq-item {border: 2px solid var(--theme);padding: 15px 20px;border-radius: 10px;}
.faqlist h4 {font-size: 20px;line-height: 26px;}
.faqlist .faq-item::before {font-size: 24px;top: 19px;right: 15px;}
.faqlist {gap: 15px;margin: 50px 0 0;}
.socail_section1 {padding: 70px 0 30px;}
.bloginfo .blogtitle {font-size: 18px;line-height: 24px;}
.bloginfo .blogcat {font-size: 16px;line-height: 20px;}
.insightContent .img img {margin-top: 20px;}
.single .insightContent h1 {font-size: 30px;margin: 10px 0;}
.single .insightContent .category{ font-size: 18px;}
.shareThis label{ font-size: 16px;}
.banner_type5 p {margin: 15px 0 0;font-size: 18px;line-height: 24px;}
.servicerow .botmtext {margin: 30px 0 0;font-size: 30px;line-height: 35px;}
.servicerow .content {padding-left: 35px;}
.servicerow ul li {margin: 5px 0 0;}
.servicerow p, .servicerow h3, .servicerow h4 {margin: 15px 0;}
.leaderrow.dtl h4 {font-size: 28px;line-height: 34px;}
.leaderrow h3 {font-size: 20px;line-height: 28px;}
.leaderrow h2 {font-size: 24px;line-height: 32px;}
.textsliderwrap{ padding: 25px;margin: 30px 0;}
.textsliderwrap::before{ display: none;}
.text_slider .slick-dots {bottom: -50px;}
.banner_type4 p{ text-align: center; font-size: 18px; line-height: 24px;}
.valuesSlider .item h4 {font-size: 18px;line-height: 22px;}
.ourValues .mistwrap {padding: 40px 20px;}
.blueboxStyle .text {width: 70%;}
.banner_type4 .col {max-width: 60%;}



}

@media(max-width:979px){
.home_section2, .home_section3, .home_section4 {padding: 45px 0;}
.whowerow .item {width: calc(50% - 40px);}
.titleshape img {width: 160px;}
.home_section3{ background-size: contain;}
.btnwrap {gap: 15px;margin: 30px 0 0;}
.shpimg {bottom: -10px;}
.homebanner h1 img {max-width: 320px;}
.navigation{ display: none;}
.homebanner{ padding: 140px 0;}
.home_section5 {padding: 80px 0;}
.home_section5 .col {max-width: 75%;padding: 0;}
.mailListbox .text p {font-size: 16px;line-height: 22px;}
.banner_type5 .col {max-width: 100%;min-height: 200px;}
.banner_type5 {padding: 50px 0; min-height: 320px;}
.insightContent{ padding: 0 20px;align-items: flex-end;}
.bloglistmain .sidebarform {width: 100%;order: 2;margin-top: 40px;}
.bloglist {width: 100%; order: 1;}
.insightbanner {height: 160px;}
.single .insightContent h1 {font-size: 28px;}
.allfiles .item {flex: 1 1 calc((100% - 30px) / 2);}
.servicerow {padding: 40px 0;}
.servicerow .img img {border-radius: 20px;}
.banner_type5.srvcbanr{ padding-bottom: 0;}
.srvcbanr .img{ width: 200px; padding: 0;}
.leader_section1{ padding: 75px 0 45px;}
.leaderrow .text {padding: 25px 25px;}
.leaderrow h3 {font-size: 20px;line-height: 26px;}
.leaderrow h2 {font-size: 25px;line-height: 32px;}
.text h3, .text p {margin: 15px 0 0;}
.leaderDetail{ flex-wrap: wrap;}
.leaderDetail .text{ width: 100%;}
.sidebarform {width: 100%; padding: 20px 15px;margin: 40px 0 0; border-radius: 20px; }
.leader_detailsctn{ padding-top: 70px;}
.blueboxStyle .text{ padding: 0;}
.bttags h5 {font-size: 20px;line-height: 24px;}
.bttags h4 {font-size: 20px;line-height: 28px;}
.bttags h4 strong::after {width: 20px;height: 28px;margin: 0 10px;}
.banner_type4 .textVbox {padding: 30px 15px;}


.header{ padding: 10px 0;}
.menutoggle{ display: block; cursor: pointer; position: relative; margin-right: 0; margin-left: auto; width: 30px; height: 30px;}
.menutoggle i{ position: absolute; width: 100%; height: 3px; background: var(--blue); border-radius: 4px; top: 6px; left: 0; transition: all 0.3s ease-in-out;}
.menutoggle i.b{ top: 14px;}
.menutoggle i.c{ top: 22px;}

.menutoggle.active i.c{ top: 14px; transform: rotate(45deg); transition: all 0.3s ease-in-out;}
.menutoggle.active i.a{ top: 14px; transform: rotate(-45deg); transition: all 0.3s ease-in-out;}
.menutoggle.active i.b{ opacity: 0; transition: all 0.3s ease-in-out;}
.navopen .header{ background: var(--theme);}
.navopen .navigation{ display: block; position: absolute; top: 100%; left: 0; width: 100%; background: var(--theme); padding-bottom: 20px;}
.navigation ul{ display: block;}
.navigation ul li{width: 100%; padding: 0; margin: 0; position: relative;}
.navigation ul li a{ display: block; padding: 12px 15px;}
.navigation ul li:hover>a{ text-decoration: underline; text-underline-offset: 2px;}
.navigation ul li.current-menu-item>a{color: #fff;}

.navigation ul ul{ display: none; padding-left: 15px;}
.navigation ul li:hover::before, .navigation ul li.current_page_item::before, .navigation ul li.current_page_parent::before, .navigation ul li.current-menu-parent::before{ display: none;}
.navigation .trigger{ width: 44px; cursor: pointer; height: 44px; display: flex; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; color: var(--blue); font-size: 20px;}
.navigation ul li::before{ display: none;}
.navigation ul li a:hover{ color: #fff; text-decoration: none;}























}


@media(max-width:767px){
h1{ font-size: 30px;}
h2{ font-size: 28px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 15px;}

.home_section4 .img{ width: 100%;}
.home_section4 .text {width: 100%;margin-top: 30px; text-align: center;}
.home_section4 .btnwrap{ justify-content: center;}
.btnwrap{ flex-direction: column; justify-content: center; gap: 10px;}
.homebanner .groupimg img {max-width: 100%;}
.home_section5{ padding: 40px 0;}
.home_section5 .col {max-width: 100%;padding: 0;}
.homebanner h1 img {max-width: 280px;}
.btn {font-size: 14px;padding: 12px 20px;min-width: 210px;}
.shpimg {bottom: 0;}
.homebanner {padding: 100px 0 60px;background-position: 80% 50%;}
.whowerow .item {width: 100%;}
.whowerow .item .icon img {max-height: 70px;}
.whowerow .item h4 {margin: 20px 0 10px;}
.whowerow .item .icon {height: 70px;}
.home_section3 {background-size: cover;}
.slick-slider .slick-arrow {width: 15px;height: 30px;}
.service_slider {padding: 0 20px;margin: 25px 0 0;}
.service_slider .item .btn {min-width: 160px;}
.bottomTitle h3 {font-size: 24px;line-height: 26px;}
.home_section4 .titleTop {padding: 15px;}
.home_section5 {padding: 60px 0;background-position: 75% 100%;background-size: cover;}
.footermain{ flex-wrap: wrap;}

.fcol1{width:100%; text-align: center; margin-bottom: 30px;}
.fcol2 {width: 50%; text-align: center;}
.social_links{ justify-content: center;}
.fcol4 {width: 100%;margin-top: 30px;padding: 0 15%;}

.ctinfo .item {flex: 0 0 100%;width: 100%;}
.ctwrap{ padding: 20px;}
.ctform .wpforms-form .wpforms-field-container{ width: 100%;}
.ctform .wpforms-form .wpforms-submit-container{ width: 100%; padding: 10px 0 0;}
.ctform .wpforms-field {width: 100% !important;}
.ctform .wpforms-form{ flex-wrap: wrap;}
.ctform #wpforms-182-field_5-container, .ctform #wpforms-182-field_2-container{ position: static;}
.mailListbox::after{ display: none;}
.mailListbox{padding: 0 15px; flex-wrap: wrap;border-radius: 20px;}
.mailListbox .img{ width: 100%; order: 2;}
.mailListbox .img img{ margin: 0;}
.mailListbox .text {width: 100%;padding: 40px 0 20px; order: 1;}
.joinmailList{ padding: 45px 0;}
.ctwrap{ border-radius: 20px;}
.contact_section1 {padding: 90px 0 45px;}
.shpimg .bottomTitle {bottom: -50px;}

.banner_type5 {min-height: 260px;padding: 30px 0;}
.banner_type5 h1 {font-size: 30px;line-height: 34px;}

.textVbox {padding: 30px 15px;}
.faqlist h4 {font-size: 18px;line-height: 22px; padding-right: 20px;}
.faqlist .faq-item::before {font-size: 20px;top: 15px;right: 10px;}
.faqlist .faq-item{ padding: 15px;}
.socail_section2 {padding: 20px 0 0;}

.insightContent{ flex-wrap: wrap;border-radius: 20px;}
.insightContent .text{ width: 100%; padding: 30px 0;}
.insightContent .img{ width: 100%;}
.insightContent::after {bottom: -44px;width: 80px;height: 80px;}
.blogArticle {width: 100%;}
.bloglist{ padding-right: 8px;}
.sidebarform{ border-radius: 20px; padding: 25px 15px;}

.single .insightContent .img{ width: 100%; margin: 0;}
.single .insightContent h1 {font-size: 26px;}
.banner_type5 .col{ padding: 0;}
.banner_type5 p {font-size: 16px;line-height: 22px;}
.allfiles .item {flex: 0 0 100%;width: 100%;}
.allfiles .item a {font-size: 14px;line-height: 18px;min-height: 60px;border-radius: 8px;padding: 10px 15px;}
.allfiles .item img {max-width: 20px;}

.srvcbanr .img{ display: none;}
.banner_type5.srvcbanr .col {justify-content: center;width: 100%;}
.home_section3.srvpage {padding-top: 45px;}
.servicerow .img {width: calc(100% - 10px);margin-right: 10px;}
.servicerow .content {width: 100%;padding: 20px 0 0;}
.servicerow .botmtext {margin: 25x 0 0;	font-size: 26px; line-height: 30px;}

.leader_section2{ padding: 40px 0;}
.leaderrow{ flex-wrap: wrap;border-radius: 20px;}
.leaderrow .img {width: 80%;min-width: 80%; margin-left: 5%;}
.leaderrow .img img{ margin: 0;}
.leaderrow .text{ padding: 25px 15px; text-align: center; }
.leaderrow:nth-child(2n) .img, .leaderrow:nth-child(2n) .img img{ margin-left: 0; margin-right: auto;}
.leaderrow .titleshape img{ margin: 0 auto;}
.leaderrow.dtl .text{ padding: 20px; order: 1;}
.leaderrow.dtl .img{ order: 2;}
.leaderrow.dtl h4 {font-size: 26px;line-height: 32px;}
.dwnlbtn a svg {width: 24px;}
.dwnlbtn a {gap: 15px;}
.page-id-17 .leaderrow.dtl .img{ margin: 0;}

.howwework .servicerow:nth-child(2n) .content {padding-left: 0;padding-right: 0;}

.blueboxStyle.aproch .flexrow{ flex-wrap: wrap;}
.blueboxStyle .img{ width: 100%; padding: 10px 0 30px;}
.blueboxStyle.aproch .img img{ display: block; margin: 0 auto; max-width: 140px;}
.blueboxStyle.aproch .text{ width: 100%; text-align: center;}
.byourValues .whowerow .item {width: calc(100% - 20px);margin: 0 10px;}

.textsliderwrap {padding: 20px 15px;margin: 30px 0;}
.textslide p:nth-child(1){ margin-top: 0;}

.banner_type4 .col {max-width: 100%;}
.banner_type4 p {font-size: 16px;line-height: 22px;}
.banner_type4 .shpimg {bottom: 0;}
.about_section1 .text {width: 100%;}
.textleft {text-align: center;}
.about_section1 .text ol li {flex: 0 0 100%;width: 100%;}
.about_section1 .text ol{ padding: 0 5px;}
.about_section1 .img{ width: 100%; text-align: center; margin-top: 30px;}
.about_section1 .img img{ margin: 0 auto;}
.py50 {padding: 40px 0;}
.blueboxStyle2 .flexrow {padding: 60px 15px;}
.ourValues{ background: var(--theme); padding: 0;}
.mistwrap::after{ display: none;}
.ourValues .mistwrap{ padding: 40px 0;}

.blueboxStyle.ourdfrnc{ padding: 0; background: var(--blue);}
.blueboxStyle.ourdfrnc .py50{ padding: 40px 0; flex-wrap: wrap;}
.blueboxStyle.ourdfrnc .text{ width: 100%; margin: 30px  0 0; padding: 0;}
.blueboxStyle.ourdfrnc .img{ width: 100%; padding: 0;}
.blueboxStyle.ourdfrnc .img img{ display: block; margin: 0 auto; max-width: 200px;}

.mailListbox .text p br{ display: none;}
.mailListbox .img img{ margin: 0 auto;}
.valuesSlider{ padding: 0 10px;}
.valuesSlider .item p {font-size: 15px;line-height: 20px;}
.blueboxStyle2 .flexrow{ border-radius: 20px;}
.blueboxStyle2 {padding: 0 0 40px;}

.ctform2 .wpforms-field {width: 100% !important;}
.white-popup {border-radius: 20px;padding: 20px 15px;}
.ctform2 .wpforms-field-container {row-gap: 10px;}

.banner_type4{ min-height: 400px;}










}