/* .footer-main, #mydiv{display: none !important;} */
/*for header changes */
.headerWrapper{
	background: #fff !important;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,.1) !important;
  }
  .navigation-section.headerNav>.menu-my-menu-container>ul>li>a{color: #000 !important}
  .header-call-number{    border: 1px solid #000 !important;background: #000 !important;color: #fff !important;}
  .header-call-icon{border:1px solid #000 !important;}
  .header-call .fa-phone, .headerWrapper .nav_button span i {color: #000 !important; }
  .headerWrapper .white-logo{display: none !important;}
  .headerWrapper .blue-logo{display: block !important; }
  .getStartedBtn:hover{border:1px solid #2571f0 !important;}

  /*End*/

.development-wrap{display: none;}
.podcast-info{padding: 180px 20px 90px;}
.podcast-info h1{font-size: 90px; font-family: "Robotoblack"; color: #1a58ff; text-transform: uppercase; text-align: center;line-height: 75px;}
.podcast-info .div{width: 296px;height: 4px;background-color: #ffcf03;margin: 45px auto 60px;}
.podcast-info p{font-size: 24px; font-family: "Robotomedium"; color: rgb(45, 48, 65); line-height: 1.583; text-align: center;max-width: 1200px;margin: 0 auto;font-weight: 500;letter-spacing: 1px;}
.first-wrap{width: 1520px;margin:0 auto;max-width: 100%;}
.episodes-wrapper{background-color: #f5f5f5;}
.podcast-main-wrapper:nth-child(2){background-color: #f5f5f5;}
.episodes-wrapper{padding: 95px 0 95px;}
.episodes-wrapper h2{font-size: 49px; font-family: "Robotoblack",sans-serif; color: rgb(28, 92, 251); text-align: left;padding-bottom: 21px;border-bottom: 4px solid #ffcf03;display: inline-block;text-transform: capitalize;line-height: 49px;}
.episodes-wrapper p{font-size: 22px; font-family: "Roboto",sans-serif; color: rgb(45, 48, 65); line-height: 1.636; text-align: left;margin-top: 35px;font-weight: 500;}
.episode-box{background-color: #fff;border-radius: 15px;margin-top: 55px;padding: 45px;}
.episode-img{background-color: #ebedec;border-radius: 10px;}
.episode-img img{border-radius: 10px;}
.episode-box h3{font-size: 35px; font-family: "Robotoblack",sans-serif; color: rgb(28, 92, 241); line-height: 1.208; text-align: left;font-weight: 700;margin-bottom: 5px;}
.episode-box h5{font-size: 15px; font-family: "Robotomedium",sans-serif; color: rgb(47, 50, 55); line-height: 2.4; text-align: left;font-weight: 500;}
.episode-box h5 span{margin: 0 25px;}
.episode-box audio{max-width: 100%;}
.episode-box p{margin-top: 10px;}
.host-wrap{margin-top: 50px;}
.host-wrap .col-md-4, .host-wrap .col-md-3{border-radius: 15px;position: relative;display: flex;overflow: hidden;}

.host-wrap .col-md-4:hover:before, .host-wrap .col-md-3:hover:before{display: block;}
.host-wrap .col-md-4:hover .host-hover, .host-wrap .col-md-3:hover .host-hover{bottom: 0;transition: bottom 0.8s ease;}
.host-wrap img{border-radius: 15px; width: 100%;}
.host-hover{position: absolute;left: 0;right: 0;top: 0px;bottom: -167%;text-align: center;    display: flex;
    justify-content: center;cursor: pointer;
    align-items: center;
    flex-direction: column;transition: bottom 0.8s ease;}
.host-hover p{font-size: 32px; font-family: "Robotoblack"; color: rgb(254, 254, 255); text-align: center;}
.host-hover .linkedin{width: 80px;height: 80px;}
.host-wrap .col-md-3:before{position: absolute;left: 15px;right: 15px;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5);content: '';border-radius: 15px;display: none;}
.host-hover .linkedin .fa{font-size: 54px;}
.host{background-color: #fff;}
.podcast-subscribe{background: url("../img/sub-bg.png");padding: 100px 20px;position: relative;background-color: #004bca;background-size: cover;}

.sub-box{max-width: 800px;margin: 0 auto;text-align: left;}
.sub-box h2{font-size: 52.8px; font-family: "Robotoblack"; color: rgb(254, 254, 254); text-align: center;letter-spacing: 1px;line-height: 52px;}
.sub-box .div{background-color: #ffd101; max-width: 100%;margin: 35px auto 60px; width: 296px; height: 4px;}
.sub-box p{font-size: 19.5px; font-family: "Robotolight"; color: rgb(254, 254, 254); line-height: 1.897; text-align: center;margin-bottom: 80px;letter-spacing: 1px;font-weight: 300}
.email-form{position: relative;}
.sub-box .form-control{padding: 2rem; font-size: 18px; font-family: "Robotomedium"; font-weight: 500; text-align: left;
border-radius: 40px;    color: #2d3041 !important;
    display: block; width: 100%; line-height: 1.5; color: #495057; 
    background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; 
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;height: 80px;}
.sub-box .btn {font-family: "Robotomedium"; font-size: 18px; color: #2d3041; background-color: #ffd100; position: absolute; right: 8px; top: 7px; padding: .5rem 4rem; font-weight: 500; line-height: 0; height: 3.4rem; border-radius: 34px; border: 2px solid transparent;text-transform: uppercase;}
.episodes-wrapper{background-color: #f5f5f5;}
.host{background-color: #fff;}
.pod {justify-content: center;}
.pod .col-md-4{max-width: 29.3%;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;transition: 0.3s;}
.pod .col-md-4 img{width: 100%;}
/* background-color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; */
.pod .sub-box{padding: 30px 15px;text-align: left;}
.pod .sub-box h2{font-size: 32px; font-family: "Roboto"; font-weight: bold; line-height: 0.829;font-weight: 700;text-align: left;border-bottom: none;color: #2d3041;padding-bottom: 0;}
.pod .sub-box .div{width: 71px;height: 3px;margin: 25px 0 35px;color: #2d3041;}
.pod .sub-box p{text-align: left; font-size: 18px;color: #2d3041; font-family: "Robotolight";  line-height: 1.613; text-align: left;margin-bottom: 0;}
.pod .sub-box button{font-size: 18px; font-family: "Roboto";color: #2d3041;  font-weight: 700; text-transform: uppercase; margin-top: 30px;text-align: center;border:0;height: auto;padding: 0;background-color: transparent;    border-top: 2px solid rgb(183, 183, 183);
    padding-top: 25px; border-radius: 0; display: block; width: 100%; text-align: left;}
.pod .sub-box button i{border-width: 2px; border-color: rgb(45, 48, 65); border-style: solid; border-radius: 50%; width: 24px; height: 22px; text-align: center; color: #000; font-size: 14px;}    
 .pod .col-md-4:hover{
  cursor: pointer;
  
  box-shadow: 0px 13px 22.25px 2.75px rgba(0, 0, 0, 0.3);
 }
  /* .pod .col-md-4:hover .sub-box{background-color: rgb(26, 88, 255);} */
  .pod .col-md-4:hover .sub-box h2, .pod .col-md-4:hover .sub-box p, .pod .col-md-4:hover .sub-box button{color: #fff;}
  .pod .col-md-4:hover .sub-box button i{border-color: #fff;color: #fff;}
#form-link{display: none;}

/* hanif changes  */
.col-episode-wr{
	background-color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;
}
.col-episode-wr:hover{
	background-color: rgb(26, 88, 255);
}
@media screen and (max-width: 1600px) {
	.first-wrap{padding: 0 20px;}
	.podcast-info{padding: 150px 20px 60px}
	.podcast-info h1{font-size: 80px;}
	.podcast-info .div{margin: 35px auto 50px}
	.podcast-info p{font-size: 20px;}
	.episodes-wrapper{padding: 60px 0;}
	.episodes-wrapper h2{font-size: 40px;padding-bottom: 15px;line-height: 40px;}
	.episodes-wrapper p{font-size: 18px;margin-top: 30px;}
	.episode-box{margin: 35px 0 0;padding: 35px;}
	.episode-box h3{font-size: 28px;}
	.host-hover .linkedin{width: 65px;height: 65px;}
	.host-hover .linkedin .fa{font-size: 40px;}
	.sub-box h2{font-size: 44px;line-height: 44px;}
	.podcast-subscribe{padding: 60px 20px;}
	.sub-box p{margin-bottom: 60px;}
	.pod .col-md-4{max-width: 25.3%;}
	.pod .sub-box h2{font-size: 24px;line-height: 24px;}
	.pod .sub-box .div{margin:15px 0 20px;}
	.pod .sub-box{padding: 25px 15px 25px}
	.pod .sub-box p{margin-top: 18px;}
	.pod .sub-box p, .pod .sub-box button{font-size: 16px;}
	.pod .sub-box button{margin-top: 25px;padding-top: 15px;}

}

@media screen and (max-width: 1440px) {
	.podcast-info h1{font-size: 60px;line-height: 60px;}
	.podcast-info p{font-size: 21px;}
	.pod .sub-box button{margin-top: 20px;}
	.pod .sub-box h2{font-size: 22px;}
	.pod .col-md-4{max-width: 33.3%;}
}
@media screen and (max-width: 1360px) {
	.first-wrap{padding: 0 25px;}
}

@media screen and (max-width: 1024px) {
	.podcast-info h1{font-size: 50px;line-height: 50px;}
	.podcast-info .div{margin: 24px auto 40px}
	.episodes-wrapper{padding: 40px 0;}
	.episodes-wrapper p{margin-top: 20px;font-size: 16px;}
	.episode-box{padding: 25px 10px;}
	.episodes-wrapper h2, .sub-box h2{font-size: 34px;line-height: 34px;}
	.episode-box h3{font-size: 26px;}
	.episode-box h5{line-height: 1.6;}
	.host-wrap{margin-top: 30px;}
	.podcast-subscribe{padding: 40px 20px;}
}
@media (min-width: 992px){
	.host-wrap .col-md-4:nth-child(2){margin-top: 0 !important;}
}
@media screen and (max-width: 991px) {
	.host-wrap .col-md-4{min-height: inherit;}
	.host-hover p{margin-bottom: 8px;}
	.host-hover .linkedin{width: 40px;height: 40px;}
	.host-hover .linkedin .fa{font-size: 24px;}
	.sub-box .div{margin: 20px auto 30px;width: 380px;}
	.sub-box p{margin-bottom: 45px;}
	.sub-box .form-control{height: 60px;}
	.sub-box .btn{padding: 0 45px;height: 3.2rem;}
}

@media screen and (max-width: 768px) {
	.podcast-info h1{font-size: 40px;line-height: 40px;}
	.podcast-info .div{width: 140px;}
	.podcast-info p{font-size: 18px;}
	.podcast-info{padding: 125px 20px 40px}
	.episodes-wrapper h2, .sub-box h2{font-size: 28px;line-height: 28px;}
		.episode-box h3{font-size: 22px;}

}

@media screen and (max-width: 767px) {
	.first-wrap{padding: 0 25px;}
	.episode-box{padding: 15px 0;}
	.pod .col-md-4{max-width: inherit;margin-right: 0 !important;padding: 0 15px !important}
	.pod .sub-box{padding: 20px 10px;}
	.pod .col-md-4{margin-bottom: 20px}
	.pod .col-md-4:last-child{margin-bottom: 0px}
	/* .host-wrap .col-md-3:nth-child(2){margin-top: 1.5rem !important;} */
	.host-wrap{
		gap: 15px;
	}
	.host-wrap .col-md-4:before, .host-wrap .col-md-3:before{display: block;}
	.host-hover{bottom: 0;}
}

@media screen and (max-width: 480px) {
	.sub-box .btn{position: relative;width: 100%;right: 0;}
	
	}