/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --black:#000;
	 --white:#fff;
	 --orange:#FF6C58;
	 
	scroll-behavior: auto; 
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--white);
	letter-spacing: 0; line-height: normal;
	  font-family: 'Poppins';
	font-weight: normal;
	scroll-behavior: auto; 
	}


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1200px) {
	.container {
	width:1130px;
	max-width:1130px;
	}
	}
	@media (min-width: 1700px) {
	.container {
	width:1622px;
	max-width:1622px;
	}
	}
.container{ padding: 0 15px; margin: 0 auto; display: block; }
.row{ display: flex;  margin: 0 -15px;;  }
.row>*{ padding: 0 15px;; }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 
	 
}
 
h1 {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.2;
	 font-family: 'Poppins';
	 
}
h2 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	 font-family: 'Poppins';
	 
}
h3 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	 font-family: 'Poppins';
	 
}
h4 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	 font-family: 'Poppins';
 
}
h5 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	 font-family: 'Poppins';
 
}
h6 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	 font-family: 'Poppins';
	 
}
img{ width: auto; height: auto; max-width: 100%;}
p{margin: 0; padding: 0; color: var(--black); font-weight: normal;font-size: 16px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { flex-wrap: wrap; margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}
img{ width: auto;  height: auto; max-width: 100%;}
.main-wapper{ overflow:hidden; }
.header-top{ position: relative; display: flex; align-items: center; min-height: 110px;;   }
.header-top .logo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center;  }
.header-top .logo a{display: flex; align-items: center;  }
.header-top .logo a img{ width: auto; height: auto; max-height: 58px; max-width: 150px; display: flex; align-items: center;  } 
.header-top .ornage-btn{ margin-left: auto;}
.ornage-btn { display: flex; align-items: center; }
.ornage-btn  a{ display: flex; align-items: center; border-radius: 100px;; background: var(--orange);  border: var(--orange) solid 1px;  color: var(--white); padding: 0 20px;;  height: 40px; font-size: 16px;;  }
.ornage-btn  a:hover{ background: var(--white); color: var(--orange); }


 
.banner-block{ min-height: 640px; display: flex ;align-items: center; position: relative; background: var(--orange); border-radius: 30px; overflow: hidden; }
.banner-block .banner-bg-bottom{ z-index: 1; position: absolute; left: 0; bottom: 0; background: url(../images/banner-bg-b.svg) no-repeat left bottom; width: 100%; height: 200px; pointer-events: none; }
.banner-block::after{ width: 646px; height: 646px; border: solid 190px #FF8979; content: ''; position: absolute; top:-85%; border-radius: 100%;  right: -25%; }
.banner-block .banner-img{ display: flex; position: absolute; right: 0; bottom: 0; z-index: 5; }
.banner-block .banner-img img{ width: auto; height: auto; max-height: 606px; }
.banner-text{padding: 0 0 0 100px; max-width: 600px;; position: relative; z-index: 10; }
.banner-text h5{ padding: 0 0 8px; color: var(--white);}
.banner-text h1{ margin: -24px 0 0 0; font-size: 107px; line-height: 0.7; font-family: 'NordiquePro';  font-weight: 600; color: var(--white); }
.banner-text h1 span{   line-height: 0.8;display: block; font-family: 'NordiquePro'; font-weight: bold; }
.banner-text .banner-text-sub{ padding: 24px 0 ; color: var(--white);font-family: 'NordiquePro';  font-weight: 600; font-size: 44px;}
.white-btn { display: flex; align-items: center; }
.white-btn  a{ display: flex; align-items: center; border-radius: 100px;; background: var(--white);  border: var(--white) solid 1px;  color: var(--black); padding: 0 20px;;  height: 40px; font-size: 16px;;  }
.white-btn  a:hover{ background:transparent; color: var(--white); }
.banner-text .white-btn{ padding: 20px 0 0 0; }

.py-112{ padding-top: 112px; padding-bottom: 112px;;}
.pt-112{ padding-top: 112px;}
.pb-112{padding-bottom: 112px;;}

.py-80{ padding-top: 80px; padding-bottom: 80px;;}
.pt-80{ padding-top: 80px;}
.pb-80{padding-bottom: 80px;;}

.py-48{ padding-top: 48px; padding-bottom: 48px;;}
.pt-48{ padding-top: 48px;}
.pb-48{padding-bottom: 48px;;}


.marketing-block{ display: flex ;align-items: center; width: 100%; justify-content: space-between; }
.marketing-block .marketing-left{ width: 400px;}
.marketing-block .marketing-left h6{ font-size: 16px; padding: 0 0 16px; color: var(--orange); font-weight: 600; }
.marketing-left h2{ padding: 0 0 24px; color: var(--black);}
.marketing-left h2 span{ color: var(--orange);}
.marketing-left p{ font-size: 18px;}
.marketing-block .marketing-img-1{ display: flex; margin-left: auto; width: 774px; overflow: hidden; border-radius: 30px;; }
.marketing-block .marketing-img-1 img{ width: 100%; height: auto;}
.marketing-block .marketing-right{ background: url(../images/mike-bg.png) no-repeat center center; background-size: cover; width: 320px;; margin: 0 0 0 12px;  overflow: hidden; border-radius: 30px;; min-height: 640px; display: flex; padding: 32px;; text-align: center; align-items: center; justify-content: center; flex-direction: column;}
.marketing-block .marketing-right .mike-img{ width: 100%; margin: 0 0 32px; display: flex; align-items: center; justify-content: center;}
.marketing-block .marketing-right .mike-img img{ width: auto; height: auto; max-width: 100%;}
.marketing-right .rigts-sub-text h4{ padding: 0 0 24px; color: var(--white);}
.marketing-right .rigts-sub-text h4 span{ color: var(--orange);}
.marketing-right .rigts-sub-text p{ color: var(--white);}


.how-it-block{ display: flex  ; gap: 32px;; align-items: center; padding: 64px; width: 100%; background: #F8F8F8;  border-radius: 30px; overflow: hidden; }
.how-it-block .how-it-left{  min-width:288px ;width:288px ;} 
.how-it-block .how-it-left h3{ padding: 0 0 24px; }
.how-it-block .how-it-left p{ font-size: 16px;;}
.how-it-iconlist{ display: flex; gap: 20px;; }
.how-it-iconlist .icon-box{ display: flex ; align-items: center; justify-content: flex-start; flex-direction: column;  min-height: 208px; background: var(--white); border-radius: 30px;  width: calc(20% - 16px); gap: 24px; padding: 32px; }
.how-it-iconlist .icon-box .icon{ width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.how-it-iconlist .icon-box .icon img{ max-width: 48px; max-height: 48px;; }
.how-it-iconlist .icon-box p{ text-align: center; font-size: 16px;}

.section-title.center-align{ text-align: center; }
.section-title h3{ color: var(--black);}
.section-title h3 span{  color: var(--orange);}
.section-title h3 + p{ padding-top: 24px;  font-size: 18px;}
.Behind-listing{ gap: 20px;; display: flex ; flex-wrap: wrap;}
.Behind-listing .Behind-box {display: flex ; align-items: center; justify-content: flex-start; flex-direction: column;  min-height: 208px; background: #F8F8F8; border-radius: 30px;  width: calc(20% - 16px); gap: 24px; padding: 32px;}
.Behind-listing .Behind-box .icon{ width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.Behind-listing .Behind-box .icon img{ max-width: 48px; max-height: 48px;; }
.Behind-listing .Behind-box p{ text-align: center; font-size: 16px;}


.testimonials-wapper{ background: #FFEAE6;  }

.testi-block-main{ gap: 80px; display: flex ;align-items: center;  }
.testi-block-main .testi-img { border-radius: 30px; overflow: hidden; position: relative;  width: 458px; display: flex;align-items: flex-end; }
.testi-block-main .testi-img::after{ z-index: 1; width: 100%; position: absolute; left: 0; top: 50px; bottom: 0; content: ''; background: var(--white); border-radius: 30px;; }
.testi-block-main .testi-img img{ position: relative; z-index: 2; }
.testi-block-main .testi-text{ width: calc(100% - 458px - 80px );}
.testi-block-main .testi-text h2 span{ color: var(--orange);}


.who-is-block-main{ gap: 32px; position: relative; padding: 64px; justify-content: space-between; display: flex ;align-items: center; background: #F8F8F8; border-radius: 30px;;}
.who-is-block-main .who-is-left{  min-width:288px ;width:288px ;} 
.who-is-block-main .who-is-left h3{ padding: 0 0 24px; }
.who-is-block-main .who-is-left p{ font-size: 16px;;}
.who-is-block-main .bar-line{ background: url(../images/white-bar.svg) no-repeat left bottom; pointer-events: none; z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 200px;; }
.who-is-block-main>*{ position: relative; z-index: 2; }
.who-is-block-main .looking-for{min-width: 300px;; width: 300px; border-radius: 30px; padding: 36px 32px; background: var(--orange);}
.who-is-block-main .looking-for h5{ padding: 0 0 24px; color: var(--white);}
.who-is-block-main .looking-for p{ font-size: 16px;; color: var(--white);}
.who-is-block-main .job-list{ display: flex; gap: 20px;; flex-wrap: wrap; justify-content: flex-end; }
.who-is-block-main .job-list .icon-text{ font-size: 16px;; display: flex ; gap: 24px; padding: 24px; background: var(--white); border-radius: 24px; align-items: center; }
.who-is-block-main .job-list .icon-text i{display: flex; align-items: center; justify-content: center; width: 48px;  height: 48px;   }


#footer{ background: #1D1D1B; }
.footer-top{ display: flex; flex-direction: column; gap: 24px; width: 100%; align-items: center; width: 100%; text-align: center;} 
.footer-top .f-logo{ display: flex; align-items: center; justify-content: center;}
.footer-top .f-logo a{ display: flex; align-items: center; justify-content: center;}
.footer-top .f-logo img{ max-width: 86px; max-height: 40px; width: auto; height: auto; display: flex; align-items: center; justify-content: center;}
.footer-top .org-text{ font-size: 16px; color: var(--white);}
.footer-top .f-get-text{ font-size: 16px; color: var(--white);}
.footer-top .f-get-text p { font-size: 16px; color: var(--white);}
.footer-top .f-get-text a{ color: var(--orange);}
.footer-top .f-get-text a:hover{ opacity: 0.5; }



.Episodes-box{ height: 100%; background: #F8F8F8; border-radius: 20px;; padding: 32px 32px 56px;; width: 100%; display: flex; flex-direction: column;}
.Episodes-slider-block .slick-slide {margin: 0 10px;}
.Episodes-slider-block  .slick-list {margin: 0 -10px;}

.Episodes-box  .img{ width: 100%; height: 458px; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.Episodes-box  .img img{ width: 100%; max-height: 458px; height: auto; display: flex; align-items: center; justify-content: center; }
.Episodes-box .episode-box-inner{ padding: 24px 24px 0; }
.Episodes-box .episode-box-inner .cat {gap: 6px; display: flex; flex-wrap: wrap;}
.Episodes-box .episode-box-inner .cat span{ font-size: 14px; font-weight: 600; color: var(--white); background: var(--orange); border-radius: 4px;; padding: 4px 8px;; }
.Episodes-box .episode-box-inner h5{ padding: 16px 0 8px; }
.Episodes-box .listen-btn{ padding: 24px 0 0 24px; display: flex; margin-top: auto; }

.listen-btn{ display: flex; align-items: center;  }
.listen-btn a{  border-radius: 40px; border: var(--orange) solid 1px; height: 48px; padding: 0 24px; gap: 12px; font-size: 16px;  color: var(--orange); display: flex; align-items: center;  }
.listen-btn a i{ transition: all 0.3s ease-in-out ; width: 24px; height: 24px; background: url(../images/Waveform.svg) no-repeat center center;}
.listen-btn a:hover{ background: var(--orange); color: var(--white); }
.listen-btn a:hover i{ filter: brightness(0) invert(1);}

.slick-slider .slick-arrow{ cursor: pointer; z-index: 10; background:url(../images/right-arrow.svg) no-repeat center center #F8F8F8; border-radius: 10px;; border: #8C8F91 solid 0px; font-size: 0;  width: 48px; height: 48px; position: absolute; right: 0px; bottom: 0; transition: all 0.3s ease-in-out; background-size: 17px auto; }
.slick-slider .slick-arrow.slick-prev{ background:url(../images/left-arrow.svg) no-repeat center center #F8F8F8; border-radius: 10px;  right:64px; background-size: 17px auto;}
.slick-slider .slick-dots{ gap: 8px; display: flex ;align-items: center; position: absolute; left: 0; bottom: 0; height: 48px; display: flex ;align-items: center; }
.slick-slider .slick-dots li{ display: flex; align-items: center;}
.slick-slider .slick-dots li button {width: 8px; height: 8px; border-radius: 10px; background: #0D0000; opacity: 0.2; border: 0; padding: 0;  font-size: 0; }  
.slick-slider .slick-dots .slick-active button{ opacity: 1; background: var(--orange); }
.slick-slider .slick-arrow:hover{ background:url(../images/right-arrow-w.svg) no-repeat center center var(--orange);  background-size: 17px auto;  }
.slick-slider .slick-arrow.slick-prev:hover{ background:url(../images/left-arrow-w.svg) no-repeat center center var(--orange);  background-size: 17px auto; }
.Episodes-slider-block .slick-slider{ padding-bottom: 96px;; }
.Episodes-slider-block .slick-list{ overflow: visible; }
.Episodes-section { overflow: hidden; display: block; }


.contact-block{ display: flex ;   align-items: flex-start; justify-content: space-between;}
.contact-block .ct-img{ width: 28.7%; border-radius: 30px; overflow: hidden;  }
.contact-block .ct-img img{ width: 100%;  height: auto; border-radius: 30px; overflow: hidden;  }
.ct-form{ padding: 32px 0 0 0; }
.ct-form .col-md-6{ width: 50%; }
.ct-form .col-md-12{ width: 100%; }

.ct-form .input-box{ padding: 0 0 24px; width: 100%;}
.ct-form .input-box .input-title{ padding: 0 0 8px; font-size: 16px; width: 100%;}
.ct-form .input-box .input-text,
.ct-form .input-box select{ height: 48px; padding: 0 16px; color: rgba(0,0,0,0.6); font-size: 16px; background: #F8F8F8; border-radius: 8px; border: 0;  width: 100%;}
.ct-form .input-box textarea.input-text{ height: 180px; resize: none; }
.contact-left {width: 66.5%;}
.ct-form .submit-row { display: flex; align-items: center; }
.ct-form .submit-row button{ transition: all 0.3s ease-in-out; cursor: pointer; display: flex; align-items: center; border-radius: 100px;; background: var(--orange);  border: var(--orange) solid 1px;  color: var(--white); padding: 0 20px;;  height: 40px; font-size: 16px;;  }
.ct-form .submit-row button:hover{ background: var(--white); color: var(--orange); }



.newslltaer-block{ background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0 0 0 100px;  position: relative; border-radius: 30px; overflow: hidden; display: flex; align-items: center; min-height: 564px;   }
.newslltaer-block .news-logo{ position: absolute; right: 50px; bottom: 60px;; }
.newslltaer-block .news-logo img{ max-width: 152px;  width: auto; height: auto; }
.newslltaer-data h3{ max-width: 358px; color: var(--white);  }
.newslltaer-data>p{ padding: 24px 0 0 0; color: var(--white); font-size: 18px; max-width: 358px; }
.news-form{ padding: 32px 0 0 0; }
.news-form .form-row{ display: flex ;align-items: center; gap: 16px;;}
.news-form .form-row .input-text{ max-width: 388px;; height: 48px; padding: 0 16px; color: rgba(0,0,0,0.6); font-size: 16px; background: #F8F8F8; border-radius: 8px; border: 0;  width: 100%;}
 
.news-form .form-row   button{ white-space: nowrap;  transition: all 0.3s ease-in-out; cursor: pointer;  display: flex; align-items: center; border-radius: 100px;; background: var(--white);  border: var(--white) solid 1px;  color: var(--black); padding: 0 20px;;  height: 40px; font-size: 16px;;  }
.news-form .form-row   button:hover{ background:transparent; color: var(--white); }
.banner-text .white-btn{ padding: 20px 0 0 0; }

.news-form p{ padding: 16px 0 0 0; font-size: 12px;; color: var(--white);}
.news-form p a{ color: var(--white); text-decoration: underline;}
.newslltaer-block .round-bg{ width: 916px; height: 916px; border: solid 140px var(--orange); content: ''; position: absolute; top:-22%; border-radius: 100%;  right: -24%; }

.Episodes-slider .slick-track{ display: flex;}
.Episodes-slider .slick-track .slick-slide{ height: inherit }


.cls-modal-main{ opacity: 0; visibility: hidden; pointer-events: none; display: flex ;align-items: center; justify-content: center; z-index: 1000; position: fixed; left: 0; top: 0; width: 100%;  height: 100%; } 
.cls-modal-main .modal-bg{ z-index: 10; position: fixed; left: 0; top: 0; width: 100%;  height: 100%;  background: rgba(0,0,0,0.6); }
.cls-modal-main .modal-contain-main{ max-height: 90vh; overflow: auto; padding:60px 30px 30px;  width: 700px; border-radius: 10px; position: relative; z-index: 15; background: #fff ; max-width: 90vw; }
.cls-modal-main .modal-contain-main .modal-close{ z-index: 10; position: absolute; right:10px; top: 10px; }
.cls-modal-main .modal-contain-main .modal-close a{ width: 40px; height: 40px; display: flex ;align-items: center; justify-content: center; background: var(--orange); border-radius: 100px; color: var(--white); font-size: 20px; }
.cls-modal-main .ifram-blk{ margin: 0 0 20px; width: 100%; display: flex;}
.cls-modal-main .ifram-blk audio,
.cls-modal-main .ifram-blk iframe{ width: 100%; }
.modal-data h5{ padding: 0 0 20px; }
.cls-modal-main.active-modal{ opacity:1; visibility: visible; pointer-events: all; }
body.active-modal{ overflow: hidden; }
.modal-data  ul{padding: 20px 0 0 20px;}
.modal-data  ul li{ list-style-type: disc; list-style-position: outside;  display: list-item; }
 
@media (max-width: 767px) {
	.cls-modal-main .modal-contain-main{ padding: 48px 20px 20px; }
	.cls-modal-main .modal-contain-main .modal-close a{ width: 34px ; height: 34px; font-size: 16px;}
}