@charset "utf-8";
/* CSS Document */

::selection {
  color: var(--bs-white);
  background: var(--bs-primary);
}

/*----
Main Menu ----*/
.stellarnav{position: relative; margin-left: auto; font-size: 14px;}
.stellarnav a{color: var(--bs-black);}
.stellarnav ul{margin: 0; padding: 0;}
.stellarnav li{list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal;}
.stellarnav li a{padding: 6px 20px; display: block; text-decoration: none; color: var(--bs-black); box-sizing: border-box; position: relative; text-transform: capitalize;}
.stellarnav li a:hover{color: var(--bs-primary); }
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav > ul > li.current-menu-item > a, .stellarnav > ul > li.current-menu-parent > a{color: var(--bs-primary);}
.stellarnav > ul > li > a{padding: 0 20px; position: relative; color: var(--bs-black); border: none; display: flex; align-items: center; gap: 8px;}
.stellarnav > ul > li > a:hover{text-decoration: none; color: var(--bs-primary);}
.stellarnav ul ul{top: auto; width: 275px; position: absolute; z-index: 9900; text-align: left; display: none; background: var(--bs-white); padding:  6px 0;}
.stellarnav li li{display: block;}
.stellarnav ul ul ul{top: 0; left: 275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity: 1; visibility: visible; top: 0}
.stellarnav > ul > li.drop-left > ul{right: 0}
.stellarnav li.drop-left ul ul{left: auto; right: 275px}
.stellarnav.dark{background: var(--bs-secondary)}
.stellarnav.dark a{color: var(--bs-secondary)}
.stellarnav.dark ul ul{background: var(--bs-secondary)}
.stellarnav.dark li a{color: var(--bs-secondary)}
.stellarnav.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999}
body.stellarnav-noscroll-x{overflow-x: hidden}
.stellarnav li.has-sub > a:after{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: relative; font-size: 60%;}
.stellarnav li li.has-sub > a:after{ content: '\f105'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px;}
.stellarnav li.drop-left li.has-sub > a:after{float: left; margin-right: 10px; border-left: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid var(--bs-secondary)}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display: none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display: none; text-decoration: none}
.stellarnav .dd-toggle{display: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; z-index: 9999; border: 0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right: 15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display: none}
.stellarnav svg{fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing: border-box; transition: transform .3s; width: 100%; height: 100%; position: relative; vertical-align: middle; display: inline-block; position: relative; background: var(--bs-primary);}
.stellarnav a.dd-toggle .icon-plus:before{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: block;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content: '\f00d'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; color: var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color: var(--bs-white)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color: var(--bs-white)}
.stellarnav .icon-close{box-sizing: border-box; width: 30px; height: 30px; position: relative; display: flex; align-items: center; margin-left: 0; margin-right: 0}
.stellarnav .icon-close:before{content: ''; display: block; width: 30px; height: 0; border-bottom: solid 3px var(--bs-secondary); position: absolute; top: auto; transform: rotate(45deg)}
.stellarnav .icon-close:after{content: ''; display: block; width: 30px; height: 0; top: auto; border-bottom: solid 3px var(--bs-secondary); position: absolute; transform: rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color: var(--bs-white)}
.stellarnav.light .icon-close:after{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:before{border-color: var(--bs-white)}
.stellarnav.dark .icon-close:after{border-color: var(--bs-white)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding: 0; box-sizing: border-box}
.stellarnav .close-menu{padding: 0 24px}
.stellarnav .menu-toggle span.bars{display: inline-block; margin-right: 0; position: relative; top: 0; margin-right: 0;}
.stellarnav .menu-toggle span.bars span{display: block; width: 30px; height: 4px; border-radius: 6px; background: var(--bs-secondary); margin: 0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom: 0}
.stellarnav .full{width: 100%}
.stellarnav .half{width: 50%}
.stellarnav .third{width: 33%; text-align: center}
.stellarnav .location-btn-mobile.third{text-align: center}
.stellarnav .location-btn-mobile.half{text-align: right}
.stellarnav.light .third, .stellarnav.light .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left: 0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom: 0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom: 0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left: 0}
.stellarnav.light .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.dark .menu-toggle span.bars span{background: var(--bs-white)}
.stellarnav.mobile{position: static}
.stellarnav.mobile.fixed{position: static}
.stellarnav.mobile ul{position: relative; display: none}
.stellarnav.mobile.active{padding-bottom: 0}
.stellarnav.mobile.active > ul{display: block}
.stellarnav.mobile ul{text-align: left}
.stellarnav.mobile > ul > li{display: block}
.stellarnav.mobile > ul > li > a{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.stellarnav.mobile ul{background: rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.stellarnav.mobile ul ul ul{left: auto; top: auto}
.stellarnav.mobile li.drop-left ul ul{right: auto}
.stellarnav.mobile li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile > ul{border-top: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light li a{border-bottom: 1px solid rgba(255,255,255,0.2)}
.stellarnav.mobile.light > ul{border-top: none;}
.stellarnav.mobile li a.dd-toggle{border: 0}
.stellarnav.mobile.light li a.dd-toggle{border: 0; background: rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display: flex; align-items: center; border: none;}
.stellarnav.mobile li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1); box-sizing: border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display: inline-block; width: 50%; text-align: center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display: block; width: 100%; border-right: 0; text-align: left}
.stellarnav.mobile.light ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background: var(--bs-white); padding: 0}
.stellarnav.mobile.light li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position: absolute; width: 100%; top: 0; left: 0; z-index: 9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display: none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 500}
.stellarnav.mobile.right > ul{right: 0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display: flex; text-align: right; align-items: center; justify-content: flex-end; height: 80px;}
.stellarnav.mobile.left > ul{left: 0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align: center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align: center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align: left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display: none}
@media only screen and (max-width : 768px){
.stellarnav{overflow: hidden; display: block}
.stellarnav ul{position: relative; display: none}
}
@media only screen and (max-width : 420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display: none}
}

@media (min-width: 992px) {
.stellarnav > ul > li:after{ content: ''; display: table; clear: both;}
.stellarnav > ul > li{ float: left;}
.stellarnav > ul > li + Li{ margin-left: 32px}
.stellarnav > ul > li > a{ line-height: 42px; padding:  0;}
}

.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform: uppercase; font-weight: 700;}
/*---- 
Main Menu ----*/

/*---- 
Accordion Menu ----*/
.mainNav {width:100%;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(0,0,0,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-primary);}
.mainNav ul li a {color:var(--bs-dark); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li a {color:var(--bs-dark); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(0,0,0,0.2);}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {background:none;  font-size:16px; }
/*----
Accordion Menu ----*/

/*---- 
Slick SLider ----*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-slide.dragging img{pointer-events: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list{background: #fff url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; background: var(--bs-white); border-radius: 50%; color: #000; box-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #fff; outline: none; background: var(--bs-secondary); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1; }
.slick-prev:before, .slick-next:before{font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 24px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev{left: -12px; }
[dir='rtl'] .slick-prev{right: 0px; left: auto; }
.slick-prev:before{content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105'; }
.slick-next{right: -12px; }
[dir='rtl'] .slick-next{right: auto; left: 15px; }
.slick-next:before{content: '\f105'; }
[dir='rtl'] .slick-next:before{content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0; }
.slick-dots{position: relative; margin-top: 30px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px;}
.slick-dots li{position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center; }
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 100%; height: 10px; width: 40px; border-radius: 50px; margin: 0; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; border-radius: 30px; opacity: 0.5; background: #939598;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background: #fff; }
.slick-dots li.slick-active button{  opacity: 1; border-radius: 30px; background: #2A456D;}
/*----
Slick SLider ----*/

/*----
Custom Accordion ----*/
.accordionjs .acc_section { position: relative; z-index: 10; margin-top: 0; overflow: hidden; padding: 0;  border-radius: 16px; border: 2px solid #DFDFDF; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.70) 100%), rgba(92, 144, 194, 0.50); padding: 24px}
.accordionjs .acc_section + .acc_section{ margin-top: 20px;}
.accordionjs .acc_section .acc_head {cursor: pointer; }
.accordionjs .acc_section .acc_head span{ display:  flex; position: relative; padding: 0 24px 0 0;}
.accordionjs .acc_section .acc_content { padding: 10px 0 0 0; border-top:  2px solid rgba(245, 245, 245, 0.2); font-size: 14px; font-weight: 400;}
.accordionjs .acc_section .acc_head span:after{ content: '\f107'; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size:  18px;}
.accordionjs .acc_section.acc_active > .acc_head span:after{ content: '\f106';}
.accordionjs .acc_section.acc_active{ color:  #fff; background:  var(--bs-secondary); border-color: var(--bs-secondary); }
.accordionjs .acc_section.acc_active > .acc_head{ padding-bottom: 10px; font-weight: 700;}
.section-faq .accordionjs .acc_section.acc_active{ border-radius: 10px; background: #396B96; border-color: #396B96; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.10);}
/*----
Custom Accordion ----*/



.aligncenter,.gallery-item a{display: block}
.alignleft{float: left; margin-right: 15px; margin-bottom: 10px}
.alignright{float: right; margin-left: 15px; margin-bottom: 10px}
.aligncenter{margin-left: auto; margin-right: auto}
.wp-caption{max-width: 100%;padding: 4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style: italic; font-size: 12px; font-size: .857142857rem; line-height: 2;}
.full-img { position: relative;}
.full-img img{ width: 100%; height: auto; position: relative; z-index: 2;}

#page{ overflow: hidden; padding-top: 0;}
.ratio .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit{min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff{ color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color: var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color: var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child,  h1:last-child, p:last-child, ul:last-child,  ol:last-child{ margin-bottom: 0;}

/*----
Custom Site Style ----*/

.banner{background: linear-gradient(180deg, #fff 0%, #DEE8F3 100%); position: relative;}
.banner .container{ /*height: 557px;*/ display: flex; color: var(--bs-secondary); padding-top: 181px;}
.banner .container .d-flex > *{ margin: 0;}
.banner .container .banner-btns{ display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-start; width: 100%;}
.banner .container:after{ background-image: url(../images/theme-img/banner-water-mark.svg); height: 139px; width: 109px; position: absolute; top: 157px; left: 41%; content: '';}
.banner .container .w-100{ position: relative; z-index:10}
/*.page-banner .container{ height: 511px; padding-top: 0; align-items: center; display: flex;}
.page-banner .container .w-100{ padding-top: 84px;}
.page-banner .container:after{ display: none;}*/

.header{ position: fixed; position: fixed; top: 16px; z-index: 1000; padding: 0 12px; left: 0; right: 0;}
.header .header-inner{ border-radius: 16px; border: 2px solid #F5F5F5; background: #FFF; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); padding: 16px 24px; width: 100%; max-width: 1408px; margin-left: auto; margin-right: auto; display: flex; align-items: center;}

.section{ padding: 80px 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.section-lt-grad{background: linear-gradient(90deg, rgba(255, 255, 255, 0.90) 0%, rgba(250, 252, 253, 0.95) 50%, rgba(243, 247, 251, 0.98) 75%, #EAF1F8 100%);}
.difference-section .title h2{ padding-left: 20px; margin-bottom: 24px; position: relative;}
.difference-section .title h2:before{background: linear-gradient(0deg,rgba(92, 144, 194, 1) 0%, rgba(24, 47, 88, 1) 100%); position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 4px;}
.difference-section .title{ margin-bottom: 32px;}

.principle-list{ display: flex; flex-direction: column; gap: 24px;}
.principle-list .d-flex{ border-radius: 16px; border: 2px solid #396B96; background: #FFF; padding: 16px; gap: 16px; position: relative;}
.principle-list .d-flex .number{ font-family: var(--bs-heading-font); font-size: 64px; line-height: 1; }
.principle-list .d-flex:before{ border: 0px solid #396B96; border-radius: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; content: ''; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} 
.principle-list .d-flex:hover:before{ border: 4px solid #396B96;}

.home-about-section .full-img{ max-width: 506px; margin-left: auto; margin-right: auto; width: auto;}
.home-about-section .full-img img{ border-radius: 16px; background: #EDE9E6; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10);}
.home-about-section .full-img + .text-center{ font-weight: 700; font-family: "Bricolage Grotesque", sans-serif;}
.home-about-section [class*=col-]{ margin-top: 32px;}

.color-022C59, .title-022C59 h1, .title-022C59 h2, .title-022C59 h3, .title-022C59 h4, .title-022C59 h4, .title-022C59 h5{ color: #022C59;}
.benefit-item{ font-weight: 300; text-align: center;}
.benefit-item .icon{ margin: 0 auto 24px; height: 100px; width: 100px; display: flex; align-items: center; justify-content: center;}
.benefit-item h5{ font-family: "Bricolage Grotesque", sans-serif; font-size: 22px; margin-bottom: 10px;}
.benefit-item h5, .benefit-item p{ max-width: 315px; margin-left: auto; margin-right: auto;}
.become-member-section .item h3{font-family: "Bricolage Grotesque", sans-serif; margin-bottom: 10px;}
.become-member-section .item + .item{ margin-top: 32px;}

.TestiSlider .item{ padding: 0 45px 48px; font-weight: 300; text-align: center;}
.TestiSlider .item blockquote{ margin: 0; padding: 0;}
.TestiSlider .item cite{ font-style: normal;}
.TestiSlider .slick-dots{ margin: 0; position: absolute; bottom: 0; left: 0; right: 0;} 
.TestiSlider .slick-next, .TestiSlider .slick-prev, .TestiSlider .slick-next:hover, .TestiSlider .slick-prev:hover{ background-color: transparent; box-shadow: none; width: auto; height: auto; color: #29456D; line-height: 1; margin-top: -60px;}
.TestiSlider .slick-next::before, .TestiSlider .slick-prev::before{ font-size: 32px;}
.TestiSlider .slick-next{ right: 0;}
.TestiSlider .slick-prev{ left: 0;}

.TestiSlider-2 .item{ padding: 0 45px 48px; font-weight: 300; text-align: center;}
.TestiSlider-2 .item blockquote{ margin: 0; padding: 0;}
.TestiSlider-2 .item cite{ font-style: normal;}
.TestiSlider-2 .slick-dots{ margin: 0; position: absolute; bottom: 0; left: 0; right: 0;} 
.TestiSlider-2 .slick-next, .TestiSlider-2 .slick-prev, .TestiSlider-2 .slick-next:hover, .TestiSlider .slick-prev:hover{ background-color: transparent; box-shadow: none; width: auto; height: auto; color: #29456D; line-height: 1; margin-top: -60px;}
.TestiSlider-2 .slick-next::before, .TestiSlider .slick-prev::before{ font-size: 32px;}
.TestiSlider-2 .slick-next{ right: 0;}
.TestiSlider-2 .slick-prev{ left: 0;}

.mb-32{ margin-bottom: 32px !important;}
.mt-32{ margin-top: 32px !important;}

.post-row{ color: #000; text-decoration: none;}
.post-row span{ border-radius: 50%; background: #182F58; color: #fff; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center;}
.post-row h5{ font-weight: 700;}
.post-row .ratio-1x1 { --bs-aspect-ratio: 94%; overflow: hidden; border-radius: 16px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.10);}

.cta-section{ background-color: #24456E; color: #fff;}
.cta-section .container{ height: 388px; display: flex;}
.cta-section .container .d-flex > *{ margin: 0;}
.cta-section .container .btns{ display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding-top: 16px;}
.cta-section .container .w-100{ position: relative; z-index:10}

.newsletter{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #24456E; padding: 28px 0; color: #fff;}
.newsletter form{ display: flex; border-radius: 56px; background: #FFF; padding: 10px 10px 10px 24px;}
.newsletter form .form-control, .newsletter input[type=text], .newsletter input[type=email], .newsletter .tnp-field.tnp-field-email{ padding: 0; flex-grow: 1; border-radius: 0; border: none; font-size: 14px; align-items: center}
.newsletter .tnp-subscription input[type="text"], 
.newsletter .tnp-subscription input[type="email"], 
.newsletter .tnp-profile input[type="email"]{ background: none; border: none; height: 48px; padding: 0;}

.newsletter input[type=submit], .newsletter .btn, .newsletter .tnp-field input[type="submit"]{font-size: 16px; padding: 10px 24px;}
.newsletter div.tnp-subscription, .newsletter form.tnp-subscription, .newsletter form.tnp-profile{ margin: 0; max-width: 100%}
.newsletter .tnp-subscription div.tnp-field, .newsletter .tnp-profile div.tnp-field{ margin: 0;}


.footer{ color: #fff; background: #24456E; }
.footer a{color: #fff; text-decoration: none;}
.footer a:hover{ color: #fff; text-decoration: underline;}
.footer-top{ padding: 48px 0;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none; display: flex; gap: 24px; font-weight: 700; flex-direction: column;}
.footer-top h6{ font-weight: 700; margin-bottom: 32px;}
.footer-top .contact-info .d-flex{ gap: 16px; font-size: 14px;}
.footer-top .contact-info .icon{ height: 40px; width: 40px; background-color: #fff; border-radius: 50%; color: #182F58; display: flex; align-items: center; justify-content: center;}
.footer-bottom{background: rgba(255, 255, 255, 0.10); padding: 16px; text-align: center; font-size: 14px;}
.footer-bottom a{ text-decoration: underline; font-weight: 700;}
.footer-bottom a:hover{ text-decoration: none;}

.menu-btn{ margin-left: 16px; background: none; border: none; font-size: 24px;}
.mobile-logo { width: 130px;}

.philosophy-section{ position: relative;}
.philosophy-section::before{ background-color: #fff; height: 128px; z-index: 1; top: 0; left: 0; right: 0; content: ''; position: absolute;}
.philosophy-section .logo{ height: 200px; width: 200px; margin: 0 auto 8px; overflow: hidden; border-radius: 50%; box-shadow: 4px 4px 24px 0 rgba(24, 47, 88, 0.34); position: relative; z-index: 100;}
.philosophy-section h2{ margin-bottom: 32px;}
.philosophy-section h3{ margin-bottom: 8px;}
.philosophy-section hr{ opacity: 1; border-color: #000; margin: 32px 0;}

.form-content{border-radius: 16px; border: 2px solid #396B96; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(92, 144, 194, 0.50);}

.member-benefits .title h3{ padding-left: 20px; margin-bottom: 24px; position: relative;}
.member-benefits .title h3:before{background: linear-gradient(0deg,rgba(92, 144, 194, 1) 0%, rgba(24, 47, 88, 1) 100%); position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 4px;}
.benefit-collapse{ margin-top: 34px;}
.benefit-collapse .item{ border-radius: 16px; border: 2px solid #396B96; background: #FFF; display: flex; gap: 48px;}
.benefit-collapse .item .number{ font-family: var(--bs-heading-font); font-size: 64px; line-height: 1; }
.benefit-collapse .item.active:before{ border: 0px solid #396B96; border-radius: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; content: ''; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} 

.member-benefits .accordionjs .acc_section{counter-increment: my-counter; border-radius: 16px; border: 2px solid #396B96; background: #FFF; padding: 48px 48px 48px 130px;}
.member-benefits  .accordionjs .acc_section.acc_active{ color: #000; border-radius: 16px; border: 4px solid #396B96; background: #FFF; box-shadow: 2px 2px 10px 0 rgba(24, 47, 88, 0.24);}   
.member-benefits .accordionjs .acc_section:before { content: counter(my-counter) ". "; /* Display counter */ font-weight: bold; position: absolute; font-family: var(--bs-heading-font); font-size: 64px; line-height: 1; top: 50%; left: 48px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); font-weight: 400;}
.member-benefits  .accordionjs .acc_section.acc_active:before{ top: 50px; transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%);}
.member-benefits .accordionjs .acc_section > .acc_head, .member-benefits .accordionjs .acc_section .acc_content{ font-size: 16px;}
.member-benefits .accordionjs .acc_section.acc_active > .acc_head{ font-weight: 400;}
.member-benefits .accordionjs .acc_section.acc_active > .acc_head{ padding-bottom: 0;}
.member-benefits .accordionjs .acc_section .acc_content{ border-top: 0; padding-top: 10px;}
.member-benefits .accordionjs .acc_section .acc_content ul{ padding: 0; list-style: none; display: flex; gap: 10px; flex-direction: column;}
.member-benefits .accordionjs .acc_section .acc_content ul li{ background-image: url(../images/theme-img/bullet.svg); background-position: left 2px; background-repeat: no-repeat; padding-left: 32px;}
.member-benefits .accordionjs .acc_section .acc_head span{ padding-right: 36px;}
.member-benefits .accordionjs .acc_section .acc_head span::after { color: #396B96; font-size: 24px;}

.img-rounded img{ border-radius: 16px;}
[class*=content-gap-] > * {margin-bottom: 0;}
.content-gap-30{ gap: 30px;}

.member-cta{background: #24456E; position: relative; overflow: hidden; color: #fff; padding: 48px 0; text-align: center;}
.member-cta:before, .member-cta:after{ position: absolute; top: 0; bottom:0; height: 100%; content: '';}
.member-cta:before{background-image: url(../images/theme-img/cta-left-bg.png); background-position: left center; width: 130px; left: 0;}
.member-cta:after{background-image: url(../images/theme-img/cta-right-bg.png); background-position: right center; width: 154px; right: 0;}


.table-content .row-head .col-4{padding: 12px 0 24px 0; text-align: center;}
.table-content .row-head .col-4:last-child{ border-radius: 6px 6px 0 0 ;  background-color: rgba(255, 255, 255, 0.20);}
.table-content .row-cell .title, .table-content .row-cell .item-content{ height: 56px; display: flex; align-items: center;}
.table-content .row-cell .title + .title, .table-content .row-cell .item-content + .item-content{ border-top: 1px solid #fff;}
.table-content .row-cell .item-content{ justify-content: center;}
.table-content .row-cell .col-xl-5 .row .col-4:last-child .item-content{background-color: rgba(255, 255, 255, 0.20);}
.table-content .row-cell .col-xl-5 .row .col-4:last-child .item-content:last-child{ border-radius: 0 0 6px 6px;}

.page-banner{background: linear-gradient(180deg, #fff 0%, #DEE8F3 100%); position: relative; position: relative; display: flex; justify-content: flex-end; color: #182F58;}
.page-banner h1{ color: #022C59;}
/*.page-banner .full-img{ width: 52%;}*/
.page-banner .container{ position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 100; display: flex; align-items: center; flex-direction: column; justify-content: center;} 
.page-banner .container .w-100{ padding-top: 84px;}
.page-banner .container .d-flex > *{ margin-bottom: 0;}

.member-item{ border-radius: 16px; overflow: hidden; text-align: center;}
.member-item .content{ padding: 24px; text-align: center; font-size: 14px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.70) 100%), rgba(92, 144, 194, 0.50);}
.member-item .content .member-bio{ padding: 13px 0;}
.member-item .content a{ color: #182F58; font-size: 16px;}
.member-item .content p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}
.member-item .content h4{ font-family: var(--bs-heading-font); font-weight: 400;}
.alffilication-logo {border-radius: 7px; border: 1px solid #EEE; padding: 15px 29px; display: flex; align-items: center;}

.page-wrapper{ padding-top: 132px; position: relative; z-index: 10;}

.breadcrumb-page{background: #396B96;}
.breadcrumb-items{ color: #fff; padding: 12px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; justify-content: center;}
.breadcrumb-items span{ display:flex; align-items: center; color:#fff; }
.breadcrumb-items span a{ display:block; color:#fff;  text-decoration:underline;}
.breadcrumb-items > span::after{ content:'>'; margin:0 10px 0 10px; vertical-align:middle; text-decoration: none !important;}
.breadcrumb-items > span:last-child:after{ display:none; }
.breadcrumb-items .current-item{ text-decoration: none;}


.member-banner h1, .member-item .content h4{ display: flex; flex-wrap: wrap;}
.member-banner h1 span:before, .member-item .content h4 span:before{ content: ","; margin-right: 5px}
.member-banner, .resource-banner{background: #2A456D; border-bottom: 12px solid #396B96; padding: 40px 0;}
.member-banner .meta{ margin-top: 29px; padding-top: 29px; border-top: 1px solid rgba(255, 255, 255, 0.20);}
.member-banner .meta p{ margin: 0;}
.member-banner .award img{ mix-blend-mode: color-dodge;}

.bio-deatils blockquote{ color: #fff; border-radius: 10px; background: #396B96 url(../images/theme-img/quote.svg) no-repeat 24px 24px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.10); padding: 20px;}
.bio-deatils blockquote p{ font-weight: 600;}
.bio-deatils blockquote p:last-child{ font-size: 80%; font-weight: 400;}

.full-page-banner .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.full-page-banner .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.full-page-banner .full-img::before{background: linear-gradient(90deg, rgba(59, 99, 144, 0.00) 0%, rgba(59, 99, 144, 0.70) 29.4%, rgba(59, 99, 144, 0.80) 50%, rgba(59, 99, 144, 0.70) 63.46%, rgba(59, 99, 144, 0.00) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; content: '';}
.full-page-banner .container{ position: relative; height: auto; padding-top: 10px; padding-bottom: 40px;}
.full-page-banner .container .w-100{ padding-top: 100px;}

.contact-form {border-radius: 16px 16px 0 0; border: 2px solid #F5F5F5; background: #FFF;}
.contact-form + .info{border-radius: 0 0 16px 16px; background: #396B96; padding: 24px; display: flex; flex-direction: column; gap: 16px;}
.contact-form + .info .d-flex{ gap: 16px; font-size: 14px; color: #fff; text-decoration: none;}
.contact-form + .info .d-flex .icon{ height: 40px; width: 40px; background-color: #fff; border-radius: 50%; color: #182F58; display: flex; align-items: center; justify-content: center;}



.map {height: 300px; position: relative; width: 100%; border-radius: 16px; overflow: hidden; margin-top: 30px;}
.map .map-inner { bottom: 0; left: 0; position: absolute; top: 0; width: 100%;}
.map .map-inner iframe { height: 100%; width: 100%;}
.resource-banner .container{ display: flex; flex-direction: column; gap: 30px;}
.resource-banner .container > *{ margin: 0;}
.resource-banner .container ul{ display: flex; justify-content: center; margin: 0; padding: 0; list-style: none;}
.resource-banner .container ul li + li::before{ content: "|"; margin: 0 10px; float: left;}

.resources-content{ display: flex; flex-direction: column; gap: 16px;}
.resources-content > *{ margin-bottom: 0;}
.resources-content > * + h2, .resources-content > * + h3, .resources-content > * + h4, .resources-content > * + h5, .resources-content > * + h6{ padding-top: 24px;}
.resources-content  .btn{ font-size: 16px; padding: 10px 24px;}

.resource-quote{ padding: 24px; gap: 24px; background-image: url(../images/wave-bg.png); background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 16px; color: #fff; display: flex; flex-direction: column; }
.resource-quote blockquote{ margin: 0; padding: 0; background-image: url(../images/theme-img/quote-light.svg); background-position: top left; background-repeat: no-repeat; padding-top: 72px;}
.resource-quote cite{ padding-top: 16px; border-top: 1px solid #fff; width: fit-content; font-style: normal; display: flex; flex-direction: column; gap: 10px;}
.resource-quote cite small{ font-size: 66.666666666667%;}

.img-shadow{border-radius: 16px; background: #EDE9E6; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10); overflow: hidden;}
.content-style{ padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px;}
.content-style li{ background-image: url(../images/theme-img/checkmark.svg); background-position: left 2px; background-repeat: no-repeat; padding-left: 32px;}

.faq-section .accordionjs .acc_section{border-radius: 16px; border: 2px solid #DFDFDF; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.70) 100%), rgba(92, 144, 194, 0.50);}
.faq-section .accordionjs .acc_section.acc_active { color: #fff; background: #396B96; border-color: #396B96; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.10);}

.accepting{ font-size: 15px; padding: 10px; text-align: center; display: block; font-weight: bold; text-transform: uppercase; }

.new-contact-page{ position: relative;}
.new-contact-page .intro-content{ border-bottom: 1px solid var(--bs-black); color: #032e5a;}
.new-contact-page .intro-content > *{ margin-bottom: 0;}
.new-contact-page .intro-content h3 {font-family: var(--bs-heading-font); font-weight: 400}

.new-contact-page .contact-form{ border-radius: 16px;}
.new-contact-page .contact-info .d-flex{ gap: 16px; font-size: 18px; color: var(--bs-body-color); text-decoration: none;}
.new-contact-page .contact-info .icon{ height: 48px; width: 48px; background-color: transparent; border-radius: 0;display: flex; align-items: center; justify-content: center;}
.new-contact-page .contact-info .icon img{ width: 40px; height: auto}

.new-contact-page .form-control, 
.new-contact-page input[type="date"], 
.new-contact-page input[type="email"], 
.new-contact-page input[type="file"], 
.new-contact-page input[type="month"], 
.new-contact-page input[type="number"], 
.new-contact-page input[type="password"], 
.new-contact-page input[type="search"], 
.new-contact-page input[type="tel"], 
.new-contact-page input[type="text"], 
.new-contact-page input[type="time"], 
.new-contact-page input[type="url"], 
.new-contact-page input[type="week"], textarea,
.new-contact-page select
{ border-radius: 0; padding-right: 1.5rem; padding-left: 1.5rem;}
.new-contact-page input[type="submit"]{ margin-left: auto; margin-right: auto; display: block;}
.nf-field-element textarea { border-radius: 30px !important;}

/*----
Custom Site Style ----*/


@media (min-width: 320px) {
h1, .new-contact-page .intro-content h3{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3 {font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18, .new-contact-page .contact-info .d-flex{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20, .bio-deatils blockquote{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
.h1-56 h1, .h2-56 h2, .h2-56 h3{font-size: calc(2rem + ((1vw - 3.2px) * 2.2222));}
.h2-52 h2, .h3-52 h3{font-size: calc(1.875rem + ((1vw - 3.2px) * 2.037));}
.new-contact-page .intro-content h2{font-size: clamp(2.5rem, 2.0555555555555554rem + 2.2222222222222223vw, 4rem);}
}

@media (min-width: 1400px) {
h1, .new-contact-page .intro-content h3{font-size: 48px;}
h2{font-size: 40px;}
h3{font-size: 32px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
.font-18, .new-contact-page .contact-info .d-flex{font-size: 18px;}
.font-20, .bio-deatils blockquote{ font-size: 20px;}
.font-24{ font-size: 24px;}
.h1-56 h1, .h2-56 h2, .h2-56 h3{font-size: 56px;}
.h2-52 h2, .h3-52 h3{font-size: 52px;}
.member-cta h3{ font-size: 36px;}
.section-faq h4{ font-size: 22px}
.new-contact-page .intro-content h2 {font-size: 64px}
}

@media (min-width: 576px) {
.principle-list .d-flex{ gap: 24px; padding: 24px;}
.resource-quote{ padding: 24px; gap: 24px;}
}

@media (min-width: 768px) {
.principle-list .d-flex{ gap: 32px; padding: 32px;}
.h1-56 h1, .h2-56 h2, .h2-56 h3{ letter-spacing: -1.12px;}
.h2-52 h2, .h3-52 h3{ letter-spacing: -1.04px;}
.full-page-banner .container{ position: relative; height: 380px; padding-top: 0; padding-bottom: 0;}
.contact-form + .info{ flex-direction: row; gap: 0;}
.contact-form + .info .d-flex + .d-flex{ margin-left: auto;}
.map{ margin-top: 50px;}
.resource-quote{ padding: 32px; gap: 32px;}
.bio-deatils blockquote{ padding: 32px}
}

@media (min-width: 992px) {
/*.banner .full-img{ min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; width: 48.333333333333%; overflow: hidden; flex: 0 0 auto; display: flex;}
.banner .full-img img{ flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}*/

.banner .ratio, .page-banner .ratio{width: 49%;}
.banner .ratio-4x3, .page-banner .ratio-4x3 {--bs-aspect-ratio: 85%;}
.banner .full-img:after{ background-image: url(../images/theme-img/banner-shape.png); background-position: left center; background-repeat: no-repeat; background-size: cover; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
.banner .container, .page-banner .container{ position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); padding-top: 0; align-items: center}

.page-banner .full-img:after{ display: none;}
.principle-list .d-flex{ gap: 48px; padding: 48px;}
/*.cta-section .full-img{ min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; overflow: hidden; flex: 0 0 auto; display: flex;}
.cta-section .full-img img{ flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}*/
.cta-section{ display: flex; justify-content: flex-end;}
/*.cta-section .full-img:after{ background-image: url(../images/theme-img/cta-shape.png); background-position: left center; background-repeat: no-repeat; background-size: cover; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}*/
	
.cta-section .full-img{width: 59%;}
.cta-section .container{ position: absolute; top: 0; bottom:0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cta-section .shape-img{ position: absolute; top: 0; bottom:0; right: 0; left: 0; z-index: 15;}

.cta-section .container h2{ position: relative; padding-left: 20px;}
.cta-section .container h2:before{background: linear-gradient(0deg,rgba(130, 85, 2, 1) 0%, rgba(232, 185, 3, 1) 100%); position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 4px;}
.full-page-banner .container{ position: relative; height: 420px; padding-top: 0; padding-bottom: 0;}
.contact-form + .info{ padding-left: 120px; padding-right: 120px;}
.map {height: 420px; margin-top: 80px;}

.resource-quote{ padding: 48px; gap: 48px;}
.bio-deatils blockquote{ padding-bottom: 32px}
.new-contact-page .intro-content:after{ background-image: url(../images/e-icon.png); height: 80px; width: 62px; z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; margin-top: -24px; margin-left: -24px; content: ''; pointer-events: none;}
}

@media (min-width: 1200px) {
.cta-section .full-img{width: 58.055555555556%;}
/*.page-banner .full-img{ width: 50%;}*/
.resource-quote{ padding: 64px; gap: 64px;}
.bio-deatils blockquote{ padding: 48px}
.banner .ratio-4x3, .page-banner .ratio-4x3 {--bs-aspect-ratio: 75%;}
}

@media (min-width: 1400px) {	
.page-banner .image-fit, .banner .image-fit{ width: 49%; height: 567px}
.page-banner .image-fit img, .banner .image-fit img{ object-position: center;}
.banner .image-fit:after{ background-image: url(../images/theme-img/banner-shape.png); background-position: left center; background-repeat: no-repeat; background-size: cover; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
}

@media (min-width: 1600px) {	
.full-page-banner .full-img, .full-page-banner .full-img img{ display: block; width: 100%; position: relative; top: auto; left: auto; right: auto; bottom: auto;}
.full-page-banner .container{ position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); height: auto;}
}

@media (min-width: 1600px) {	
.cta-section .full-img{width: 52%;}	
}

.nf-form-fields-required{ display: none;}
.nf-form-cont{ font-size: 16px;}


.full-page-banner .btn-primary {
  --bs-btn-color: #396B96;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5195c8;
  --bs-btn-hover-border-color: #5195c8;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5195c8;
  --bs-btn-active-border-color: #5195c8;
}


.so-rounded.panel-widget-style input[type="date"],
.so-rounded.panel-widget-style input[type="email"],
.so-rounded.panel-widget-style input[type="file"],
.so-rounded.panel-widget-style input[type="month"],
.so-rounded.panel-widget-style input[type="number"],
.so-rounded.panel-widget-style input[type="password"],
.so-rounded.panel-widget-style input[type="search"],
.so-rounded.panel-widget-style input[type="tel"],
.so-rounded.panel-widget-style input[type="text"],
.so-rounded.panel-widget-style input[type="time"],
.so-rounded.panel-widget-style input[type="url"],
.so-rounded.panel-widget-style input[type="week"],
.so-rounded.panel-widget-style textarea,
.so-rounded.panel-widget-style select{
  display: block;
  padding: 1.25rem;
  border: 2px solid #dfdfdf;
  border-radius: 0 !important;
}

.so-rounded.panel-widget-style select[multiple]{ background-image: none !important; height: 200px;}