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

/* =Import Required Fonts
========================================================================================*/
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Thin.eot');
    src: url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Thin.woff2') format('woff2'),
        url('../fonts/Gilroy-Thin.woff') format('woff'),
        url('../fonts/Gilroy-Thin.ttf') format('truetype'),
        url('../fonts/Gilroy-Thin.svg#Gilroy-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('../fonts/Gilroy-UltraLight.woff') format('woff'),
        url('../fonts/Gilroy-UltraLight.ttf') format('truetype'),
        url('../fonts/Gilroy-UltraLight.svg#Gilroy-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype'),
        url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype'),
        url('../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'),
        url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* =CSS Vars
========================================================================================*/
:root {
	--primary-color: #F15959;
	--primary-shade-light-bg: #fff7f7;
	--secondary-color: #171C38;
    --title-border-color: #E7DCDF;
    --form-border-color: #B8B9C2;
	--white-color: #ffffff;
	--black-color: #000000;
    --error-border: #FFCBD7;
}


/* =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 'Gilroy', Arial, Helvetica, sans-serif; color:var(--secondary-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: 'Gilroy', Arial, Helvetica, sans-serif; line-height:1.1; margin:0 0 10px; font-weight:bold; color: #000; }
h1 span ,h2 span, h3 span, h4 span, h5 span, h6 span { color: var(--primary-color); }
h1,h2 { font-size:62px;  }
h3 { font-size:60px; }
h4 { font-size:44px; }
h5 { font-size:36px; }
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; }
.sectionbg { position: relative; overflow: hidden; }
.sectionbg:before, .sectionbg:after { content: ''; position: absolute; width: 60%; height: 45%; background: #ffebeb; filter: blur(150px); opacity: 0.65; border-radius: 50%; z-index: -1; }
.sectionbg:before { top: 0; left: 0; }
.sectionbg:after { bottom: 0; right: 0; }

.sectitlewrapper { position: relative; margin-bottom: 40px; z-index: 1; }
.sectitlewrapper .sectitle { margin-bottom: 0; }
.bglinewrapper { position: relative; top: 2px; flex: 1; width: auto; height: 2px; }
.sectitlewrapper .bgline { display: block; background-color: var(--title-border-color); width: calc(100% - 180px); height: 2px; margin: 0 auto; }

.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: 120px !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; }
.wrap.wfull { max-width: 1776px; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { padding:16px 0; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 111; }
#header.sticky { background:var(--white-color); box-shadow: 0 3px 8px rgba(0,0,0,0.07); }
#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.active a { background-color: #FEEAEA; color: var(--primary-color); text-decoration: none; }
section { position: relative; }

#footer { background:var(--secondary-color); }
#footer a { color: var(--white-color); }
#footer .footerbottom a { text-decoration: underline; }
#footer p { margin: 0; color: var(--white-color); }
.footertop { background-color: var(--secondary-color); padding: 42px 0; }
.footerbottom { background-color: #20274A; padding: 22px 0; }
.fmenu li { padding: 0 40px; position: relative; }
.fmenu li:before { content: ''; position: absolute; top: calc(50% + 1px); right: 0; background-color: var(--primary-color); width: 10px; height: 10px; border-radius: 50%; transform: translateY(-50%); }
.fmenu li:last-child:before { display: none; }
.fmenu li:first-child { padding-left: 0; }
.fmenu li:last-child { padding-right: 0; }
.fmenu li a { font-weight: 600; text-transform: uppercase; color: var(--white-color); opacity: 0.5; }
.fmenu li.active a { opacity: 1; text-decoration: none; }

/* =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(--form-border-color); border-radius: 10px; color:var(--secondary-color); width:100%; font-family:'Gilroy', 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:120px; overflow:auto; resize:none; padding:18px 22px;  font-family:'Gilroy', Arial, Helvetica, sans-serif; resize: none; }
select { padding:12px 42px 12px 12px; -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; }
.custom-select { display:block; margin:0; position:relative; background:var(--white-color); }
.custom-select:after { content:''; border-top:solid 6px var(--primary-color); border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; pointer-events: none; }

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:'Gilroy', 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 { position: relative; display: inline-block; border-radius: 50px; font-size: 16px; font-weight: 600; text-transform: capitalize; padding: 10px 20px; overflow: hidden; z-index: 1;  }
.btn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 0; height: 100%; z-index: -1; }
.btn span { display: block; position: relative; padding-right: 38px; }
.btn span:after { content: ''; position: absolute; top: 50%; right: 0; background-position: -26px 0; background-repeat: no-repeat; background-size: cover; width: 24px; height: 13px; transform: translateY(-50%); }
.btn-primary { background-color: var(--primary-color); color: var(--white-color); }
.btn-primary:before { background-color: #e04949; }
.btn-primary span:after { background-image: url(../images/vectorbased/primary-btn-arrow.svg); }
.btn-secondary { border: var(--primary-color) solid 2px; }
.btn-secondary:before { background-color: var(--primary-color); }
.btn-secondary span:after { background-image: url(../images/vectorbased/btn-secondary-arrow.svg); }

/* =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:16px 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(--white-color); color:var(--primary-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; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px; margin:20px 0; color: var(--black-color); position:relative; border-radius: 6px; }
.alert strong { font-weight: 500; }
.alert-notification {  background-color:var(--white-color); border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }

/* =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; }


/* =Home-Page Styles
========================================================================================*/
#herobanner { padding-bottom: 80px; }
.slider-progress { width:100%; height:2px; background:#E7DCDF; position:relative; overflow:hidden; }
.slider-progress .progress { width:0%; height:2px; background:var(--secondary-color); position:absolute; }
.herobannerleft { position: relative; flex:0 0 536px; max-width: 536px; width: 100%; }
.herobannerleft h1 { margin-bottom: 20px; padding-bottom: 15px; border-bottom: var(--title-border-color) solid 2px; }
.herobannerleft h1 strong span { display: block; flex: 1; font-size: 28px; text-transform: uppercase; }
.herobannerright { flex:0 0 calc(100% - 536px); max-width: calc(100% - 536px); width: 100%; padding-left: 70px; }
.heroslider .item { border: rgba(241, 89, 89, 0.2) solid 2px; border-radius: 20px; overflow: hidden; }
.heroslider .item .bgimg { width: 100%; height: calc(100vh - 135px); }
.herobannerwrap { position: relative; }
.slidercontrols { position: absolute; bottom: 20px; left: 0; right: 0; flex: 0 0 536px; max-width: 536px; width: 100%; }
.slick-counter { font-size: 20px; font-weight: 600; flex:0 0 30px; max-width: 30px; width: 100%; }
.slider-progress { position: relative; left: -5px; flex:0 0 calc(100% - 260px); max-width: calc(100% - 260px); width: 100%; }
.sliderarrowwrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex:0 0 112px; max-width: 112px; width: 100%; }
.sliderarrow { display: block; background-color: #F3F3F4; background-repeat: no-repeat; background-position: 0 0; background-size: cover; border: #DDDDDF solid 1px; border-radius: 50px; width: 50px; height: 37px; cursor: pointer; }
.prevsliderarrow { background-image: url(../images/vectorbased/slider-prev-arrow.svg); background-position: 0 0; }
.nextsliderarrow { background-image: url(../images/vectorbased/slider-next-arrow.svg); background-position: -50px 0; } 
.aboutsectioninfo { position: relative; z-index: 1; }
.aboutsectioninfo:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; width: 100%; height: 60%; background-color: var(--primary-shade-light-bg); border-radius: 20px; transform: translateY(-50%); z-index: -1; }
.aboutsectioncontent .aboutsectioncontentleft { flex:0 0 525px; max-width: 525px; width: 100%; }
.aboutsectioncontent .aboutsectioncontentright { flex: 0 0 50%; max-width: 50%; width: 100%; padding-left: 40px; }
.aboutsectioncontent .aboutsectioncontentright figure { max-width: 100%; }
.aboutsectioncontent .aboutsectioncontentright figure img { max-width: 100%; width: 100%; height: auto; border-radius: 20px; }
.aboutblockelements { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.aboutblockelements .aboutelement { position: absolute; }
.aboutblockelements .lefttopelement { width: 50px; top: 50%; left: 40px; transform: translateY(-50%); }
.aboutblockelements .leftbottomelement { width: 240px; bottom: 26%; left: 30%; }
.aboutblockelements .rightcenterelement { width: 150px; top: 50%; right: 0; transform: translateY(-50%); }

.servicessection { background: rgb(255,249,249); background: linear-gradient(180deg, rgba(255,249,249,1) 0%, rgba(255,227,227,0.7) 48%, rgba(255,255,255,1) 100%); }
.serviceslistingwrapper .cols .col { margin-top: 30px; }
.servicesbox { position: relative; height: 535px; border-radius: 26px; overflow: hidden; z-index: 1; }
.servicesbox:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50%; background: rgb(23,28,56); background: linear-gradient(0deg, rgba(23,28,56,100) 42%, rgba(23,28,56,0.7) 79%, rgba(23,28,56,0.5) 87%, rgba(23,28,56,0) 100%); z-index: -1; }
.servicesboxinfo { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 24px; margin: 0 auto; }
.servicesboxinfotop { position: relative; margin-bottom: 20px; }
.servicesboxinfo .servicesboxtitle { font-size: 26px; color: var(--white-color); font-weight: 600; padding-right: 120px; margin-bottom: 0; }
.servicesboxtitle em { display: block; font-size: 18px; font-style: normal; text-align: center; flex:0 0 40px; max-width: 40px; width: 100%; height: 40px; border: var(--white-color) solid 2px; border-radius: 50%; line-height: 38px; }
.servicesboxtitle span { display: block; color: var(--white-color); flex:0 0 calc(100% - 40px); max-width: calc(100% - 40px); width: 100%; padding-left: 12px; }
.timetag { position: absolute; top: 50%; right: 0; background-color: var(--white-color); color: var(--secondary-color); text-transform: uppercase; padding: 12px 16px 10px 16px; border-radius: 50px; line-height: 0.8; font-weight: 600; transform: translateY(-50%); }
.servicebtnleft { flex: 1; padding-right: 18px; }
.servicebtnleft.w-100 { padding-right: 0; }
.servicesbtn { background-color: var(--primary-color); color: var(--white-color); border: var(--primary-color) solid 2px; position: relative; border-radius: 50px; font-size: 18px; font-weight: 600; text-transform: capitalize; padding: 10px 10px 10px 16px; overflow: hidden; z-index: 1; }
.servicesbtn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #D64848; width: 0; left: auto; right: 0; width: 0; height: 100%; z-index: -1; }
.servicesbtn strong { font-weight: 600; }
.servicebtnright .btn { display: block; }
.bookbtnborderwrapper { flex:1; width: auto; padding: 0 24px; }
.bookbtnborder { display: block; width: 100%; height: 2px; border: var(--white-color) dashed 2px; opacity: 0.5; }
.servicebtnright .btn.btn-primary { background-color: transparent; border: var(--white-color) solid 2px; }
.servicebtnright .btn:before { display: none; }
.pricetag { font-size: 16px; background-color: var(--white-color); color: var(--primary-color); text-transform: uppercase; padding: 8px 16px 6px; border-radius: 50px; line-height: 0.8; font-weight: 600; }

#contactform .cols { margin: 0 -15px; }
#contactform .col { padding: 0 15px; }
.inputgroup, .message { position: relative; margin-bottom: 30px; }
.inputgroup img { position: absolute; top: 18px; right: 22px; }
.btn.btn-primary input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; }

.contactinfoleft { flex:0 0 517px; max-width: 517px; width: 100%; }
.contactinforight { flex:0 0 calc(100% - 517px); max-width: calc(100% - 517px); width: 100%; padding-left: 80px; }


.getintouchinfo { margin-bottom: 25px; }
.getintouchinfo li { border-bottom: var(--title-border-color) solid 1px; }
.getintouchinfo li:last-child { border-bottom: 0; }
.getintouchinfo li a { display: block; position: relative; font-size: 18px; color: var(--secondary-color); font-weight: 500; padding: 24px 0 24px 60px; }
.getintouchinfo li a:before { content: ''; position: absolute; top: 50%; left: 0; width: 41px; height: 46px; background-color: var(--primary-color); background-repeat: no-repeat; background-position: 0 0; background-size: cover; border-radius: 50px; transform: translateY(-50%); }
.getintouchinfo li.address a:before { background-image: url(../images/vectorbased/pill-location.svg); }
.getintouchinfo li.mail a:before { background-image: url(../images/vectorbased/pill-mail.svg); }
.getintouchinfo li.phone a:before { background-image: url(../images/vectorbased/pill-phone.svg); }

.contactformwrap { background-color: var(--white-color); border: #FFCECE solid 2px; border-radius: 20px; padding: 40px; }
.contactinforighttitle { position: relative; margin-bottom: 20px; }
.contactinforighttitle h5 { margin-bottom: 0; }
.titleborder { display: block; background-color: var(--title-border-color); flex:1; max-width: 60%; height: 2px; }
.contactformwrap .btn { display: table;  }


/* =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%; }


/* =Plan-Pricing-Page Styles
========================================================================================*/
#chooseplan .cols .col { margin-bottom: 40px; }
.pricingplanbox { background-color: #FEF8F8; border-radius: 20px; }
.pricingplanheading { position: relative; text-align: center; padding: 24px 40px; min-height: 128px; display: flex; flex-direction: column; justify-content: center; z-index: 1; }
.pricingplanheading:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: #FFEFEF; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1; }
.pricingplanheading:before { content: ''; position: absolute; top: calc(100% - 26px); left: 0; right: 0; margin: 0 auto; background-color: #FFEFEF; width: 45px; height: 45px; border-radius: 6px; z-index: -1; transform: rotate(45deg); }
.pricingplanheading h6 { margin-bottom: 0; }
.pricingplanheading span { font-weight: 600; }
.pricingplanbody { padding: 38px 40px 0; }
.pricingplanfooter { padding: 40px; }
.pricingplanfooter .btn { width: 100%; display: flex; align-items: center; justify-content: center; }
.pricingplanfooter .btn span { display: inline-block; }
.planprice { text-align: center; }
.planprice strong, .planprice span { display: block; }
.planprice strong { font-size: 70px; line-height: 1.1; }
.planprice span { display: table; background-color: var(--primary-color); color: var(--white-color); font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 auto; padding: 2px 14px 0; border-radius: 50px; letter-spacing: 0.6; }
.planlisting { padding: 28px 0 0; border-top: #F8ACAC dashed 2px; margin: 33px 0 0; }
.planlisting li { position: relative; padding: 0 0 0 30px; font-size: 18px; font-weight: 600; line-height: 1.2; margin-bottom: 15px; }
.planlisting li:before { content: ''; position: absolute; top: 6px; left: 0; background: url(../images/vectorbased/check.svg) no-repeat 0 0 / cover; width: 15px; height: 11px; }

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

.innerbannerleftfull { max-width: 100%; }

.servicedetails-content p { margin-bottom: 0; }

/* =Common Popup CSS
========================================================================================*/
.close-dialogbox { position:absolute; right:20px; top:20px; background:var(--primary-main-color); color:var(--white-color); line-height:30px; width:50px; height:50px; text-align:center; border-radius:50px; z-index: 9999999; }
.close-dialogbox:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background: url(../images/vectorbased/close.svg) no-repeat 0 0 / cover; height:20px; width:20px; }
body.overflowhidden { overflow:hidden; padding-right:17px; }
.popouterbox .popup-block {  display:block; position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index:99999; max-width:1000px; width:100%; padding:30px 20px; }
.popouterbox .popup-block.taller { top:0; }
.popouterbox { bottom:0; display:none; left:0; overflow:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; right:0; top:0; z-index:999999999; }
.modal-backdrop { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;  }
.pop-contentbox { border:6px solid rgba(255,255,255,0.20); border-radius: 14px; overflow: hidden; }
.popup-white-bg { background:var(--white-color); padding:20px; }

.planprice + p { margin: 25px 0 0; }
.popouterbox .planlisting { margin: 20px 0 0; padding: 20px 0 0; }
.planlisting li { padding: 0 0 0 26px; margin-bottom: 13px; }

.aboutsecimg img { border-radius: 20px; }

.mainpadding { padding-top: 60px; }