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

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

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

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

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

/* =CSS Vars
========================================================================================*/
:root {
	--primary-main-color: #8B9C00;
    --secondary-color: #572974;
	--primary-shade-light-bg: #F7F9FF;
	--primary-shade-light-border: #DBE3FF;
	--color-saffron: #FF8D41;
	--color-yellow: #FFD500;
	--color-green: #3ADC00;
	--color-red: #FF003D;
	--white-color: var(--white-color)fff;
	--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; font-smoothing:antialiased;  /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:16px/1.6 'Graphik', Arial, Helvetica, sans-serif; color:var(--black-color); }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); }
.allanim, .plansaving figcaption, .accordion-databox .accordion-row h5, .accordion-databox .accordion-row h5:before, .accordion-databox .accordion-row h5:after, .switchwrapper label, .switchwrapper label:after, .btn-primary span, .btn-primary span:before, .btn-primary:before, .btn-primary:after, #mainmenu li a:after  { -webkit-transition: all 350ms cubic-bezier(0,.34,.74,.99); transition:all 350ms cubic-bezier(0,.34,.74,.99); }
a { color:var(--primary-main-color); text-decoration:none;}
a:hover { text-decoration:underline; }
@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: 'Means Web', Arial, Helvetica, sans-serif; line-height:1.1; margin:0 0 10px; font-weight:normal; color: #000; }
h1 span ,h2 span, h3 span, h4 span, h5 span, h6 span { color: var(--primary-main-color); }
h1,h2 { font-size:62px;  }
h3 { font-size:60px; }
h4 { font-size:44px; }
h5 { font-size:36px; }
h6 { font-size:30px; }

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 { background: rgb(247,248,237); background: linear-gradient(180deg, rgba(247,248,237,1) 0%, rgba(255,255,255,0) 100%); }
.sectitlewrapper { margin-bottom: 40px; }
.sectitlewrapper { text-align: center; }
.sectitlewrapper .tinytitle { display: inline-block; background-color: var(--primary-main-color); color: var(--white-color); border-radius: 50px; font-weight: 500; line-height: 1; padding: 14px 22px 12px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.7px; }
.sectitle { margin-bottom: 0; }
.sectitle span { position: relative; display: inline-block; z-index: 1; }
.sectitle span:before { content: ''; background-color: #E1E5C7; position: absolute; bottom: 2px; width: 100%; height: 8px; transform: skew(324deg, 0deg); z-index: -1; }
.sectitlewrapper p { max-width: 618px; width: 100%; margin: 20px auto 0; }

.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; }

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

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

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

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

/* =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-main-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:var(--white-color); padding:8px 0; position: sticky; top: 0; z-index: 111; box-shadow: 0 3px 8px rgba(0,0,0,0.07); }
.header-row { display: flex; align-items: center; }
#logo { display: block; width: 120px;  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; display: flex; flex-wrap: wrap; }
#mainmenu li { line-height:30px; }
#mainmenu > ul > li { margin:0 0 0 50px; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:var(--black-color); position:relative; }
section { position: relative; }

.bgimg { background-color: var(--secondary-color); background-size: cover; background-position: center; background-repeat: no-repeat; }

#footer {  background: rgb(87,41,116); background: linear-gradient(141deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); padding:24px 0; }
#footer p { margin-bottom: 0; color: var(--white-color); }
#footer span, #footer span a { display: inline-block; color: #fff; }
#footer span a { text-decoration: underline; }
#footer span a:hover { text-decoration: none; }

/* =Form Style
========================================================================================*/
.form-group { position: relative; margin-bottom: 15px; padding-bottom: 10px; }
label { display: block; color: var(--primary-main-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:baseline; }
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:4px 12px; height:50px; line-height:1.4; border:solid 2px var(--primary-shade-light-border); border-radius: 6px; color:var(--black-color); width:100%; font-family:'Graphik', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:120px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Graphik', 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-main-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-main-color); }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:var(--primary-main-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:'Graphik', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#d71802; color:var(--white-color); }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

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

.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-main-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-main-color); }
.checkbox input:checked + .input-helper:before { background-color: var(--primary-main-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-main-color); border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }

.switchwrapper { position: relative; width: 51px; height: 25px; }
.switchwrapper input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.switchwrapper label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--white-color); border: var(--primary-shade-light-border) solid 2px; display: block; border-radius: 50px; text-indent: -9999px; cursor: pointer; }
.switchwrapper label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background-color: var(--primary-shade-light-border); border-radius: 100%; }
.switchwrapper input:checked + label { background: var(--primary-main-color); border-color: var(--primary-main-color); }
.switchwrapper input:checked + label:after { background-color: var(--white-color); left: calc(100% - 2px); transform: translateX(-100%); }

.btnwrapper { position: relative; cursor: pointer; }
.btnwrapper.btnwrapper-center { display: table; margin: 0 auto; }
.btnwrapper input[type="submit"], .btnwrapper input[type="button"], .btnwrapper button[type="submit"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 9999em; z-index: 1; opacity: 0; }

/* =Common Button CSS ( CTA )
========================================================================================*/
.btn-primary { position: relative; display: inline-block; z-index: 1; }
.btn-primary:after { content: ''; position: absolute; top: 0; left: 100%; background: url(../images/btn-arrow.svg) no-repeat 0 0 / cover; width: 46px; height: 46px; border-radius: 50%; z-index: -1; }
.btntext { background: rgb(87,41,116); background: linear-gradient(141deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); line-height: 21px; padding: 14px 24px 12px 24px; color: var(--white-color); border-radius: 50px; overflow: hidden; }
.btn-primary span { display: block; position: relative; top: 0; }
.btn-primary span:before { content: attr(data-text); position: absolute; top: 35px; left: 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/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; }

/* =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, .tabnav li a:hover { background-color:var(--white-color); color:var(--primary-main-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:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.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-main-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-main-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; }

/* =Landing-Page Styles
========================================================================================*/
#mainbanner { position: relative; background-color:var(--secondary-color); height: calc(100vh - 83px); min-height: 700px; z-index: 1; }
#mainbanner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;  background: url(../images/mainbannerbg.png) no-repeat center / cover; z-index: -1; }
#mainbanner .wrap { width: 100%; height: 100%; }
#mainbanner .wrap .cols { height: 100%; }
#mainbanner .bannercontentwrapper { max-width: 35%; flex:0 0 35%; }
#mainbanner .bannercontentwrapper .sectitle { color: var(--white-color); }
#mainbanner .bannercontentwrapper .sectitlewrapper { margin-bottom: 20px; }
#mainbanner .bannercontentwrapper p { color: var(--white-color); }
#mainbanner .bannercontentwrapper .btntext { background: rgb(160,204,60); background: linear-gradient(63deg, rgba(160,204,60,1) 0%, rgba(139,156,0,1) 100%); }
#mainbanner .bannercontentwrapper .btn-primary:after { background-image: url(../images/bannerbtnarrow.svg); }
#mainbanner .herobannerimgwrapper { max-width: 55%; flex:0 0 55%; }
#mainbanner .herobannerimgwrapper iframe { width: 100%; height: 412px; }
#mainbanner .sectitlewrapper { text-align: left; }
.herobannerimg { padding-left: 40px; }
.herobannerimg img { max-width: 100%; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.09); }

.aboutusinfoslider { margin: 0 -14px 40px; }
.aboutusinfoslider .item { padding: 0 14px; }
.aboutusinfoslider .item .bgimg { position: relative; background-position: center top; width: 100%; height: 400px; border-radius: 10px; overflow: hidden; z-index: 1; }
.aboutusinfoslider .item .bgimg:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 50%; background: rgb(44,21,58); background: linear-gradient(0deg, rgba(44,21,58,1) 0%, rgba(60,29,80,0.9) 37%, rgba(66,32,88,0.64) 54%, rgba(255,255,255,0) 100%); }
.aboutusinfoslider .item .bgimg figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 20px; }
.aboutusinfoslider .item .bgimg figcaption a { font-size: 16px; text-transform: uppercase; text-decoration: underline; color: var(--white-color); font-weight: 500; line-height: 2; }
.aboutusinfoslider .item .bgimg figcaption a:hover { text-decoration: none; }
.aboutusinfoslider .item .bgimg figcaption strong { display: block; font-size: 22px; color: var(--white-color); font-weight: 500; }
.aboutusinfoslider .item .bgimg figcaption strong span { display: block; font-size: 15px; font-weight: normal; }

.ourmission p { flex:0 0 70%; max-width: 70%; width: 100%; padding-right: 30px; font-size: 18px; }
.slickarrowwrapper { flex:0 0 100px; max-width: 100px; width: 100px; }
.slickarrowwrapper .sliderarrow { display: block; width: 46px; height: 46px; background-color: var(--primary-main-color); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; cursor: pointer; }
.slickarrowwrapper .sliderarrow.prevarrow { background-image: url('../images/sliderarrowprev.svg'); }
.slickarrowwrapper .sliderarrow.nextarrow { background-image: url('../images/sliderarrownext.svg'); }


.pastor-details figure { background: rgb(87,41,116); background: linear-gradient(0deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); padding: 10px; flex:0 0 320px; max-width: 320px; width: 100%; border-radius: 8px; overflow: hidden; }
.pastor-details figure .bgimg { background-position: center top; width: 100%; height: 280px; }
#pastor-regina .pastor-details figure .bgimg { background-position: center center; }
.pastor-details figure img { max-width: 100%; width: 100%; height: auto; border-radius: 10px; }
.pastor-details figure figcaption { color: var(--white-color); font-size: 22px; font-weight: 500; text-align: center; margin-top: 10px; line-height: 1.4; }
.pastor-details figure figcaption span { display: block; font-size: 16px; font-weight: normal; }
.pastor-details p { flex:0 0 calc(100% - 320px); max-width: calc(100% - 320px); width: 100%; padding-left: 20px; }

.modboxblock { background-color: var(--white-color); border: #DDD4E3 solid 1px; border-radius: 6px; }
.modboxblock .modboxblocktop { padding: 16px 22px; border-bottom: #DDD4E3 solid 1px; }
.modboxblock .modboxblocktop h6 { margin-bottom: 0; }
.modboxblock .modboxblockbottom { padding: 16px 22px; }
.modboxblockbottom p { margin-bottom: 0; }

.serviceslisting .col { margin-bottom: 30px; }

.getintouchwrapper iframe { width: 100%; height: 941px; }