/*
Theme Name: Mareana V2
*/

body {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	overflow-x: hidden;
}
header {
    position: relative;
    width: 100%;
    z-index: 9;
    /* padding: 5px 0; */
}
a {
	color:#105D92
}
header a.nav-link {
    font-size: 15px;
    color: #000;
}
a.learn-more {
	position:absolute;
	bottom:0
}
#bannerSlider h1, #bannerSlider h2 {
	font-size: 96px;
	font-weight: 400;
	line-height: 1.05;
}
h2 {
	font-size: 40px;
	line-height: 60px;
	margin-bottom: 20px;
	font-weight:400
}
.lh-30 p {
	line-height:30px;
}
.br-100 {
	border-radius: 100px;
}
.fw-600 {
	font-weight:600
}
.br-10 {
	border-radius: 10px;
}
.blue-btn {
	background-color: #105D92;
	border:1px solid #105D92;
	color: #fff;
	padding: 10px 18px 10px 18px;
	transition: .5s;
}
.ghost-btn {
	background-color: #fff;
	border:1px solid #000;
	padding: 10px 18px 10px 18px;
	transition: .5s;
}
.gap-5 {
	
}
.gap-10 {
	column-gap: 40px;
}
#bannerSlider .carousel-indicators {
    position: relative;
    justify-content: start;
    margin: 0;
}
#bannerSlider ol.carousel-indicators li.active {
    background: #EE3C25 !important;
}
#bannerSlider ol.carousel-indicators li {
    background: #ababab !important;
    height: 0px;
    width: 10px;
    color: transparent;
    font-size: 1px;
    line-height: 0;
    width: 20px;
    border-radius: 100px;
    margin-top: 35px;
}

.clear-btn {
	background: none;
	border: none;
	padding: 0;
}
.custom-check-icon ul li:before {
    content: "";
    margin-right: 12px;
    width: 10px;
    height: 10px;
    background: #F05946;
    display: block;
    /* display: inline-flex; */
    position: absolute;
	left: -20px;
    top: 5px;
}
.custom-check-icon ul li {
	margin:7px 0;
	position:relative
}
.custom-check-icon ul {
	list-style: none;
	padding: 0;
	margin:30px 0;
	padding-left: 20px;
}
a {
	text-decoration: none;
}
.fluid-image {
    background: url(images/fluid-image.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 33%;
    min-height: 1300px;
}

.number {
	font-family: "Barlow";	
}
.counting-home .number {
    font-size: 96px;
    display: flex;
    line-height: 1.2;
}
.gap-30 {
	column-gap: 30px;
}
.counting-home .number span {
	font-size: 60px;
}
@media(min-width:1200px) {
	.mt-150	{
		margin-top: 150px;
	}
}

.featured-image-ig {
    width: 150px;
    height: 173px;
}
.featured-image-ig img {
    object-fit: cover;
}
.mr-2 {
	margin-right: 10px;
}

.carousel h3 {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight:400
}
h3 {
	font-size: 20px;
}
.resources img.featured-image {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 10px;
}

.resources .learn-more:hover img {
    position: relative;
    right: -3px;
}

.orange-bg {
	background: #F05946;
}
.full-width {
	width: 100%;
}

section.contact-us h2 {
	font-size: 50px;
}

.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 email:focus {
	outline: none;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 email {
	width: 100%;
	border: none;
    border-bottom: 1px solid;
}
.wpcf7-submit.blue-btn {
    width: 100px;
    border-radius: 100px;
}

.form-btn p {
    text-align: right;
    position: relative;
}

.wpcf7-spinner {
    position: absolute !important;
    right: 93px;
    top: 11px;
}
.p-relative {
	position: relative;
}
.sprite-logo {
	position: absolute;
	bottom: 25px;
	right: 25px;
}
.wpcf7-form-control-wrap:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #969696;
}

.wpcf7-form-control-wrap:focus {
	content: "";
	display: none !important;
}

.wpcf7 .remove-border-left .wpcf7-form-control-wrap:before {
	content: "";
	display: none;
}

.wpcf7-not-valid {
    border-bottom: 1px solid red !important;
}
.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	text-align: center;
}
.contact-us textarea {
	height: 100px;
}

.footer-section {
    background: #0F0F0F;
}

.footer-section a {
    color: #B4B4B4;
}

.footer-section ul {
    padding: 0;
	list-style:none
}
.main-title > a {
    color: #fff;
}
.footer-section .sub-menu {
	margin-top: 20px;
	line-height: 2;
}


#bannerSlider video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
.slider-right-content {
	position: relative;
	overflow: hidden;
}
#bannerSlider .slider-left-content p {
    font-size: 20px;
    margin-top: 20px;
    line-height: 30px;
}

.fw-500 {
	font-weight:500
}

.width-600 {
	width: 648px;

}
.resources h2 {
	line-height:1.2
}
input.wpcf7-form-control.wpcf7-submit.blue-btn {
    background-image: url(images/white-round-arrow.svg);
    background-repeat: no-repeat;
    background-position: 17px center;
    width: 128px;
    text-align: right;
    padding: 10px 20px 10px 17px;
	transition:0s
}
input.wpcf7-form-control.wpcf7-submit.blue-btn:hover {
    background-position: 19px center;
}
.blue-btn:hover img {   
    position: relative;
    right: -3px;
}
.ghost-btn:hover img {
    position: relative;
    right: -3px;
}
.innerpage h1 {
	font-size:96px;
	font-weight:400;
	line-height:100px;
	margin-bottom: 20px;
}
h4 {
	font-size:24px;
	font-weight:500;
	line-height: 34px;
}
.fs-20 {
	font-size: 20px;
	line-height: 30px;
}
/* */
.contact-icons img {
	margin-right: 15px;
}

.white-main-menu #mega-menu-primary > li > a.mega-menu-link{
    color:#fff !important;
}

ul.mega-sub-menu li a.mega-menu-link {
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

ul#mega-menu-primary .mega-sub-menu {
box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.1)   !important;
}

/* */

.fs-96 {
    font-size: 96px;
    line-height: 110px;
}
.content-bb ul {
	margin-bottom: 0;
	font-weight: 400;
}
.bg-image-options {
	background-repeat: no-repeat;
	background-size: cover;
    position: relative;
    border-radius: 10px;
    height: 100%;
}


#sticky-header {
    position: sticky;
    top: 50px;
    z-index: 1000;
}
.scrolling-section {
	position: relative;
}
.filterswitch {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
    top: -78px;
    right: 0;
}
.filterswitch > div:first-child {
	padding-right: 20px;
	color: #7E7E85!important;
	font-size: 12px;
}
.filterswitch .switch {
  --_switch-bg-clr: #fff;
  --_switch-padding: 0px;
  --_slider-bg-clr: #F05946; 
  --_slider-bg-clr-on: #F05946; 
  --_slider-txt-clr: #000000;
  --_label-padding: 5px 5px;
  --_switch-easing: cubic-bezier(
    0.47,
    1.64,
    0.41,
    0.8
  );

  width: fit-content;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  isolation: isolate;
	overflow: hidden;
    
}

.filterswitch .switch input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.filterswitch .switch > span {
  color:#fff!important;
  display: grid;
  place-content: center;
  transition: opacity 300ms ease 150ms;
  padding: var(--_label-padding);
}
.filterswitch .switch::before,
.filterswitch .switch::after {
  content: "";
  position: absolute;
  border-radius: 0;
  transition: inset 150ms ease;
}


.filterswitch .switch::before {
  background-color: var(--_slider-bg-clr);
  inset: var(--_switch-padding) 50% var(--_switch-padding)
    var(--_switch-padding);
  transition: inset 500ms var(--_switch-easing),
    background-color 500ms ease;
  z-index: -1;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 1px rgba(255,255,255,.3);
}

.filterswitch .switch::after {
  background-color: var(--_switch-bg-clr);
  inset: 0;
  z-index: -2;
  
}


.filterswitch .switch:has(input:checked)::before {
  background-color: var(--_slider-bg-clr-on);
  inset: var(--_switch-padding) var(--_switch-padding) var(--_switch-padding)
    50%;
}

.filterswitch .switch > span:last-of-type,
.filterswitch .switch > input:checked + span:first-of-type {
 
  color:#000!important;
}
.filterswitch .switch > input:checked ~ span:last-of-type {
  color: #fff!important;
}

.light-mode {
	background-color: #F4F4F4!important;
	color: #070707!important;
}
.gray-text p {
    color:#797979;
}

.gradient-seperator {
    position: relative;
    height: 200px;
    background-color: #fff;
    z-index: 1;
    border-radius: 8px;
}
.gradient-seperator:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    /* background: linear-gradient(180deg, #f06, #4a90e2); */
    border-radius: 0 8px 8px 0;
    background: linear-gradient(180deg, #ffffff, #000000, #ffffff);
    border-radius: 0 8px 8px 0;
}
.box-count {
    max-width: 190px;
    margin: auto;
}

.fs-36 {
    font-size: 36px;
    line-height: 54px;
	font-weight:500
}
.scroll-section .gray-text ul {
    color: #797979;
}
.custom-modal-width {
    max-width: 860px;
}
#request-demo .modal-header {
    border-top: 15px solid red !important;
}
#request-demo button.btn-close {
    font-size: 26px;
    opacity: 1;
    top: 20px;
    position: relative;
    right: 20px;
    z-index: 9;
}

/* WEBINAR */
.webinar-page {
    background: #F5FBFF;
}
.webinar-page h1 {
    font-size: 64px;
    line-height: 70px;
    font-weight: 600;
    color: #fff;
}
.webinar-page h2 {
    font-size: 32px;
    font-weight: 400;
}
.button-style {
    border: 1px solid #fff;
    display: inline-flex;
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff;
    cursor: default;
}

.webinar-page h3 {
    font-size: 16px;
    font-weight: 700;
}

.hb-form-webinar {
    padding: 25px 30px 20px;
    background: #fff;
    border-radius: 20px;
}
.hb-form-webinar input {
    width: 100%;
    border-radius: 100px;
}

.dark-blue-bg {
    background-color: #0A2F50;
    background-image: url(images/webinar/sprite-right.svg);
    background-repeat: no-repeat;
    background-position: right bottom;

}
.dark-blue-bg ul li {
    font-weight: 400;
    margin-bottom: 25px;
    list-style: none;
}
.dark-blue-bg ul li:before {
    content:url(images/webinar/check.svg);
    margin-left: -31px;
    margin-right: 10px;
}
.br-20  {
    border-radius: 20px;
}
.watch-web-btn {
    display: inline-flex;
    padding: 5px 30px;
    font-size: 16px;
    background: #EF3E24;
    border-radius: 100px;
    max-width: 350px;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: #fff;
    border:none;
}
.video-container .col-lg-5{z-index:9999999999 !important}	

@media (max-width:991px) {
    #banner.webinar-page, .single-whitepaper .gated-page {
        height: 100% !important;
        padding-top: 120px !important;        
    } 

    .webinar-page .video-container, .single-whitepaper .video-container {
        height: 100% !important;
    }  
    .webinar-page h1, .single-whitepaper h1 {
        font-size:32px;
        line-height: 38px ;
    } 
    .webinar-page h2, .single-whitepaper h2 {
        font-size: 26px;
        font-weight: 400;
    }
	.dark-blue-bg {
		background-image:none !important
	}
	.pdf-thumb img {
		display:none
	}
	#banner	.fs-20 {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (min-width: 992px) and (max-width:1199px ){
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size:12px !important
	}	
}
@media (min-width: 992px) {
    .innerpage-web {
        height: 670px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .innerpage-web .container {
        height: 670px;
        display: flex;
        align-content: center;
        top: 0;
        right: 0%;
        left: 0%;
    }   

}

.broken_link, a.broken_link {
  text-decoration: underline !important;
}