/* =Import Required styles
========================================================================================*/
@import url(normalize.css);

/* =Import Required Fonts
========================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* =CSS Vars
========================================================================================*/
:root {
	--primary-color: #3F7DE8;
    --primary-dark-color: #294F92;
	--section-bg: #F6F9FE;
	--secondary-color: #4AC24A;
    --border-color: #D9E4F6;
	--white-color: #ffffff;
	--black-color: #000000;
    --error-border: #FFCBD7;
    --font-family: 'Epilogue';
    --body-text: 16px;
}


/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { position: relative; font:16px/26px var(--font-family), Arial, Helvetica, sans-serif; color: var(--black-color); overflow-x: hidden; }
img { vertical-align:top; border:0; }
a { color:var(--primary-color); text-decoration:none;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { font-family: var(--font-family), Arial, Helvetica, sans-serif; line-height:1.1; margin:0 0 10px; font-weight:600; color: var(--primary-color); }
h1 span ,h2 span, h3 span, h4 span, h5 span, h6 span { color: var(--primary-color); }
h1,h2, h3 { font-size:56px; }
h4 { font-size:44px; }
h5 { font-size:34px; }
h6 { font-size:30px; }

ul { list-style: none; margin: 0; padding: 0; }
ul li { line-height:24px; }

.cf:after,.wrap:after { content:""; display:table; clear: both; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { margin-left:-20px; margin-right:-20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cols .col { padding-left:20px; padding-right:20px; }
.cols1 .col { flex:0 0 100%; max-width:100%; width:100%; }
.cols2 .col { flex:0 0 50%; max-width:50%; width:100%; }
.cols3 .col { flex:0 0 33.333333333333%; max-width:33.333333333333%; width:100%; }
.cols4 .col { flex:0 0 25%; max-width:25%; width:100%; }

.secpadding { padding: 90px 0; }
.secpadding.sectionbg { padding: 0; margin: 230px 0; }
.sectionbg { position: relative; background-color: var(--section-bg); z-index: 1; }
.sectionbg:before, .sectionbg:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 140px; }
.sectionbg:before { top: -140px; background: url('../images/vectorbased/topcurves.svg') repeat-x 0 0 / cover; }
.sectionbg:after { bottom: -140px; background: url('../images/vectorbased/bottomcurves.svg') repeat-x 0 0 / cover; }
.sectionbg.sectionbg-b { margin-bottom: 0 !important; padding-bottom: 90px; }
.sectionbg.sectionbg-b:after { display: none; }

.d-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.justify-content-start { justify-content: start; }
.justify-content-end { justify-content: end; }

.w-100 { flex:0 0 100%; max-width: 100%; width: 100%; }

.bgimg { background-repeat:no-repeat; background-size:cover; background-position:center center; }
.headerpadding { padding-top: 150px !important; }

figure { margin: 0; }
img { max-width: 100%; height: auto; }

.mt-0 { margin-top: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.d-none { display: none !important; }

ul { list-style: none; }
ul li { margin: 0; padding: 0; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:var(--white-color); }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }
.text-cp { text-transform:capitalize; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding: 4px 0 0; display:block; color:var(--color-red); font-size: 14px; }
input.has-error { border:solid 2px var(--error-border) !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px var(--primary-color); border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Layout Width
========================================================================================*/
.wrap { max-width:1426px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background-color: var(--white-color); padding:16px 0; position: fixed; top: 0; left: 0; right: 0; width: 100%; box-shadow: 0 2px 6px rgba(0,0,0,0.05); z-index: 111; }
#logo { display: block; width: 150px; position: relative; transition: all 250ms cubic-bezier(0,.34,.74,.99); }
#logo img { max-width:100%; height:auto; width:auto; }
#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu li { line-height:30px; }
#mainmenu > ul > li { margin:0 0 0 50px; }
#mainmenu > ul > li:first-child { margin: 0; }
#mainmenu li a { display:block; position:relative; padding:12px 28px; color:var(--black-color); font-weight: 600;font-weight: 600; line-height: 20px; text-transform: uppercase; border-radius: 50px; }
#mainmenu li a:before { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; background-color: var(--primary-color); width: 6px; height: 6px; border-radius: 50%; opacity: 0; }
#mainmenu li.active a { color: var(--primary-color); }
#mainmenu li.active a:before { bottom: 0; opacity: 1; }


section { position: relative; }

.sectitle { text-align: center; }
.sectitle, .titlerow { margin-bottom: 40px; }
.sectitle span { display: inline-block; background-color: var(--secondary-color); color: var(--white-color); padding: 14px 20px 10px; font-weight: 500; text-transform: uppercase; line-height: 1; border-radius: 50px; margin-bottom: 10px; }


#footer { background-color: var(--primary-dark-color); padding: 24px 0; }
#footer * { color: var(--white-color); }
#footer p { margin-bottom: 0; }
.designby a { text-decoration: underline; }


/* =Form Style
========================================================================================*/
.form-group { position: relative; margin-bottom: 15px; padding-bottom: 10px; }
label { display: block; color: var(--primary-color); }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:middle; font-weight: 500; }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:var(--white-color); padding:12px 60px 12px 22px; height:60px; font-weight: 500; line-height:1.4; border:solid 1px var(--border-color); border-radius: 10px; color:var(--primary-color); width:100%; font-family:var(--font-family), Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }

textarea { width:100%; height:160px; overflow:auto; resize:none; padding:18px 22px;  font-family:var(--font-family), Arial, Helvetica, sans-serif; resize: none; }
select { padding:12px 60px 12px 22px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:6px; }
select::-ms-expand { display:none; }
.customselect { display:block; margin:0; position:relative; background:var(--white-color); }
.customselect:after { content:''; position: absolute; top: 24px; right: 23px; background: url('../images/vectorbased/dropdownicon.svg') no-repeat 0 0 / cover; width: 20px; height: 11px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border-color: var(--primary-color); }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:var(--primary-color); color:var(--white-color);  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 45px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:var(--font-family), Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:0.6; }
::-moz-placeholder { opacity:0.6; }
:-ms-input-placeholder { opacity:0.6; }
:-moz-placeholder { opacity:0.6; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block { display: flex; align-items: center; justify-content: space-between; margin: 0 -15px; }
.form-block .form-group { flex:0 0 50%; max-width: 50%; width: 100%; padding: 0 15px 15px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--primary-color); }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: var(--primary-color); }
.checkbox input:checked + .input-helper:before { background-color: var(--primary-color); }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: var(--white-color); }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 3px; top: 3px; font-weight: 600; color: var(--white-color); transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: var(--primary-color); border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }

/* =Common Button CSS ( CTA )
========================================================================================*/
.btn { display: inline-block; background-color: var(--primary-color); color: var(--white-color); padding: 12px 24px 10px; text-transform: uppercase; font-weight: 600; border-radius: 10px; }
.btn.btn-xl { background-color: var(--secondary-color); padding: 16px 38px 14px; }

/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px var(--primary-shade-light-bg); display: flex; flex-wrap: wrap; }
.tabnav li { position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:22px 5px; text-decoration:none; color:var(--black-color); line-height:1.25; background:var(--primary-shade-light-bg); margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a { background-color:var(--primary-color); color:var(--white-color) }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px var(--primary-shade-light-border); border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
/* .tabcontent p { color:var(--secondary-color); margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; } */
.tabcontent h4 { margin:0 0 15px; }

/* =Accordian CSS
========================================================================================*/
.accordion-row { margin-bottom: 20px; }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background-color: var(--white-color); border: var(--primary-shade-light-border) solid 1px; border-radius: 12px; position:relative; padding:16px 60px 16px 16px; font-weight:normal; font-size:22px; margin-bottom:7px; text-transform:capitalize; margin-bottom: 0; }
.accordion-databox .accordion-row h5:before, .accordion-databox .accordion-row h5:after { content: ''; position: absolute; top: 50%; right: 22px; background-color: var(--primary-color); border-radius: 50px; transform: translateY(-50%); z-index: 1; }
.accordion-databox .accordion-row h5:before { width: 3px; height: 18px; right: calc(22px + 8px); }
.accordion-databox .accordion-row h5:after { width: 19px; height: 3px; }
.accordion-databox .accordion-row h5.open { color: var(--primary-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.accordion-databox .accordion-row h5.open:before { height: 0; }
.accordion-data { display:none; padding:16px; background-color: var(--white-color); border: var(--primary-shade-light-border) solid 1px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin-top: -1px; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }

/* =Page-Banner Styles
========================================================================================*/
#innerbanner { position: relative; /* min-height: 650px;*/ }
.innerbannerleft { flex:0 0 640px; max-width: 640px; }
.innerbannerright { flex:1; padding-left: 60px; }
.innerbannerright figure { display: inline-block; width: auto; max-width: 100%; }

/* =Home-Page Styles
========================================================================================*/
#herobanner { position: relative; background: var(--section-bg) url('../images/webbased/mainbannerbg.webp') no-repeat 0 0 / cover; height: 100vh; min-height: 700px; }
#herobanner .wrap { height: 100%; }
.herobannercontent h1 { flex:0 0 calc(100% - 400px); max-width: calc(100% - 400px); width: 100%; position: relative; z-index: 1; }
.herobannercontent h1 span { position: relative; display: inline-block; }
.herobannercontent h1 span:before { content: ''; position: absolute; bottom: 11px; right: -50px; background: url(../images/vectorbased/broom.svg) no-repeat 0 0 / cover; width: 43px; height: 40px; }
.herobannercontent .herobannersliderarrow  { flex:0 0 112px; max-width: 112px; width: 100%; }

.herobannerslider { margin-top: 30px; height: calc(100% - 240px); }
.herobannerslider .slick-list, .herobannerslider .slick-track, .herobannerslider .slick-slide, .herobannerslider .slick-slide div, .herobannerslider .item, .herobannerslider .item .bgimg { height: 100%; }
.herobannerslider .item .bgimg, .herobannerslider .item iframe { border-radius: 15px; }
.herobannerslider .item iframe { width: 100%; height: 100%; }
.slick-dots { display: flex; align-items: center; justify-content: center; margin-top: 25px; }
.slick-dots li { margin-left: 10px; }
.slick-dots li:first-child { margin-left: 0; }
.slick-dots li .slickcustomdot { background-color: var(--primary-color); display: block; width: 12px; height: 12px; border-radius: 50%; opacity: 0.4; transition: 0.2s all ease-in; }
.slick-dots li.slick-active .slickcustomdot { opacity: 1; }

.sliderarrow { display: block; background-color: var(--secondary-color); background-repeat: no-repeat; background-position: 0 0; background-size: cover; border: rgba(0,0,0,0.05) solid 1px; border-radius: 50px; width: 50px; height: 37px; cursor: pointer; }
.prevsliderarrow { background-image: url(../images/vectorbased/sliderpreviousicon.svg); background-position: 0 0; }
.nextsliderarrow { background-image: url(../images/vectorbased/slidernexticon.svg); background-position: -47px 0; }

.aboutusimg { height: 995px; }
.aboutusblockwrapper .bgimg { position: relative; border-radius: 15px; }
.aboutusblockwrapper .bgimg figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: block; background-color: var(--primary-color); color: var(--white-color); text-align: center; padding: 30px 10px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-size: 30px; font-weight: 600; }
.aboutusblockwrapper .bgimg figcaption span { color: rgb(230, 12, 12); }
.aboutusfrontimg {height: 664px }
.aboutusfrontblockwrapper .bgimg { position: relative; border-radius: 15px; }
.aboutusfrontblockwrapper .bgimg figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: block; background-color: var(--primary-color); color: var(--white-color); text-align: center; padding: 30px 10px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-size: 30px; font-weight: 600; }
.aboutusfrontblockwrapper .bgimg figcaption span { color: rgb(230, 12, 12); }

.serviceslisting .col { margin-bottom: 40px; }
.servicebox { background-color: var(--white-color); border: var(--border-color) solid 2px; border-radius: 10px; padding: 32px; height: 100%; }
.serviceslisting .col .servicebox p { margin-bottom: 0; }
.starlisting li { position: relative; padding: 0 0 0 28px; margin: 0 0 15px; font-weight: 500; font-style: italic; line-height: 1.3; }
.starlisting li:before { content: ''; position: absolute; top: 1px; left: 0; background: url('../images/vectorbased/icons8-checkmark.svg') no-repeat 0 0; width: 18px; height: 18px; }
.starlisting li:last-child { margin-bottom: 0; }

.testimonialslider { margin: 0 -20px; }
.testimonialslider .slick-slide { padding: 0 20px; }
.testimonialsliderbox { background-color: var(--section-bg); border: var(--border-color) solid 2px; border-radius: 10px; padding: 32px; }
.testimonialsliderbox h6 { color: var(--black-color); }
.testimonialsliderbox h6 span { display: block; font-size: 16px; color: var(--primary-color); text-transform: uppercase; margin-bottom: 5px; }
.testimonialsliderbox p { margin-bottom: 0; }
.googlereviewbtn { display: flex; position: relative; padding-left: 8px; padding-right: 14px; z-index: 1; }
.googlereviewbtn img { display: block; background-color: var(--white-color); border-radius: 6px; margin-right: 10px; }
.googlereviewbtn span { position: relative; top: 2px; display: block; color: var(--white-color); text-transform: uppercase; line-height: 1; }
/* .googlereviewbtn:before { content: ''; position: absolute; top: 0; left: 0; background: var(--white-color) url('../images/vectorbased/googleicon.svg') no-repeat 0 0 / cover; width: 33px; height: 33px; border-radius: 4px; } */
.testimonialsliderarrow  { flex: 0 0 112px; max-width: 112px; width: 100%; }
.titlerowright { flex:0 0 320px; max-width: 320px; width: 100%; }

.contactblockswrapper h5 { color: var(--primary-dark-color); }
.contactblockswrapper .contactblockleft { flex:0 0 35%; max-width: 35%; width: 100%; }
.contactblockswrapper .contactblockright { flex:0 0 50%; max-width: 50%; width: 100%; }

.contactinfo li { margin: 0 0 13px; }
.contactinfo li:last-child { margin: 0; }
.contactinfo li a { display: block; font-size: 18px; font-weight: 500; background-color: var(--white-color); border: var(--border-color) solid 2px; border-radius: 12px; padding: 18px 14px 14px; line-height: 1; }
.contactinfo li a:before { content: ''; display: inline-block; vertical-align: middle; position: relative; top: -1px; background-color: var(--section-bg); border: var(--border-color) solid 2px; border-radius: 50%; width: 44px; height: 44px; margin-right: 10px; }
.contactinfo li.location a:before { background: var(--section-bg) url('../images/vectorbased/locationicon.svg') no-repeat 0 0 / cover; }
.contactinfo li.ig a:before { background: var(--section-bg) url('../images/vectorbased/instagramicon.svg') no-repeat 0 0 / cover; }
.contactinfo li.fb a:before { background: var(--section-bg) url('../images/vectorbased/facebookicon.svg') no-repeat 0 0 / cover; }

.contactuslogo { display: block; margin-top: 30px; }
.inputgroup { position: relative; margin: 0 0 25px; z-index: 1; }
.inputgroup.submitbtn { margin-bottom: 0; }
.inputgroup .inputicon { position: absolute; top: 21px; right: 20px; width: 25px; }
.inputgroup.name .inputicon { top: 18px; }

.submitbtnwrap .btn { position: relative; }
.submitbtnwrap .btn input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

span.error { display: block; color: #f00; font-size: 14px; opacity: 0.9; }
input.error, textarea.error { border-color: var(--error-border); }
.successmsg { display: block; background-color: #d1f3d9; border: #b9ddc1 solid 1px; border-radius: 6px; padding: 14px 16px; margin-top: 20px; color: #155724; }

#innerbanner { position: relative; background: var(--primary-dark-color) url('../images/webbased/innerbannerimg.webp') no-repeat center center / cover; width: 100%; height: 420px; text-align: center; z-index: 1; }
#innerbanner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-dark-color); width: 100%; height: 100%; z-index: -1; opacity: 0.8; }
#innerbanner .innerbannertitle { margin: 80px 0 0; color: var(--white-color); font-weight: bold; }
#innerbanner .innerbannertitle:after { content: ''; display: block; background-color: var(--white-color); border-radius: 50px; width: 80px; height: 6px; margin: 0 auto; }

.whowearewrapper figure { background-color: var(--section-bg); border: var(--border-color) solid 2px; border-radius: 12px; }


.dashtitle { position: relative; padding: 0 0 0 30px; z-index: 1; }
.dashtitle:before { content: ''; position: absolute; top: 50%; left: 0; background-color: var(--primary-color); opacity: 0.3; width: 6px; height: calc(100% + 4px); transform: translateY(-50%); }

.ourmissioncontent { margin-top: 50px; }

.whowearetop + .whowearetop .cols { margin-top: 30px; }

.servicelistbox { background-color: #F2F7FE; border-radius: 15px; margin: 0 0 30px;  }
.servicelistbox:last-child { margin-bottom: 0; }
.servicelistbox .bgimg { flex:0 0 40%; max-width: 40%; width: 100%; height: 410px; border-radius: 15px; }
.servicelistbox .servicelistboxcontent { flex:0 0 60%; max-width: 60%; width: 100%; padding: 0 30px; }
.servicelistbox .servicelistboxcontent .starlisting { margin: 0 0 40px; }

.getintouchdetails { background-color: #F2F7FE; border-radius: 15px; }
.getintouchdetails .map { flex:0 0 65%; max-width: 65%; width: 100%; }
.getintouchdetails .map iframe { width: 100%; height: 450px; }
.getintouchdetails .contactblockleft { flex:0 0 35%; max-width: 35%; width: 100%; padding: 26px; }
.contactblockswrapper.contactusbottom .contactblockright { max-width: 1170px; width: 100%; margin: 0 auto; }
.contactblockswrapper.contactusbottom .contactblockright .submitbtnwrap { text-align: center; }

.servicelistingwrapper .tab-data { border: #D9E4F6 solid 1px; border-radius: 10px; overflow: hidden; }
.servicelistingwrapper .tabnav { border-bottom: #D9E4F6 solid 1px; }
.servicelistingwrapper .tabnav li { width: 100%; flex:0 0 50%; max-width: 50%; }

.tab-container { background-color: #F2F7FE; }
.servicelistingwrapper .tab-container .servicelistbox { background-color: var(--white-color); padding: 20px;  }

.slider {
    width: 100%;
    position: relative;
    height: 100%;
}

.slides img {
    width: 100%;
    display: none;
    position: absolute;
    height: 100%;
    border-radius:  15px;
}

button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 100;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}
/* design for bullets on image slide starts */
.slide-bullets {
    padding: 0;
    margin:0;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.slide-bullets li.bullet {
    padding: 0;
    margin: 0 10px;
    cursor:default;
    display: inline-block;

    border-radius:8px;
    border:1px solid var(--primary-color);
    width:12px;
    height:12px;
    background-color: var(--primary-color);
}

.slide-bullets li.active {
    background-color: var(--secondary-color); /* Active bullet color */
}

/* design for bullets on image slide ends */