/*@charset "utf-8";

/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*======font-family: "Poppins", sans-serif;======*/
/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
html, body{overflow-x: hidden;width: 100%; max-width: 100vw;}
html {scroll-padding-top: 120px;}
body { margin: 0; padding: 0; font-family: "Poppins", sans-serif;font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); font-weight: 400; color:#61776B;  background-color: #161A1E;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; margin:0 0 25px; padding:0; color: #fff;font-family: "Poppins", sans-serif;line-height: 1.2; }
h1{ font-size: clamp(1.563rem, 1.404rem + 0.705vw, 2.25rem);}
h2{ font-size: clamp(2.188rem, 1.683rem + 2.244vw, 4.375rem);}
h3{ font-size: clamp(1.25rem, 1.135rem + 0.513vw, 1.75rem);}
h4{ font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem);}
h5{font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem);}
p{ margin:0 0 25px; line-height: 1.6;font-family: "Poppins", sans-serif;color: #fff;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #3CBCD3; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}
img {user-select: none; -webkit-user-drag: none; -webkit-user-select: none; /* Safari */}
input, textarea, select{font-family: "Poppins", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Poppins", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 70px !important;}
input.form-control,
textarea.form-control {border: 1px solid #CECECE !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
input.form-control {border-radius: 60px;}
textarea.form-control {border-radius: 30px;}

::selection {background: #014157;color: white;}
::-moz-selection {background: #014157;color: white;}

::placeholder {
  color: #979797 !important;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #979797 !important;
}

.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder {
  color: transparent !important;
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
  color: transparent !important;
}


/* --- common background color --- */
.ash-bg{background-color: #F7F7F7;}
.light-green-bg{background-color: #F1F5E4;}
/* --- common background color --- */


/*------swiper nav--------*/
.swiper-button-next {border: 2px solid #fff;overflow: hidden; background-image: none !important; display: flex;justify-content: center;align-items: center;width: 50px; height: 50px; background-color: #fff; border-radius: 50px; box-shadow: 0 0 20px #00000026;  right: 0px; }
.swiper-button-prev{border: 2px solid #fff;overflow: hidden; background-image: none !important; display: flex;justify-content: center;align-items: center;width: 50px; height: 50px; background-color: #fff; border-radius: 50px; box-shadow: 0 0 20px #00000026;  left: 0px; }
.swiper-button-next::before,
.swiper-button-prev::before {border-radius: 50px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;content: ""; position: absolute; top: 0; width: 100%; height: 100%; background-color: #00b3dc; z-index: -1; transform: scale(0); }
.swiper-button-next:hover::before,
.swiper-button-prev:hover::before {transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.swiper-button-next:hover img,
.swiper-button-prev:hover img{filter: brightness(0) invert(1);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.swiper-button-next img,
.swiper-button-prev img{filter: unset;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.swiper-button-prev::after,
.swiper-button-next::after {display: none; }
.swiper-container {overflow: hidden; }

.swiper-button-next, .swiper-button-prev {user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;}
/*------swiper nav--------*/


/* --- for placeholder color --- */
.form-control::-moz-placeholder{color:#979797;opacity:1;}
.form-control:-ms-input-placeholder{color:#979797;}
.form-control::-webkit-input-placeholder{color:#979797;}
/* --- for placeholder color --- */


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */


/* --- Button Styles --- */
.btn { 
   border-radius: 10px; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.6s; display: inline-block; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); color: #fff !important; padding: 18px 50px; display: inline-block; overflow: hidden;min-width: 200px;border: none;}
.btn:after {box-shadow: 0px 2px 2px 0px #FFFFFF66 inset,0px -3px 2px 0px #0000004D inset;content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); border-radius: 10px; z-index: -2; }
.btn:before { box-shadow: 0px 2px 2px 0px #FFFFFF66 inset,0px -3px 2px 0px #0000004D inset; content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: #161A1E; transition: all 0.6s; border-radius: 10px; z-index: -1; }
.btn:hover { color: #fff; }
.btn:hover:before { width: 100%; }

 .btn span { margin-right: 10px; display: block; width: 24px; height: 24px; align-items: center; justify-content: center; margin-top: -1px;}
 header a.btn {display: flex; justify-content: center;margin-left:35px; }
.btn span img{width: 100%;height: 100%;}
.btn-gray { min-width: 200px; background: linear-gradient(360deg, #364560 0%, #45536B 100%); box-shadow: 0px 2px 2px 0px #FFFFFF66 inset,0px -3px 2px 0px #0000004D inset; border-radius: 10px; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: inline-block; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); color: #fff !important; padding: 18px 50px; display: inline-block; overflow: hidden;}
.btn-gray:after {box-shadow:0px 2px 2px 0px #FFFFFF66 inset,0px -3px 2px 0px #0000004D inset;content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #364560 0%, #45536B 100%); border-radius: 10px; z-index: -2; }
.btn-gray:before { box-shadow: 0px 2px 2px 0px #FFFFFF66 inset,0px -3px 2px 0px #0000004D inset; content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); transition: all 0.3s; border-radius: 10px; z-index: -1; }
.btn:hover { color: #fff; }
.btn-gray:hover:before { width: 100%; }
/* --- Button Styles --- */


/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/


/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */


.common-padd { padding-top: 100px; padding-bottom: 100px; }
.common-padd-big { padding-top: 180px; padding-bottom: 180px; }
.form-control { height: 50px; padding: 16px 30px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }

.home-provide-secton-wraper .image-box img{width: 100%;height: 100%;object-fit: contain;}
.home-story-secton .big-img img,
.home-gallery-secton .galary-carasol-box img,
.home-event-secton .single-box .image-box img,
.home-who-we-are-secton .image-box img,
.donate-purpose .image-box img{width: 100%;height: 100%;object-fit: cover;}
/*..............common styles..............*/


/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }
/*-----scroll-bar-design----------*/


.grecaptcha-badge {visibility: hidden; }


/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header {padding: 50px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed; background: transparent; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }


.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 5px;}
.main-menu ul li.menu-plus a{    color:#0aaee9}

/*.main-menu ul li ul.sub-menu li a::before { background-color: #00b5da;}
.main-menu ul li ul.sub-menu li a::before {background-color: #fff !important;top: 50%;width: 0;left: 0;}
.main-menu ul li ul.sub-menu li a:hover::before {width: 20px;}
.main-menu ul li ul.sub-menu li a:hover{padding-left: 30px;}
.main-header .user-sec a{margin-right: 25px;}
.main-header .user-sec a.btn{margin-right: 0px;}
.user-sec a.btn { display: flex; align-items: center; justify-content: center; }
.main-menu ul li span {margin-left: 10px; }

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #fff; padding: 5px 18px; position: relative; font-weight: 500; letter-spacing: 0; text-transform: capitalize; font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem);}*/

.main-menu .menu-header-menu-container > ul li > a::before { content: ''; background-color: rgb(217 217 217 / 10%); position: absolute; width: 100%; height: 100%; border-radius: 50px; left: 0; top: 0; transform: scale(.0); opacity: 0; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.main-menu .menu-header-menu-container > ul li.current-menu-item > a::before { transform: scale(1); opacity: 1; }
.main-menu .menu-header-menu-container > ul > li > a:hover::before{  transform: scale(1); opacity: 1; }
/* .main-menu ul li a, .menu-item-has-children{border-radius: 100px;}
.sub-menu .current-menu-item a{background-color: transparent !important;} */

/*------css for new dropdown sub-menu start--------*/
/*.main-menu ul li.menu-item-has-children a:after {content: ""; position: absolute; top: 13px; box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: #002414; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 0; margin: 0 auto;}
.main-menu ul li.menu-item-has-children a {padding-right: 30px; }
.main-menu ul.sub-menu li a:after{display: none!important;}
.main-menu ul li .sub-menu li:first-child{border-radius: 5px 5px 0 0;overflow: hidden;}
.main-menu ul li .sub-menu li:last-child{border-radius: 0 0 5px 5px; overflow: hidden;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li {display: flex; justify-content: center; align-items: center; position: relative; font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem); perspective: 1000px; z-index: 100; }
.main-menu ul li .sub-menu {position: absolute; top: 100%; left: 0; width: 300px; perspective: 1000px; z-index: -1; list-style: none; background-color: transparent; display: block; }
.main-menu ul li .sub-menu li {opacity: 0;visibility: hidden; color: #fff; background-color: #00b1dc; padding: 0px 20px; font-size: 16px; margin: 0; }
.main-menu ul li.out .sub-menu li{opacity: 1;visibility: visible;}
.main-menu ul li.out .sub-menu {opacity: 1;visibility: visible; height: 0px;}
.main-menu ul li.over:hover .sub-menu {height: auto;}


.explore-section .explore-btn-wrap::before { content: ""; width: 100%; height: 100%; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); box-shadow: 0px 2px 2px 0px #FFFFFF66 inset; box-shadow: 0px -3px 2px 0px #0000004D inset; position: absolute; top: 0; left: 0; }
.explore-section .explore-btn-wrap::after { background: linear-gradient(360deg, #364560 0%, #45536B 100%);
  box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset; position: absolute; top: 0; left: 0; content: ""; width: 0%; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset}
.search-btn img { position: relative; z-index: 1;filter: brightness(0) invert(1); }
.explore-section .explore-btn-wrap:hover::after { width: 100%; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a.search-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; overflow: hidden; }
.search-btn:hover { transform: rotate(-45deg); }
.search-btn:hover img{filter: inherit;}*/
/*------css for new dropdown sub-menu end--------*/


.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-size: 20px; font-weight: 400; }
.main-menu ul li { margin-right: 35px !important;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 20px; position: relative; text-transform: initial;}
/*.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #CD9933; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} */
/*.main-menu ul li a:hover::before, */
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
/*.main-menu ul li ul.sub-menu li a::before {background-color: #fff !important;top: 50%;width: 0;left: 0;}
.main-menu ul li ul.sub-menu li a:hover::before {width: 20px;}
.main-menu ul li ul.sub-menu li a:hover{padding-left: 30px; color: #fff !important;}*/

.main-menu ul li.menu-item-has-children a:after { content: ""; position: absolute; top: 17px; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #FFF; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 23px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children a {padding-right: 40px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li {display: flex; justify-content: center; align-items: center; position: relative; font-size: clamp(1rem, 0.911rem + 0.238vw, 1.125rem); perspective: 1000px; z-index: 100; color: #FFF; text-transform: uppercase;}
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a { color: #fff;padding:0;display: flex;align-items: center; } 
/* .main-menu ul li.out .sub-menu li{opacity: 1;visibility: visible;} */
/* .main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden;max-height: 800px; } */
/* .main-menu ul li.over:hover .sub-menu {height: auto;} */
 
header .main-menu ul .sub-menu span.menu-image-hover-wrapper img {width: 100%; height: 100%; object-fit: cover;border-radius:5px; }
header .main-menu ul .sub-menu span.menu-image-hover-wrapper, header .main-menu ul .sub-menu .menu-image-not-hovered img {margin-right: 20px;width: 140px; height: 140px; position: relative; display: block !important; overflow: hidden; border: 1px solid #FFFFFF33; padding: 10px; border-radius: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
header .main-menu ul .sub-menu .menu-image-not-hovered #image-overlay, div#image-overlay { display: none !important;}
header .main-menu ul .sub-menu .menu-image-not-hovered img.hovered{ padding:0; }
header .main-menu ul .sub-menu .menu-image-not-hovered a{display: flex;align-items: center;}
header .main-menu ul>li { position: relative; margin: 0; cursor: pointer }

header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; max-height: 0; overflow: hidden; transition: all .6s ease; width: 1035px; overflow: hidden; padding: 0px; box-shadow: none; opacity: 1; visibility: hidden; display: flex !important; display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; transform: translate(-50%, 0px); background-color: #292d31 !important; max-height: 0; border-radius: 10px; border: 1px solid #FFFFFF33; margin-top: 20px; }
header .main-menu ul li:hover ul { max-height: 800px; opacity: 1; visibility: visible; display: unset; transition: all .8s ease; background-color: #292d31 !important; }


header .main-menu ul .sub-menu li { display: block; position: relative;  padding: 10px 10px; cursor: pointer; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; }
header .main-menu ul .sub-menu li span.menu-image-title-after.menu-image-title {padding: 0;width: calc(100% - 160px);}
/* header .main-menu ul.sub-menu::before {content: ""; position: absolute; width: 1px; height: calc(100% - 30px); background-color: #FFFFFF33; left: 0; right: 0; margin: 0 auto; } */
/* header .main-menu ul.sub-menu::after {content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background-color: #FFFFFF33; left: 0; right: 0; margin: 0 auto; } */
header .main-menu ul.sub-menu li a::before{display: none;}
header .main-menu ul.sub-menu li img.hovered-image.menu-image-title-after{margin-left: 0 !important;margin-top: -150px;}

@-moz-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
    visibility:hidden;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
    visibility:visible;
  }
}
@-webkit-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
    visibility:hidden;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
    visibility:visible;
  }
}
@-o-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
    visibility:hidden;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
    visibility:visible;
  }
}
@keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
    visibility:hidden;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
    visibility:visible;
  }
}

@-moz-keyframes rotateZd {
  0% {
    opacity: 1;
    transform: translateZ(290px);
    visibility:visible;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 0;
    transform: translateZ(0);
    visibility: hidden;
  }
}
@-webkit-keyframes rotateZd {
  0% {
    opacity: 1;
    transform: translateZ(290px);
    visibility:visible;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 0;
    transform: translateZ(0);
    visibility: hidden;
  }
}
@-o-keyframes rotateZd {
  0% {
    opacity: 1;
    transform: translateZ(290px);
    visibility:visible;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 0;
    transform: translateZ(0);
    visibility: hidden;
  }
}
@keyframes rotateZd {
  0% {
    opacity: 1;
    transform: translateZ(0);
    visibility:visible;
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 0;
    transform: translateZ(290px);
    visibility: hidden;
  }
}

.loading {background-image: url('../images/web-audio.svg');background-size: cover;background-position: center center;background-repeat: no-repeat;}


header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {max-width: 300px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {max-width: 370px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }


.main-header.fixed {background: #161a1e; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; /*backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);*/}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center;position: relative; }
.main-header .user-sec ul {margin-left: 10px;display: flex;align-items: center;padding-left: 0px;margin-bottom: 0px;list-style: none; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;-webkit-transition: max-height 0.6s ease; -moz-transition: max-height 0.6s ease; -ms-transition: max-height 0.6s ease; -o-transition: max-height 0.6s ease; transition: max-height 0.6s ease;max-width: 340px;margin: 0 auto;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 800px;-webkit-transition: max-height 0.6s ease; -moz-transition: max-height 0.6s ease; -ms-transition: max-height 0.6s ease; -o-transition: max-height 0.6s ease; transition: max-height 0.6s ease;}


/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 45px; height: 45px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #161A1E; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-container::before {content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 80px;background: #161a1e;  z-index: 1; }
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px;padding-bottom: 100px;height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;position: relative;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-btn{display: none;}


/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; }
.mobile-menu-open .mobile-menu ul li:nth-child(2) { -webkit-transition-delay: 0.32s; transition-delay: 0.32s; }
.mobile-menu-open .mobile-menu ul li:nth-child(3) { -webkit-transition-delay: 0.40s; transition-delay: 0.40s; }
.mobile-menu-open .mobile-menu ul li:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
.mobile-menu-open .mobile-menu ul li:nth-child(5) { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; }
.mobile-menu-open .mobile-menu ul li:nth-child(6) { -webkit-transition-delay: 0.64s; transition-delay: 0.64s; }
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}



/*=========mobile menu===========*/
.slider-padding{padding: 0px 25px;}

/*for header css*/


/*=============== common css ===================== */
.z-1{position: relative;z-index: 1;}
.z-2{position: relative;z-index: 1;}

.section-heading h6 { font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); font-weight: 600; letter-spacing: 5px; text-transform: uppercase;padding-top: 10px;display: flex; }
.section-heading h6 lottie-player { width: 37px; height: 20px; object-fit: contain; margin-right: 7px; }
.heading-center h6 { justify-content: center; }
.section-heading { margin-bottom: 30px; }
.blue-text { font-weight: 600; text-align: left; color: #3CBCD3; }
.section-heading p{ font-weight: 400; color: #ffff; }
.heading-center{max-width: 1044px; margin: 0px auto 50px;text-align: center;}
.common-bg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.heading-left{max-width: 770px;margin-right: auto;text-align: left;}
.max-100{max-width: 100% !important;}
.swiper-button-next, .swiper-button-prev { background-color: #182A33; border: 2px solid rgb(255 255 255 / 20%); }
.swiper-button-disabled{opacity: 1;}
.inner-main-wraper{padding-top: 214px;}

/*=============== home banner ===================== */
.banner-content-wrap{ text-align: center; position: relative;max-width: 1240px; margin: 0 auto; }
.banner-content{position: relative;padding: 60px 50px;}
.banner-image { filter: grayscale(1); position: relative;opacity: 0.1; }
.banner-image::after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: radial-gradient(50% 50% at 50% 50%, rgba(22, 26, 30, 0) 0%, rgba(22, 26, 30, 0) 33%, #161A1E 100%); }
.banner-content-wrap span.quote-bottom { position: absolute; right: -16px; bottom: -18px; max-width: 78px; }
.banner-content-wrap span.quote-top { position: absolute; left: -16px; top: -18px; max-width: 78px; }
.banner-content-wrap::before { content: ""; width: 92%; height: 71%; position: absolute; top: 0; right: 0; background-color: transparent; border-top: 2px solid #51C4FF; border-right: 2px solid #51C4FF; border-radius: 0 20px 0 0; z-index:-1;}
.banner-content-wrap::after { content: ""; width: 92%; height: 71%; position: absolute; bottom: 0; left: 0; background-color: transparent; border-bottom: 2px solid #51C4FF; border-left: 2px solid #51C4FF; border-radius: 0 0px 0 20px; z-index:-1;}
.banner-content-wrap .banner-content .banner-highlight { color: #3CBCD3; font-size: clamp(1.563rem, 1.404rem + 0.705vw, 2.25rem); font-weight: 700; display: inline-block; padding-left: 100px; position: relative; }
.banner-content-wrap .banner-content .banner-highlight::after{content: ""; position: absolute;width: 80px;background-color: #51C4FF;height: 3px;top:50%;transform: translateY(-50%); left:0px;}
.banner-button-wrap { display: flex; justify-content: center; margin-top: 50px; }
.banner-button-wrap a.btn-gray { margin-right: 20px; min-width: auto;}
.banner-button-wrap a.btn-gray:last-child{margin-right: 0px;}
/* .banner-button-wrap .btn-gray:hover{background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%);box-shadow: 0px -3px 2px 0px #0000004D inset;} */
section.banner-section { min-height: 100vh; min-height: 100svh; overflow: hidden; position: relative; }
section.banner-section .banner-grident { min-height: 100vh;min-height: 100svh; }
.banner-image { position: absolute; height: 100%; top: 0; }
.banner-section .banner-main-content {display: flex;width: 100%;min-height: 100vh;min-height: 100svh;align-items: center;position: relative;}
.banner-main-content .container { padding-top: 200px;padding-bottom: 200px;}
.banner-image img { height: 100%; object-fit: cover;width: 100%; }
.banner-section .banner-image { height: 100%;width: 100%;object-fit: cover; }
.banner-section .banner-image img{height: 100%;width: 100%;object-fit: cover;}

.glow-left { height: 26rem; width: 25rem; background-color: #0AAEE9; filter: blur(90px); border-radius: 50%; z-index: 0; position: absolute; opacity: 0.95; left: -6%; top: 35%; -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(90px); -webkit-filter: blur(90px); -moz-filter: blur(90px); -ms-filter: blur(90px); }

/* .glow-right { position: absolute; right: -21%; z-index: 1; top: -10%; max-width: 700px; } */
.glow-right { height: 20rem; width: 20rem; background-color: #0AAEE9; filter: blur(100px); border-radius: 50%; z-index: 0; position: absolute; opacity: 0.95; right: -10%; top: 80px; -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(100px); -webkit-filter: blur(100px); -moz-filter: blur(100px); -ms-filter: blur(100px);} 
/* .glow-left{height: 20rem; width: 20rem; background-color: #0AAEE9; filter: blur(150px); border-radius: 150px; z-index: 0; position: absolute; opacity: 0.95; left: -10%; top: 80px;} */
.glow-right img, .glow-left img{display: none;}
.sngl-box, #audio-slider .swiper-slide { border: 1px solid #5F5F5F4D; border-radius: 30px; background-color: rgb(255 255 255 / 3%); padding: 20px;-webkit-transition: transform 0.4s ease, border-color 0.4s ease; -moz-transition: transform 0.4s ease, border-color 0.4s ease; -ms-transition: transform 0.4s ease, border-color 0.4s ease; -o-transition: transform 0.4s ease, border-color 0.4s ease; transition: transform 0.4s ease, border-color 0.4s ease; }
#audio-slider .swiper-slide .sngl-box{border: none; border-radius: 0; background-color: transparent; padding: 0;}
.image-box { position: relative; padding-bottom: 98%; border-radius: 20px; overflow: hidden;margin-bottom: 30px; }
.image-box img { position: absolute; top: 0; border: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.sngl-box:hover .image-box img { transform: scale(1.1); }
.tag { border: 1px solid #0AAEE9; background-color: rgb(10 174 233 / 8%); border-radius: 100px; display: flex;  font-size: 16px; font-weight: 600; line-height: 26px; text-align: left; color: #0AAEE9; padding: 6px 20px;list-style: none; }
.content-box a { display: block; }
.audio-slider-sec-wraper .content-box .tag { display: inline-block; }
.content-box-wrap { display: flex; justify-content: space-between; margin-top: 20px; padding-right: 12px;}
.butm-btn a { width: 50px; height: 50px; background-color: rgb(255 255 255 / 8%); display: flex; align-items: center; justify-content: center; border-radius: 50%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.sngl-box:hover .butm-btn a { transform: rotate(-36deg); }
ul.tag li { padding-right: 12px; margin-right: 10px; position: relative; }
ul.tag li::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 6px;height: 6px;background-color: #17B2E3;border-radius: 50%;}
ul.tag li:last-child:after{display: none;}
ul.tag li:last-child{padding-right: 0px;margin-right: 0px;}
#audio-slider .swiper-slide .image-box { padding-bottom: 65%;}
#audio-slider .swiper-slide .swiper-slide-active{  padding-bottom: 70%;}

#audio-slider .swiper-slide{height: auto;}
.audio-slider-sec-wraper  .swiper-slide { transform: scale(0.95); -webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease;-ms-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease;}
.audio-slider-sec-wraper .swiper-slide.swiper-slide-active { transform: scale(1); -webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease;-ms-transition:transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease;}
.audio-slider-sec-wraper .swiper-slide.swiper-slide-active{border: 1px solid #0AAEE9 !important;-webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease;}
.audio-background { position: absolute; top: -45%; left: 0; right: 0; }
.audio-background img{width: 100%;}
.audio-section .content-box-wrap h3 a, .podcasts-content-box-wrap h3 a, .podcasts-content-box-wrap h4 a{color: #fff;}
.audio-slider-sec-wraper  .swiper-wrapper{padding-bottom: 20px;}

/*=============== home counter ===================== */
.word-listing-section .word-listing-right { background: linear-gradient(360deg, #151E23 0%, #122025 100%); border: 1px solid rgb(10 174 233 / 10%); padding: 50px 50px; border-radius: 10px; }
.word-listing-section .word-listing-right .tsp-box-counter { display: flex; align-items: center; }
.word-listing-section .word-listing-right .count-area .count-area-content { display: flex; align-items: center;padding-bottom: 30px; margin-bottom: 30px; }
.word-listing-section .word-listing-right .count-area .count-area-content .count-icon {flex: 0 0 auto; width: 100px; height: 100px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; border-radius: 30px; padding: 18px; }
.word-listing-section .word-listing-right .count-area .count-area-content .count-icon img { width: 100%; height: 100%; }
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content { padding-left: 30px; }
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex { text-transform: uppercase; background: linear-gradient(90deg, #0AAEE9 0%, #3CBCD3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Poppins", sans-serif; font-size: clamp(2.188rem, 1.683rem + 2.244vw, 4.375rem); line-height: normal;font-weight: 275 }
.counter-content p { margin-bottom: 0px; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); color: #fff; }
.count-area-content{position: relative;}
.count-area-content::after { content: ""; position: absolute; left:0px; bottom: 0; background-image: url("../images/Line.svg"); width: 100%; height: 1px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.word-listing-right .count-area .count-area-content:last-child{margin-bottom: 0px;padding-bottom: 0px;}
.word-listing-right .count-area .count-area-content:last-child::after{display: none;}
.word-listing-section  .listing-bottom { position: absolute; bottom: -10%; width: 100%; mix-blend-mode: lighten; }
.word-listing-section .listing-bottom::after{content: "";position: absolute;background: linear-gradient(180deg, rgba(22, 26, 30, 0.75) 0%, #161A1E 100%); top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%; }


/* ====================== Latest Podcasts ======================== */
.listen-wraper div#gallery { gap: 24px 0; }

.podcasts-box { background-color: rgb(255 255 255 / 3%); border: 1px solid rgb(95 95 95 / 30%); border-radius: 30px; padding: 20px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 100%;}
.podcasts-box .podcasts-content-box .tag-wraper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.calender {font-size: 16px; font-weight: 600; line-height: 1.2; text-align: left; color: #B9BFC1;display: flex;align-items: center; }
.tag .calender {color: #0AAEE9;}
.tag .calender img{filter: brightness(0) saturate(100%) invert(55%) sepia(88%) saturate(350%) hue-rotate(159deg) brightness(94%) contrast(95%);}
.podcasts-content-box-wrap h5 { color: #0AAEE9; margin-bottom: 15px; }
.podcasts-content-box-wrap h3 { overflow: hidden; margin-bottom: 0px; min-height: 56px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; max-width: 100%; line-height: 40px; line-height: 1.4; font-size: clamp(1rem, 0.821rem + 0.476vw, 1.25rem); }
.podcasts-content-box-wrap h3 a{color: #fff;}
.calender img { margin-right: 7px;margin-top: -2px; width: 17px !important; /*height: 20px;*/ }
.calender svg { margin-right: 7px;margin-top: -2px; width: 17px !important; /*height: 20px;*/ }
.calender svg path {fill: #0AAEE9; }

.podcasts-box:hover{box-shadow: 0px 30px 120px -55px #0AAEE926;border: 1px solid rgb(10 174 233 / 30%);box-shadow: 0px 30px 80px -55px #0AAEE926;}
.latest-podcasts-sec-wraper .swiper-container { overflow: hidden; padding-bottom: 100px;}
.latest-podcasts-sec-wraper{position: relative;}

.latest-podcasts-section .swiper-button-next, .latest-podcasts-section .swiper-button-prev { background-color: #182A33; border: 2px solid rgb(255 255 255 / 20%); }
.latest-podcasts-sec-wraper .swiper-button-disabled{opacity: 1;}
.latest-podcasts-section .section-heading p { margin-bottom: 0px; }
.podcasts-box .image-box:hover img{ transform: scale(1.1); }
.tag-wraper ul.tag { margin-bottom: 0px; }
.podcasts-box { display: flex; flex-direction: column; justify-content: flex-start; } 
.latest-podcasts-section .podcasts-box .under-content .podcasts-content-box-wrap h3{height: auto;}
.image-box a{display: block;}


/* ============= EXPLORE =================== */
.explore-section::after { content: ""; position: absolute; top: -2px; bottom: -2px; left: 0; right: 0; width: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(22, 26, 30, 0.85) 0%, #161A1E 100%); }
.explore-form-wrap { max-width: 770px; margin: 0 auto; }
.explore-form-wrap form { position: relative; width: 100%; }
.explore-form-wrap form input.form-control { padding-left: 14px;background-color: rgb(255 255 255 / 5%) !important; border: 1px solid rgb(255 255 255 / 20%) !important;border-radius: 15px;color: #ffff; padding-right: 60px;height: 70px;padding-top: 12px !important;padding-bottom: 12px !important;}
.explore-btn-wrap {overflow: hidden; position: absolute;top: 10px;right: 10px;width: 50px; height: 50px; border: none;  border-radius: 15px;}
.explore-form-wrap input[type="submit"]{ color:#fff; background-image: url('../images/search-white.svg');  font-size: 0;width: 50px; height: 50px; border: none;background-color: transparent;background-repeat: no-repeat;background-position: center;position: relative;z-index: 1;}
.explore-after { position: absolute; top: 0; z-index: 1;max-width: 300px; }
.explore-after img{width: 100%;height: 100%;}
.explore-section .form-floating>.form-control:focus~label::after { background-color: #2023271c; backdrop-filter: blur(10px);-webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); inset: 1.4rem 0.375rem;}
.explore-section .form-floating label { align-items: center; }

.video-with-content { width: 100%; border-radius: 30px; margin: 0 auto; position: relative; overflow: hidden; height: 447px; overflow: hidden; }
.video-container .video-wrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.video-container video { width: 100%; height: 100%; object-fit: cover; }
.video-wrapper .content-box-wrap .text-blue { color: #0AAEE9; font-family: Poppins; font-size: 16px; }
.video-wrapper .content-box-wrap h3 { margin-bottom: 5px; }
.play-button-wrapper { width: 80px; height: 80px; }
.video-wrapper .content-box-wrap { margin-top: 0px; position: absolute; z-index: 1; bottom: -45px; width: 100%; padding: 0px 46px;opacity: 0;visibility: hidden; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
.latest-videos-sec-wraper .swiper-container { overflow: hidden; padding-bottom: 50px; }
.latest-videos-sec-wraper  .swiper-slide { transform: scale(0.9); -webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease;-ms-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease;}
.latest-videos-sec-wraper .swiper-slide.swiper-slide-active { transform: scale(1);-webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease;-ms-transition: transform 0.4s ease;-o-transition: transform 0.4s ease;transition: transform 0.4s ease; }

.latest-videos-sec-wraper .video-image-box::after{content: ""; position: absolute;top: 0px;bottom: 0;left: 0;right: 0;background-color: #00000087; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 45%); }
.latest-videos .section-heading  p{margin-bottom: 0px;}
.latest-videos-sec-wraper .swiper-slide.swiper-slide-active .video-wrapper .content-box-wrap{opacity: 1; visibility: visible;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
.latest-podcasts-glow { position: absolute; left: -35%; top: 18%; opacity: 0.3; }
.latest-podcasts-glow img { width: 100%; height: 100%; object-fit: contain; }
.latest-videos-sec-wraper .swiper-button-prev { position: absolute; top: -100px; right: 8%; left: inherit; }
.latest-videos-sec-wraper  .swiper-button-next { position: absolute; top: -100px; right: 4%; }
.video-glow { position: absolute; right: -20%; top: 2%; z-index: -1; }
.video-cercle { position: absolute; top: 57px; z-index: 0; right: 0; max-width: 340px; }
.latest-videos .btn{margin-top: 40px;}
#latest-videos .item-video .swiper-slide-active .video-with-content{height: 507px;}
#latest-videos .swiper-wrapper{align-items: center;}
.latest-videos-sec-wraper .video-image-box img {width: 100%; height: 100%; object-fit: cover;transform: scale(1);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; position: absolute;}
.latest-videos-sec-wraper .video-image-box { width: 100%; padding: 0 0 50%; overflow: hidden; border-radius: 30px; position: relative; }
.latest-videos-sec-wraper .video-wrapper:hover .video-image-box img { transform: scale(1.1); }
.latest-videos-sec-wraper .video-wrapper .play-gif.play-icon:hover a {transform: rotate(170deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.latest-videos-sec-wraper .video-wrapper .play-gif.play-icon a {transform: rotate(0deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.swiper-wrapper{height: auto;}
.single-video .profils-date-flex h5.blue-text { margin-bottom: 0px; }


/* ======================= donation section ============================== */
.donation-box {overflow: hidden; background: radial-gradient(51.29% 51.29% at 50% 50%, rgba(27, 31, 34, 0.9) 0%, #1B1F22 100%); border-radius: 50px; padding: 100px 100px 0px 100px; }
.donation-box .section-heading { max-width: 820px;margin-bottom: 0px; }
.donation-icon-wrap { max-width: 260px; margin: 40px auto 0; }
.donation-section .bg-pattan { position: absolute; top: 0; left: 0; right: 0; }
.donation-box .section-heading p{margin-bottom: 0px;}
.donation-box .btn{margin-top: 40px;}
.donation-box::after{content: ""; position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: radial-gradient(51.29% 51.29% at 50% 50%, rgba(27, 31, 34, 0.9) 0%, #1B1F22 100%);border-radius: 50px;}
.line-box-wrap { position: absolute; top: 0; width: 100%; left: 0; right: 0;border-radius: 50px;overflow: hidden; }
.donation-glow { position: absolute; z-index: 9; bottom: -59%; max-width: 1000px; left: 0; right: 0; margin: 0 auto; }
.canvas-glow-right { position: absolute; right: -18%; top: 30px; max-width: 883px; }
.donate-banner .Ellipse-rounded { bottom: -160px; }
.listen-wraper.donate-banner .listing-bottom { opacity: 0.4; }


.Latest.Articles-glow {position: absolute; top: 25%; left: -32%; opacity: 0.3;}
.Latest.Articles-glow img{width: 100%;height: 100%;}
.latest-articles-profile { display: flex; align-items: center; margin-bottom: 10px; }
.latest-articles-profile h5 { margin-bottom: 0px; color: #fff; }
.latest-articles-profile img { margin-right: 7px; width: 14px; }
.podcasts-content-box-wrap ul { padding: 0px; list-style: none; display: flex;margin: 15px 0px; }
.podcasts-content-box-wrap ul li { color: #B9BFC1; font-weight: 400; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); padding-right: 18px; margin-right: 12px; position: relative; }
.podcasts-content-box-wrap ul li:after{content:""; position: absolute;top: 50%;transform: translateY(-50%);background-color: #B9BFC1; width: 6px;height: 6px;border-radius: 50%;right: 0;}
.podcasts-content-box-wrap ul li:last-child{padding-right: 0px;margin-right: 0px;}
.podcasts-content-box-wrap ul li:last-child::after{display: none;}
.latest-podcasts-bottom { background-color: rgb(255 255 255 / 3%); border-radius: 20px; padding: 20px 15px; display: flex; justify-content: space-between; align-items: center; }
.latest-podcasts-bottom .calender { display: flex; align-items: center; }
.podcasts-content-box-wrap .latest-podcasts-bottom h5 {margin-bottom: 0px;color: #B9BFC1;}
.latest-podcasts-bottom .clock { display: flex; }
.latest-podcasts-bottom img{margin-right: 6px;margin-top: -2px; width:17px}
.latest-articles-profile h5{font-weight: 400;}
.latest-articles-section .podcasts-box:hover{box-shadow: none;}
#latest-articles .swiper-slide { height: auto; }
#latest-articles .podcasts-box .image-box { padding-bottom: 74%; }
.read-list-wraper .podcasts-box:hover{box-shadow: none;}
.latest-articles-section .section-heading p { max-width: 770px; margin: 0 auto; }


/* ================== donors section ======================= */
.donors-conten { background: linear-gradient(180deg, #24272B 0%, #1B1F23 100%); padding: 40px 11px; text-align: center; border: 1px solid rgb(255 255 255 / 10%); border-radius: 20px;position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;height: 100%;display: flex; align-items: center; justify-content: center;height: 150px;}
.donors-conten h4 { margin-bottom: 0px; color: #B9BFC1; }
.donors-conten img.light-line, .donors-conten img.hover-line { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.donors-conten img.hover-line{opacity: 0;visibility: hidden;}
.donors-conten:hover img.light-line{opacity: 0;visibility: hidden;}
.donors-conten:hover img.hover-line{opacity: 1;visibility: visible;}
.donors-conten:hover{border: 1px solid #51C4FF;}
.donors-section .swiper-button-next { position: absolute; top: -80px; right: 0; }
.donors-section .swiper-button-prev { position: absolute; right: 70px; left: inherit; top: -80px; opacity: 1; }
#donors-slider .swiper-slide{height: auto;}


/* ================== contact section ======================= */
.contact-left-image{border-radius: 20px;height: 500px;overflow: hidden;margin-bottom: 40px;}
.contact-left-image img{width: 100%;height: 100%;object-fit: cover;}
.contact-left-image img{width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
/*.contact-left-sec:hover .contact-left-image img{transform: scale(1.1);}*/
.contact-left-sec::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 90%; background: linear-gradient(180deg, #24272B 0%, #1B1F23 100%); border: 1px solid rgb(255 255 255 / 10%); border-radius: 20px; z-index: -1; }
.contact-left-sec{padding:0px 50px 50px 50px;}
.contact-left-content  ul { padding: 0px; list-style: none; display: flex; justify-content: space-between; max-width: 426px; margin: 0 auto; }
.contact-left-sec img.contact-sky-line { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }

.contact-left-content ul li a { display: block; position: relative; overflow: hidden; border-radius: 7px; }
.contact-left-content ul li a:before {content: '';width: 100%;height: 100%;background: rgb(60 188 211 / 10%);position: absolute;top: 0;left: 0;border-radius: 7px;-webkit-transition: all 0.2s ease;transition: all 0.3s ease;border: 2px solid #3CBCD3;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.contact-left-content ul li a:hover::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }


.form-floating>.form-control:focus~label{transform: scale(1) translateY(-2rem) translateX(.15rem);color: #fff;display: block;}
.form-floating input{background-color: transparent;border-radius: 15px;border: 1px solid rgb(255 255 255 / 20%) !important;color: #ffff;}
.form-floating>.form-control:focus~label::after{background-color: #2023271c;backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px);}
.form-floating label{color: #979797;font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem);display: flex;justify-content: center;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.form-floating textarea{background-color: transparent;border-radius: 15px;border: 1px solid rgb(255 255 255 / 20%) !important;color: #ffff;height: 120px !important;resize: none;}
.form-floating>.form-control:not(:placeholder-shown)~label{transform: scale(1) translateY(-2rem) translateX(.15rem);color: #fff;}

.contact-section .form-floating { margin-bottom: 26px; }
.form-floating>.form-control:not(:placeholder-shown)~label::after{height: 1.9em;}
.contact-submit-wrap input[type="submit"] { color: #fff; background-color: transparent; border: none; padding: 18px 50px;width: 100%; height: 100%;}
.contact-left-sec-wrap  { padding-right: 90px; }
.contact-left-content  h3{margin-bottom: 0px;}
.contact-left-content ul{margin: 40px auto 0px;}
.contact-left-content ul li{margin-right: 10px;}
.contact-left-content ul li:last-child{margin-right: 0px;}
.contact-section .form-floating>.form-control:not(:placeholder-shown)~label{color: #fff;transform: scale(.85) translateY(-1.9rem) translateX(.15rem);}
.contact-section-glow { max-width: 915px; position: absolute; top: -33%; right: -20%;z-index: -1; }
.contact-cercle { max-width: 332px; position: absolute; top: 38%; }
.contact-right-sec .col-md-12 .form-floating { margin-bottom: 0px; }
.contact-submit-wrap.btn { margin-top: 40px;padding: 0px; }
.form-floating>.form-control:not(:placeholder-shown)~label::after{backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); background-color: #20232700;}
.form-control:focus{/*background: transparent !important;*/color: #fff;font-size: 16px;}
.orthodox-form-wrap  .form-floating>.form-control:focus~label::after { background-color: #1d2226; }

.orthodox-form-wrap .contact-right-sec .form-floating.labelanime label{   background-color: #1D2125;}


/* ================== listen inner =================== */
.listen-banner-row { background-color: rgb(255 255 255 / 3%); padding: 30px 30px; border-radius: 15px; border: 1px solid rgb(95 95 95 / 30%);backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.listing-col-right p { font-weight: 400; line-height: normal; }
.listing-col-right h5 { color: #B9BFC1; margin-bottom: 0px; }
.listing-col-right .subscribe-whatsapp { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;display: inline-flex; align-items: center;overflow: hidden; background-color: rgb(255 255 255 / 3%); padding: 14px 30px; border-radius: 5px; border: 1px solid rgb(95 95 95 / 30%); width: auto;position: relative; }
.listing-col-right .subscribe-whatsapp p { margin-bottom: 0px; }
.listing-col-right .subscribe-whatsapp::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); transition: all 0.3s; z-index: -1; }
.listing-col-right .subscribe-whatsapp:hover::before{width: 100%;}
.subscribe-whatsapp img { padding-left: 20px; }
.listing-col-right ul{padding: 0px;margin: 30px 0px;list-style: none;display: flex;flex-wrap: wrap;}
.listing-col-right ul li{padding-right: 28px;margin-right: 20px;position: relative;}
.listing-col-right ul li::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 8px;height: 8px;background-color: #ADE3FF;border-radius: 50%;}
.listing-col-right ul li a, .listing-col-right ul li{color: #0AAEE9;font-family: Poppins; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); font-weight: 600; line-height: 26px; text-align: left; }
.listing-col-left{border-radius: 15px;overflow: hidden;}
.listing-col-left img{width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.listing-col-left:hover img{transform: scale(1.1);}
.listing-col-right{padding-left: 50px;}
.listing-col-right ul li:last-child:after{display: none;}
.listing-col-right ul li:last-child{padding-right: 0px;margin-right: 0px;}
.listen-top-carve { position: absolute; top: 0; left: 0; right: 0; }
.inner-main-wraper .glow-left{top: 350px;bottom: inherit;}
.listen-page .listen-glow { opacity: 0.5;left: -30%; }
.listen-page .section-heading { max-width: 1036px !important; }

.episodes-section h2 span{display:block;}

/* ============================= pause ======================== */
.pause-page .Ellipse-rounded { bottom: -65%; }


/* ===================== episodes ============================== */
.episodes-section .row .col-md-6{margin-bottom: 30px;}
.episodes-button{margin-top: 20px;}
.full-circle { max-width: 600px; position: absolute; right: -9%; top: 0; }
.episodes-section .glow-full { max-width: 800px; position: absolute; bottom: 0; left: -15%; z-index: -1; }
.explore-section p a{color: #fff;}


/* ========================== platform ========================== */
.platform-wrapper { background-color: rgb(255 255 255 / 5%); padding: 60px 60px; border-radius: 15px; border: 1px solid rgb(10 174 233 / 12%);overflow: hidden; }
.platform-wrapper ul { padding: 0; list-style: none; margin-bottom: 0px; display: flex; align-items: center; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.platform-wrapper ul li { padding: 0px 10px;margin-bottom: 15px; }
.platform-wrapper ul li a { background: linear-gradient(360deg, #364560 0%, #45536B 100%); box-shadow: 0px -3px 2px 0px #0000004D inset; padding: 15px 30px; border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: center;    transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.platform-wrapper ul li a img { margin-right: 10px;width: 30px;height: 30px;}


.platform-circles { position: absolute; right: 0; max-width: 600px; bottom: 0; }
.platform-wrapper ul li:hover a{background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); box-shadow: 0px -3px 2px 0px #0000004D inset}

/* ============================== listen ==================== */
.slider-tab-wraper ul.nav-tabs { justify-content: center; border: none;display: flex;list-style: none;flex-wrap: wrap; }
.slider-tab-wraper ul.nav-tabs li.nav-item { padding-right: 20px;margin-bottom: 10px; }
.slider-tab-wraper ul.nav-tabs li.nav-item:last-child{padding-right: 0px;}

.slider-tab-wraper ul.nav-tabs li.nav-item button, 
.slider-tab-wraper ul.nav-tabs li.nav-item span {display: block; /* background-color: rgb(255 255 255 / 10%); border: 1px solid rgb(214 214 214 / 30%);*/ color: #fff; padding: 15px 25px; border-radius: 100px;font-weight: 600;cursor: pointer; position: relative; }

.slider-tab-wraper ul.nav-tabs li.nav-item span:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgb(214 214 214 / 30%); border-radius: 70px; background: rgb(255 255 255 / 10%); z-index: -1; }
.slider-tab-wraper ul.nav-tabs li.nav-item span::after { content: ''; width: 100%; height: 100%; background: rgb(60 188 211 / 10%); position: absolute; top: 0; left: 0; border-radius: 70px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: -1; border: 1px solid #3CBCD3; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }  

.slider-tab-wraper ul.nav-tabs li.nav-item button.active::after, 
.slider-tab-wraper ul.nav-tabs li.nav-item span.active::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
 
/* .slider-tab-wraper ul.nav-tabs li.nav-item button.active,
.slider-tab-wraper ul.nav-tabs li.nav-item:hover button, 
.slider-tab-wraper ul.nav-tabs li.nav-item span.active, 
.slider-tab-wraper ul.nav-tabs li.nav-item:hover span{background-color: rgb(60 188 211 / 10%); /*border: 1px solid #3CBCD3; color: #3CBCD3;} */

.listen-glow { position: absolute; left: -15%; top: 3%; }
.listen-wraper .listing-bottom{position: relative;z-index: -1;opacity: 0.6;}
.Ellipse-rounded { position: absolute; bottom: -350px; z-index: -1; left: 0; right: 0; }

/* .inner-main-wraper .glow-right{top: -5%;}
.inner-main-wraper.search-page .glow-right{top: -15%;} */
.listen-wraper .slider-tab-wraper ul.nav-tabs{margin-bottom: 50px;}
.Ellipse-rounded img{width: 100%;height: 100%;}
 

/* .slider-tab-wraper ul.nav-tabs li.nav-item svg.mo-svg-rectangle { position: absolute; top: 1px; left: 0; width: 100%; height: calc(100% - 1px); overflow: visible; }
.slider-tab-wraper ul.nav-tabs li.nav-item svg.mo-svg-rectangle rect {fill: none;stroke-width: 1px;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transition: all .6s cubic-bezier(.43,.41,.36,.9);-o-transition: all .6s cubic-bezier(.43, .41, .36, .9);transition: all .6s cubic-bezier(.43,.41,.36,.9);}
.slider-tab-wraper ul.nav-tabs li.nav-item svg.mo-svg-rectangle rect:first-child {stroke: rgba(255, 255, 255, .2); stroke-dashoffset: 0;stroke-dasharray: 620;}  
.slider-tab-wraper ul.nav-tabs li.nav-item svg.mo-svg-rectangle rect:last-child {stroke: #3CBCD3 !important; stroke-dashoffset: 620;stroke-dasharray: 620;}
 
.slider-tab-wraper ul.nav-tabs li.nav-item:hover svg.mo-svg-rectangle rect:last-child,
.slider-tab-wraper ul.nav-tabs li.nav-item button.active svg.mo-svg-rectangle rect:last-child, 
.slider-tab-wraper ul.nav-tabs li.nav-item:hover button svg.mo-svg-rectangle rect:last-child, 
.slider-tab-wraper ul.nav-tabs li.nav-item span.active svg.mo-svg-rectangle rect:last-child{ stroke-dashoffset: 0;} */

/* ================================ search ========================= */
.search-banner .glow-left { z-index: 1; opacity: 0.8; max-width: 1000px; left: -22%; top: -46%; }
.search-total-result { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #474B50; padding-bottom: 30px; margin-bottom: 50px;}
.search-result-section .image-box { position: relative; padding-bottom: 76%;}
.search-result-section .row .col-md-6{margin-bottom: 30px;}
.search-more-button{margin-top: 20px;}
.search-section .explore-form-wrap { max-width: 1307px; margin: 0 auto; }
.search-page .explore-section::after{display: none;}

.search-result-section .podcasts-box{backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);}
/* ====================== read page ================== */

.read-banner-row.podcasts-box { max-width: 1170px; margin: 0 auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.read-banner-row.podcasts-box .image-box { margin-bottom: 0px;padding-bottom: 80%; }
.read-banner-row.podcasts-box .podcasts-content-box-wrap h3 { min-height: auto; font-size: clamp(1.125rem, 0.679rem + 1.19vw, 1.75rem); }
.read-list-wraper .row .col-lg-3{margin-bottom: 30px;}
.read-list-wraper .podcasts-box .image-box { padding-bottom: 73%; }
.read-list-wraper .podcasts-box .podcasts-content-box .podcasts-content-box-wrap h3 { height: auto; overflow: visible; }
.read-list-wraper .podcasts-box h3 a{color: #fff;}
.read-list-wraper .slider-tab-wraper ul.nav-tabs { margin-bottom: 50px; padding: 0;}
.read-banner .Ellipse-rounded { position: absolute; bottom: -29%; z-index: 0; left: 0; right: 0; }
.read-list-wraper ul.pagination { justify-content: center; background-color: rgb(255 255 255 / 3%); padding: 10px 10px; border: 1px solid rgb(95 95 95 / 30%); border-radius: 5px; max-width: 454px; margin: 0 auto; width: 100%; }
.read-list-wraper ul.pagination li.page-item a.page-link { background-color: rgb(255 255 255 / 3%); border: none; color: #fff; }
.bottom-glow { position: absolute; left: -20%; bottom: -3%; z-index: -1; width: 869px; height: 854px; }
.read-banner .Ellipse-rounded img, .listen-top-carve img {width: 100%;height: 100%;}
.read-details-left p{word-wrap: break-word;}

.read-details-image { padding: 0 0 56%; border-radius: 15px; overflow: hidden; margin-bottom: 40px; position: relative; }
.read-details-image img { width: 100%; height: 100%; object-fit: cover; }
.profils-date-flex { display: flex; justify-content: space-between; }
.profils-date-flex ul { padding: 0; list-style: none; display: flex; align-items: center; margin-bottom: 0px; }
.profils-date-flex ul li .clock { display: flex; align-items: center; }
.profils-date-flex ul li .clock h5 { margin-bottom: 0px; color: #B9BFC1; }
.profils-date-flex ul li  img { margin-right: 7px; margin-top: -3px; width: 20px !important; }
.profils-date-flex ul li { padding-right: 20px; margin-right: 17px; position: relative; }
.profils-date-flex ul li::after{content: ""; position: absolute;right: 0;height: 16px;width: 1px;background-color: #fff;top: 50%;transform: translateY(-50%);}
.profils-date-flex ul li:last-child:after{display: none;}
.profils-date-flex ul li:last-child{padding-right: 0px;margin-right: 0px;}
.category-li li { color: #B9BFC1; font-weight: 400; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); padding-right: 12px; margin-right: 12px; position: relative; }
.category-li li:after{content:""; position: absolute;top: 50%;transform: translateY(-50%);background-color: #B9BFC1; width: 6px;height: 6px;border-radius: 50%;right: 0;}
.category-li li:last-child{padding-right: 0px;margin-right: 0px;}
.category-li li:last-child::after{display: none;}
ul.category-li { display: flex; padding: 0; list-style: none; margin-bottom: 0px; }
.read-social-icon { border: 1px solid rgb(95 95 95 / 30%); border-radius: 5px; background-color: rgb(255 255 255 / 3%); display: inline-flex; align-items: center; padding: 20px 20px; margin: 40px 0px; }
.read-social-icon p { margin-bottom: 0px; }
.read-social-icon ul {flex-wrap: wrap; padding: 0; list-style: none; display: flex; align-items: center; margin-bottom: 0px; }
.read-social-icon ul li a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #2E3437; border-radius: 50%; }
.read-social-icon ul li { padding-left: 10px; }
.read-social-icon ul li a img { filter: brightness(0) invert(1); }
.read-social-icon ul li a:hover img{filter: inherit;}
.read-social-icon ul li:first-child{padding-left: 15px;}
/* .read-social-icon ul li:hover a { background-color: rgb(10 174 233 / 5%); border: 1px solid #0AAEE9; } */
.read-list-search h3 { background-color: rgb(10 174 233 / 5%); margin-bottom: 0px; padding: 30px 30px; border: 1px solid rgb(10 174 233 / 30%); border-radius: 15px 15px 0px 0px; color: #3CBCD3;}
.search_result_list h3 {border-radius: 15px;}
.read-list-search { border-radius: 15px; overflow: hidden; }
.read-details-right .read-list-cont { background-color: rgb(255 255 255 / 3%); padding: 30px 30px; border: 1px solid rgb(95 95 95 / 30%); border-radius: 0px 0px 15px 15px; }
.after-line { position: absolute; bottom: -13px; right: 22px; margin: 0 auto; text-align: center;}
.read-details-right .read-list-cont .form-floating>.form-control:focus~label::after{background-color: transparent;backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); inset: 1.4rem 0.375rem;}
.read-details-right .after-line {left: 60px;bottom: -14px;right: 0;}
.read-details-left .profils-date-flex { margin-bottom: 18px; }
.read-details-left .profils-date-flex .latest-articles-profile { margin-bottom: 0px; }

.read-list-content ul { padding: 0px; list-style: none; display: flex; margin-bottom: 12px; align-items: center; flex-wrap: wrap;}
.read-list-content ul .latest-articles-profile { margin-bottom: 0px; }
.read-list-content h5 { margin-bottom: 12px; }
.read-list-content h5 a, .read-list-content p a { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.read-list-img a{display: block;}
.read-list-content p { margin-bottom: 0px; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); color: #B9BFC1; }
.read-list-img { border-radius: 5px; overflow: hidden; padding: 0 0 56%; position: relative; }
.read-details-image{overflow: hidden;}
.read-list-img a{display: block;height: 100%;}
.read-details-image:hover img{ transform: scale(1.1);}
.read-details-image img{width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.read-list-img img, .read-details-image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; left: 0; right: 0; bottom: 0; }
.read-list-content ul li h5 { margin-bottom: 0px; }
.read-list-con-row { padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.read-list-con-row .col-lg-8 { padding: 0 0 0 3px; }

.read-list-con-row::after{content: "";position: absolute;bottom: 0;max-width: 100%;height: 1px;width: 100%;background-color: #FFFFFF;left: 0;opacity: 0.10;}
.read-list-content ul li{padding-right: 10px;margin-right: 10px;position: relative; margin-top: 5px;}
.read-list-content ul li::after{content: "";position: absolute;top: 50%;max-width: 1px;height: 16px;width: 100%;background-color: #FFFFFF;right:0;transform: translateY(-50%);}
.read-list-content ul li:last-child{padding-right: 0px;margin-right: 0px;}
.read-list-content ul li:last-child::after{display: none;}
.read-list-con-row:last-child:after{display: none;}
.read-list-con-row:last-child{padding-bottom: 0px;margin-bottom: 0px;}
.read-details-right .read-list-search{margin-bottom: 30px;}
/* .read-details-right .read-list-search:last-child{margin-bottom: 0px;} */
.read-details-right { position: relative;}
.read-details-page .Ellipse-rounded { bottom: inherit; top: 50%; transform: translateY(-50%); }
.read-list-con-row .read-list-img:hover img{transform: scale(1.1);}
.read-list-wraper .filter-select .gallery-item { width: 25%; }
.inner-main-wraper .section-heading { max-width: 800px; }
.read-details-left h3 a{color: #fff;}
.podcast-details-page .read-details-right h3, .inner-watch-page .read-list-search h3{color: #3CBCD3;}

/* .read-carve { position: absolute; bottom: -50px; width: 32%; pointer-events: none; } */
img.copy_complete{display:none;}

/* ============================= donate page ====================== */
.donate-video-wraper .video-with-content { height: 657px; }
.donate-video-wraper { max-width: 1170px; margin: 0 auto; }
.donate-video-wraper .video-container { position: relative; padding-bottom: 56.3%; border-radius: 15px; overflow: hidden; }
.donate-video-wraper .video-container .play-button-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.advertise-page .donors-slider-wrap .swiper-button-prev, .advertise-page .donors-slider-wrap .swiper-button-next { top: 75%; transform: translateY(-75%); }


/* ========================= advertise-page ================ */
.advertise-banner .donors-conten { background: rgb(255 255 255 / 10%); }
.advertise-banner .donors-slider-wrap .swiper-button-next{right: 0px;}
.advertise-banner .donors-slider-wrap .swiper-button-prev{left: 0;}
/* .donate-img { height: 40px; } */
.donate-img img { height: 100%; width: 100%; object-fit: contain; filter: brightness(0) invert(1);}
.achievements-sec .count-area-content { background-color: rgb(255 255 255 / 5%); border-radius: 10px; padding: 40px 30px; display: flex; align-items: center; overflow: hidden; height: 100%;}
.achievements-sec .count-area-content .count-icon { border: 1px solid #fff; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 30px;flex: 0 0 auto;padding: 20px; }
.achievements-sec .count-area-content .counter-content { padding-left: 30px; }
.achievements-sec .count-area-content .counter-content .d-flex { text-transform: uppercase; background: linear-gradient(90deg, #0AAEE9 0%, #3CBCD3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Poppins", sans-serif; font-size: clamp(2.188rem, 1.683rem + 2.244vw, 4.375rem); line-height: normal; font-weight: 275; }
.achievements-sec .count-area-content .count-icon img{width: 100%;height: 100%;}
.achievements-sec .row .col-lg-4{margin-top: 12px;}
.count-title { padding: 0; }


/* ===================== orthodox ====================== */
.orthodox-form-wrap { background-color: rgb(255 255 255 / 3%); border: 1px solid rgb(255 255 255 / 20%); border-radius: 15px; padding: 100px 100px; text-align: center; }
.orthodox-form-wrap .form-top-sky { background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); border: 1px solid rgb(255 255 255 / 20%); border-radius: 10px; padding: 40px 40px; max-width: 1036px; margin: 0 auto 40px; text-align: center; margin-top: -160px; }
.orthodox-form-wrap .form-top-sky h3 { margin-bottom: 0px; }
.orthodox-form-wrap { position: relative; }
.orthodox-form-wrap p { max-width: 1024px; margin: 0 auto 32px; }
.orthodox-form-wrap .contact-right-sec { padding: 0; }
.orthodox-form-wrap .contact-right-sec .row .col-md-6, .orthodox-form-wrap .contact-right-sec .row .col-12 { margin-bottom: 30px; }
.advertise-banner .Ellipse-rounded { bottom: -100%; z-index: 1; }
.advertise-page .bottom-glow{left: -20%;}


/* =============================== inner-watch =====================  */
.inner-watch-page .read-list-con-row::after{width: 100%;max-width: 100%;}
.inner-watch-page .donate-video-wraper .video-with-content { height: 590px;margin-bottom: 40px; }
.inner-watch-page .Ellipse-rounded { top: 14%; }
.watch-banner-wrap { background-color: rgb(255 255 255 / 3%); padding: 20px; border-radius: 30px; max-width: 1070px; margin: 0 auto; margin-bottom: 25px; }
.watch-banner-wrap .donate-video-wraper .video-with-content {height: 341px;}
.watch-banner-video-content .play-gif { width: 70px; height: 70px; margin-top: 40px; }
.watch-list-wraper .video-wrapper .content-box .content-box-wrap { position: relative; bottom: 0; opacity: 1; visibility: visible; padding: 0; }
.watch-list-wraper .video-with-content { height: 273px;margin-bottom: 20px; }
.watch-list-wraper .row .col-lg-4{margin-bottom:50px;}
.watch-list-wraper  .content-box-wrap h4{margin-bottom: 10px;}
.watch-list-wraper  .content-box-wrap h4 a{color: #fff;}
.watch-list-wraper  .content-box-wrap h5{margin-bottom: 0px;}
.watch-video-col .content-box .content-box-wrap { align-items: center; }
.watch-video-col .content-box .content-box-wrap .play-gif { width: 40px; height: 40px; }
.watch-video-col .content-box .content-box-wrap .play-button-wrapper { width: 40px; height: 40px; }
.watch-list-wraper .slider-tab-wraper .nav-tabs { margin-bottom: 50px; padding: 0;}
.inner-watch-page h5.blue-text { margin-bottom: 20px; }
.watch-banner-video-content .play-button-wrapper .play-gif.play-icon:hover a, .watch-video-col .video-wrapper .content-box  .play-button-wrapper .play-gif.play-icon:hover a {transform: rotate(170deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.watch-banner-video-content .play-button-wrapper .play-gif.play-icon a, .watch-video-col .video-wrapper .content-box  .play-button-wrapper .play-gif.play-icon a{display: block;transform: rotate(0deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.video-with-content a img{overflow: hidden; border-radius: 30px;position: relative;transform: scale(1);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;width: 100%;height: 100%;object-fit: cover;}
/* .video-with-content a{display: block;height: 340px;} */
.video-with-content a:hover img{transform: scale(1.1);}
.watch-banner-single-content h3 a{color: #fff;}
.filter-select .gallery-wrap, .filter-select #gallery, .listen-wraper .gallery-wrap{ overflow: hidden; }
.filter-select .gallery-item { float: left; width: 33.333%; padding: 20px; position: relative; z-index: 10;}
.filter-select .inside { position: relative; overflow: hidden; width: 100%; height: 100%; }
.donate-video-wraper .play-button {position: absolute; border-radius: 100px; width: 100px; height: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; cursor: none;border: none; background-color: transparent;padding: 0;}
.donate-video-wraper video, .donate-video-wraper iframe {height: 100%; width: 100%; object-fit: cover; position: absolute;}
.donate-video-wraper .button {border-radius: 50px; display: flex; align-items: center; width: 30%; justify-content: center; cursor: pointer; border: none;}
.inner-watch-page .donate-video-wraper {margin-bottom: 40px; }
.watch-banner-video-content .calender { margin-bottom: 12px; }
.watch-banner-video-content h3 { margin-bottom: 15px; }
/* .gallery-wrap #gallery { display: flex; flex-wrap: wrap; } */


/*  ============================== podcast details  ====================== */
.podcast-details-wrap .read-list-con-box {display: flex;align-items: center;}
.podcast-details-wrap .read-list-con-box .read-list-img { width: 90px; height: 90px; flex: 0 0 auto; padding: 0; }
.podcast-details-wrap .read-list-con-box .read-list-content { padding-left: 15px; width: calc(100% - 90px); }
.podcast-details-wrap .read-list-con-row::after{width: 100%;max-width: 100%;}
.music-play-image { height: 237px; width: 237px; overflow: hidden; border-radius: 15px; }
.music-play-image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.music-play-wrap { display: flex; align-items: center;margin-bottom: 40px; }
.music-play-wrap .music-play-content { padding-left: 20px; width: calc(100% - 237px); }
.music-play-content-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; }
.music-play-content-top .play-tag-wrap { display: flex; align-items: center; } .music-play-content-top .play-tag-wrap ul.tag { margin-bottom: 0px; margin-right: 20px; }
.podcast-details-wrap .read-details-right { padding: 0px; }
 /* .podcast-details-wrap .read-details-left { padding-right: 60px; } */
.track { display: flex; align-items: center; width: 100%; }
.track img { width: 60px; height: 60px; }
.track .waveformwrap { width: calc(100% - 60px); padding-left: 20px; }
.podcast-details-page .inner-main-wraper .glow-left { top: 9%; bottom: inherit; }
.track-time { display: flex; justify-content: space-between; color: #fff; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); }


/* ========================== MM IL ============================== */
.mm-logo { max-width: 257px; margin: 0 auto 100px; }
.mmil-row-wrap { background-color: rgb(255 255 255 / 3%); border: 1px solid rgb(255 255 255 / 20%); border-radius: 15px; padding: 50px 80px; }
.mmil-col-right { background-image: url(../images/mm-il-bg1.svg); padding: 100px 20px; border-radius: 20px; text-align: center; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: bottom left; }
.mmil-col-right::after{content: "";position: absolute; top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(132.48deg, #0AAEE9 2.58%, #3CBCD3 100%);z-index: -1;}
.mmil-col-right h3{margin-bottom: 0px;}
.mmil-col-left p{margin-bottom: 40px;}
.mmil-col-left h5{margin-bottom: 0px;}
.mmil-card-image-left .contact-left-image { height: 350px; }
.mmil-card-image-left .contact-left-sec::after { height: 85%; }
.mmil-card-image-left .contact-left-content h3{color: #3CBCD3;}
.mmil-card-image-right { background: linear-gradient(130.68deg, #0AAEE9 0%, #3CBCD3 105.81%); height: 100%; border-radius: 20px; padding: 20px; }
.mmil-card-image-right .mmil-card-image-content { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; border: 1px solid #fff; border-radius: 20px; padding: 50px 50px; }
.mmil-card-image-right .mmil-card-image-content h3 { margin-bottom: 0px; line-height: 1.4; }
.mmil-card-image-after { position: absolute; bottom: 0; left: 0; right: 0; }
.mmil-card-glow { position: absolute; bottom: 0; }
.mm-il-platform .section-heading h3{color: #3CBCD3;}
.mm-il-platform .section-heading p{max-width: 812px;}



/* ================== footer section ======================= */
.footer-logo { max-width: 416px; margin: 0 auto; }
.footer-logo a{display: block;}
.footer-logo-wrap::before{content: ""; position: absolute;left: 0;width: 35%;background-color: #474B50;height: 1px;top: 50%;transform: translateY(-50%);}
.footer-logo-wrap::after{content: ""; position: absolute;right: 0;width: 35%;background-color: #474B50;height: 1px;top: 50%;transform: translateY(-50%);}
.footer-top .row{padding: 60px 0px;}
.footer-top .row .footer-details h3{margin-bottom: 10px;}
.footer-menu { border-top: 1px solid #474B50; border-bottom: 1px solid #474B50; padding: 27px 0px; }
.footer-menu ul { padding: 0px; list-style: none; display: flex; justify-content: center;margin-bottom: 0px;flex-wrap: wrap; }
.footer-menu ul li { position: relative; padding-right: 50px; margin-right: 50px; }
.footer-menu ul li a{font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); color: #fff; }
.footer-menu ul li::after{content: ""; position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 26px;background-color: #474B50;right: 0;}
.footer-menu ul li:last-child{padding-right: 0px;margin-right: 0px;}
.footer-menu ul li:last-child::after{display: none;}
.newslatter-sec .explore-form-wrap form input.form-control { background-color: rgb(22 26 30) !important; padding-right: 85px; }
footer .footer-menu ul li a{position: relative;}
footer .footer-menu ul li a::before { content: ""; width: 0%; height: 2px; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); position: absolute; bottom: 0px; border-radius: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
footer .footer-menu ul li a:hover::before { content: ""; width: 100%; }
.newslatter-sec .form-floating label { align-items: center; }

.footer-social-link ul { padding: 0; list-style: none; display: flex; justify-content: center; margin-bottom: 0px; padding: 50px 0px; }
.footer-social-link ul li { padding-right: 10px; }
.footer-social-link ul li a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #2E3437; border-radius: 50%; }
.footer-main .footer-details p { margin-bottom: 0px; }

.footer-social-link ul li a img { filter: brightness(0) invert(1); }
.footer-social-link ul li a img { filter: brightness(0) invert(1); -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.footer-social-link ul li:hover a img { filter: none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.copyright-sec { background-color: rgb(255 255 255 / 8%); padding: 30px 0px;}
.copyright-sec .container{display: flex;align-items: center;justify-content: space-between;}
.copyright-left h5 { margin-bottom: 6px; font-weight: 400; }
.copyright-left p { font-size: 12px; font-weight: 400; /*text-transform: capitalize;*/ margin-bottom: 0px; }
.copyright-left p a, .copyright-right p a { color: #fff; }
.copyright-right p { margin-bottom: 0px; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem); }
.copyright-left p a, .copyright-right p a{position: relative;}
.copyright-left p a::before, .copyright-right p a::before { content: ""; width: 0%; height: 2px; background-color: #fff; position: absolute; bottom: 0px; border-radius: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.copyright-left p a:hover::before, .copyright-right p a:hover::before { content: ""; width: 100%; }
.footer-glow { position: absolute; bottom: -20%; max-width: 800px; margin: 0 auto; left: 0; right: 0; }
footer.footer-main { overflow: hidden; }
.footer-top .explore-form-wrap input[type="submit"]{background-image: url('../images/submit-arrow.svg');}
.footer-top .explore-btn-wrap{  width: 50px; height: 50px; box-shadow: rgba(0, 0, 0, 0.3) 0px -3px 2px 0px inset; border-width: initial; border-style: none; border-color: initial; border-image: initial; background: linear-gradient(360deg, rgb(60, 188, 211) 0%, rgb(10, 174, 233) 100%); border-radius: 15px; z-index: 1;}
.footer-social-link ul{margin-bottom: 0px;}
.footer-social-link ul li:last-child{padding-right: 0px;}



.socialmedia-round{ padding-left: 0; position: revert; z-index: 1; }
.socialmedia-round li { list-style: none; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.socialmedia-round li a{ line-height: 32px; display: block; height: 100%; font-size: 12px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position: relative; }
.socialmedia-round .mo-svg-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; }
.socialmedia-round .mo-svg-circle circle:first-child, 
.socialmedia-round .mo-svg-circle circle:first-child { stroke: rgba(255, 255, 255, .2); }
.socialmedia-round .mo-svg-circle circle:first-child { /*stroke: 1px solid rgb(255 255 255 / 20%); */stroke-dashoffset: 0; stroke-dasharray: 130; }
.socialmedia-round .mo-svg-circle circle { fill: none; stroke-width: 1px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-145deg); -ms-transform: rotate(-145deg); transform: rotate(-145deg); -webkit-transition: all .5s cubic-bezier(.43,.41,.36,.9); -o-transition: all .5s cubic-bezier(.43, .41, .36, .9); transition: all .5s cubic-bezier(.43,.41,.36,.9); }
.socialmedia-round .mo-svg-circle circle:last-child { stroke: #3CBCD3 !important; }
.socialmedia-round .mo-svg-circle circle:last-child { stroke-dashoffset: 130; stroke-dasharray: 130; }
/* .socialmedia-round li a:hover .mo-svg-circle circle:first-child { stroke-dashoffset: -130; } */
.socialmedia-round li a:hover .mo-svg-circle circle { -webkit-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg); -webkit-transition: all .5s cubic-bezier(.43,.41,.36,.9); -o-transition: all .5s cubic-bezier(.43, .41, .36, .9); transition: all .5s cubic-bezier(.43,.41,.36,.9); }
.socialmedia-round li a:hover .mo-svg-circle circle:last-child { stroke-dashoffset: 0; }
.socialmedia-round li a:hover .mo-svg-circle circle { -webkit-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg); -webkit-transition: all .5s cubic-bezier(.43,.41,.36,.9); -o-transition: all .5s cubic-bezier(.43, .41, .36, .9); transition: all .5s cubic-bezier(.43,.41,.36,.9); }
.explore-btn-wrap::before { content: ""; width: 100%; height: 100%; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); box-shadow: 0px 2px 2px 0px #FFFFFF66 inset; box-shadow: 0px -3px 2px 0px #0000004D inset; position: absolute; top: 0; left: 0; }
 .explore-btn-wrap::after { background: linear-gradient(360deg, #364560 0%, #45536B 100%);
  box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset; position: absolute; top: 0; left: 0; content: ""; width: 0%; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset}
.newslatter-sec input { position: relative; z-index: 1; }
 .explore-btn-wrap:hover::after { width: 100%; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }


.swiper-button-prev, .swiper-button-next { top: 45%; transform: translateY(-45%); }
.explore-section .section-heading a{position: relative;}
.explore-section .section-heading a::before { content: ""; width: 0%; height: 2px; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%); position: absolute; bottom: 0px; border-radius: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.explore-section .section-heading a:hover:before{width: 100%;}
/* ================================= sudipta da ======================== */


/*----line circle animaton----*/
.latest-videos .spinner-wrap { position: absolute; top: 45%; right: 0; z-index: -1; }
.latest-videos .spinner-item { border: 1px solid #06afe4; border-radius: 50%; height: 800px; width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-animation: zoom 10s linear 2s infinite; animation: zoom 10s linear 2s infinite; }
.latest-videos .spinner-item--2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.latest-videos .spinner-item--3 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.latest-videos .spinner-item--4 { -webkit-animation-delay: 6s; animation-delay: 6s; }
.latest-videos .spinner-item--5 { -webkit-animation-delay: 8s; animation-delay: 8s; }
.latest-videos .spinner-item--6 { -webkit-animation-delay: 10s; animation-delay: 10s; }
.contact-section .contact-cercle,
.latest-videos .video-cercle{
	display: none;
}


@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.episodes-section .spinner-wrap {position: absolute; top: 36%; right: 130px; z-index: 0; }
.episodes-section .spinner-item {border: 1px solid #06afe4; border-radius: 50%; height: 550px; width: 550px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-animation: zoom-one 10s linear 2s infinite; animation: zoom-one 10s linear 2s infinite; }
.episodes-section .spinner-item--2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.episodes-section .spinner-item--3 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.episodes-section .spinner-item--4 { -webkit-animation-delay: 6s; animation-delay: 6s; }
.episodes-section .spinner-item--5 { -webkit-animation-delay: 8s; animation-delay: 8s; }
.episodes-section .spinner-item--6 { -webkit-animation-delay: 10s; animation-delay: 10s; }

@-webkit-keyframes zoom-one {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom-one {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}


.contact-section .spinner-wrap {position: absolute; bottom: 40%; left: 0; z-index: -1; }
.contact-section .spinner-item {border: 1px solid #06afe4; border-radius: 50%; height: 700px; width: 700px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-animation: zoom 10s linear 2s infinite; animation: zoom 10s linear 2s infinite; }
.contact-section .spinner-item--2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.contact-section .spinner-item--3 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.contact-section .spinner-item--4 { -webkit-animation-delay: 6s; animation-delay: 6s; }
.contact-section .spinner-item--5 { -webkit-animation-delay: 8s; animation-delay: 8s; }
.contact-section .spinner-item--6 { -webkit-animation-delay: 10s; animation-delay: 10s; }

@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.platform-section .spinner-wrap {position: absolute;bottom: 0;z-index: -1;right: 215px;}
.platform-section .spinner-item {border: 1px solid #06afe4; border-radius: 50%; height: 600px; width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-animation: zoom-two 10s linear 2s infinite; animation: zoom-two 10s linear 2s infinite; }
.platform-section .spinner-item--2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.platform-section .spinner-item--3 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.platform-section .spinner-item--4 { -webkit-animation-delay: 6s; animation-delay: 6s; }
.platform-section .spinner-item--5 { -webkit-animation-delay: 8s; animation-delay: 8s; }
.platform-section .spinner-item--6 { -webkit-animation-delay: 10s; animation-delay: 10s; }

@-webkit-keyframes zoom-two {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom-two {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.search-result-section .episodes-section .spinner-wrap { top: 600px; right: 100px; }
/*----line circle animaton----*/
/*------partical animaton for home-----------*/


.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;width: 100%; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#fff; stroke-width:5.5; stroke-linecap:round; }

.ham6 .top { stroke-dasharray: 39 172; }
.ham6 .middle { stroke-dasharray: 39 111; transform: translateX(-1px);}
.ham6 .bottom { stroke-dasharray: 39 172; }
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; }


.contact-right-sec .form-floating label{ transform: translate(0px,15px); padding: 8px; display: flex; margin: 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.newslatter-sec .explore-form-wrap .form-floating label{ transform: translate(0px,14px); padding: 8px; display: flex; margin: 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
/*.newslatter-sec .explore-form-wrap .invalid .form-floating label { transform: translate(0px, 12px);}*/
.contact-right-sec .form-floating.labelanime label, .newslatter-sec .explore-form-wrap .form-floating.labelanime label{ transform: translate(0px,-13px); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding: 0 8px; height: auto; background-color: #161a1e; }
.contact-right-sec .form-floating>.form-control:not(:placeholder-shown)~label, .newslatter-sec .explore-form-wrap .form-floating>.form-control:not(:placeholder-shown)~label { transform: translate(0px,-13px)!important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding: 0 8px; height: auto }
.wpcf7-not-valid-tip{font-size: 12px;text-align: left;}
.contact-right-sec span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader {position: absolute;left: 7px !important;top: 23px;left: unset;bottom: 37%;width: 15px;min-width: 15px;height: 15px;z-index: 1;max-height: 20px;max-width: 20px;border: 1px solid #94e5ff;}
.contact-right-sec .spinner-border { border-right-color: #0000!important }
.contact-right-sec .wpcf7-spinner::before { display: none!important }
.contact-right-sec .form-floating>label{height: 40px;}

.contact-right-sec .form-control:focus {background: transparent !important;}


@-webkit-keyframes specialFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
  }
}

@keyframes specialFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
  }
}
.specialFadeIn { -webkit-animation-name: specialFadeIn; animation-name: specialFadeIn; }
@-webkit-keyframes specialFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@keyframes specialFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
.specialFadeOut { -webkit-animation-name: specialFadeOut; animation-name: specialFadeOut; }
@-webkit-keyframes specialSlideInRight {
  from {
    transform: translate3d(10%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes specialSlideInRight {
  from {
    transform: translate3d(10%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.specialSlideInRight { -webkit-animation-name: specialSlideInRight; animation-name: specialSlideInRight; }

@-webkit-keyframes specialFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes specialFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.spceialFadeInRight { -webkit-animation-name: specialFadeInRight; animation-name: specialFadeInRight; }

.menu-search-container.active { display: block; -webkit-animation-name: specialFadeOut; animation-name: specialFadeOut; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.manu-part .visible { visibility: visible;opacity: 1;transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.manu-part .hidden { transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);opacity: 0;visibility: hidden; }
.manu-part .menu-search {transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}


.menu-search-input { -webkit-animation-name: specialFadeInRight; animation-name: specialFadeInRight; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 350ms; animation-delay: 350ms; }
.menu-search-container { display: none; position: absolute; top: 0; left: 0; width: 75%; z-index: 999; background-color: transparent; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-animation-name: specialFadeIn; animation-name: specialFadeIn; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}

.menu-search-container input { background-color: transparent; border: none; width: 80%; font-size: 16px; outline: none; color: #fff; }
.menu-search-container a { color: #fff; }
.menu-search-container a:first-child { display: block; float: left; padding-right: 10px; }
.menu-search-container.active { display: block; }
.menu-search-close { position: absolute; right: -28px; top: 30%; }
.search-sub-menu { background: #fff; width: 100%; margin-top: 14px; color: #999; font-weight: 100; padding: 24px 0 15px; z-index: 1; }

.menu-search-input form .serch { position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; left: 9px; display: flex; align-items: center; justify-content: center; z-index: 3;}
.menu-search-input form .serch img { width: 100%; height: 100%; object-fit: contain; }
.menu-search-input input.menu-search-input { padding: 0px 0px 0px 40px; }
.search-btn:hover img{filter: brightness(0) invert(1);}
.manu-part.main-active .main-menu { opacity: 0; visibility: hidden; }
.manu-part .main-menu, .manu-part.main-active .main-menu { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a.search-btn, .menu-search-close { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}
.menu-search-close { -webkit-animation-name: specialFadeInRight; animation-name: specialFadeInRight; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 350ms; animation-delay: 350ms;}
.menu-search-close img{width: 14px;height: 14px;}


/*--donate form----------*/
div#field_3_44 {grid-column: span 4; -ms-grid-column-span: 4; }
fieldset#field_3_41 {grid-column: span 8; -ms-grid-column-span: 8; }
.gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 0 !important;}

div#field_3_44 {display: flex;justify-content: flex-end; }
div#field_3_44 label.gfield_label.gform-field-label {margin: 0 !important;margin-right: 15px !important;margin-top: 16px !important;font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem) !important; font-weight: 400 !important; }
select#input_3_44 {cursor: pointer;border: 1px solid #D9D9D9; border-radius: 70px; font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem); color: #7B7B7B; }

fieldset#field_3_41 {margin-bottom: 40px; }
div#field_3_42 {display: flex; margin-bottom: 40px; }
input#input_3_25,
div#field_3_6,
div#field_3_36,
div#field_3_37,
span#input_3_28_1_container,
span#input_3_28_2_container,
div#field_3_43 {margin-bottom: 30px; }
div#field_3_20,
div#field_3_11,
div#field_3_31,
div#field_3_32{margin-bottom: 40px;}
div#field_3_26 .ginput_container.ginput_container_text {margin-bottom: 30px; }

.gfield_label {color: #fff; font-size: clamp(1.125rem, 0.981rem + 0.641vw, 1.75rem) !important; margin-bottom: 30px !important;padding: 12px !important;}
.gfield.gfield--type-html {font-weight: 700;padding: 0;color: #3CBCD3 !important;font-size: clamp(1.125rem, 0.981rem + 0.641vw, 1.75rem) !important;margin-bottom: 30px !important;margin-top: 20px;}



span.gfield_required.gfield_required_text {display: none !important; }
.gfield_radio [type="radio"]:checked,
.gfield_radio [type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.gfield_radio [type="radio"]:checked + label,
.gfield_radio [type="radio"]:not(:checked) + label {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; font-weight: 500; max-width: 100% !important; position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem);}
.gfield_radio [type="radio"]:checked + label:before,
.gfield_radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgb(214 214 214 / 30%); border-radius: 70px; background: rgb(255 255 255 / 10%); z-index: -1; }
.gfield_radio [type="radio"]:checked + label:after,
.gfield_radio [type="radio"]:not(:checked) + label:after {content: ''; width: 100%; height: 100%; background: rgb(60 188 211 / 10%); position: absolute; top: 0; left: 0; border-radius: 70px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: -1; border: 1px solid #3CBCD3;}
.gfield_radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.gfield_radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.gfield_radio label {padding: 14px 40px !important; height: 60px; display: flex !important; justify-content: center; align-items: center; }
.gfield_radio {display: flex; align-items: center;flex-wrap: wrap; }

.gfield_radio .gchoice {margin-right: 15px;margin-bottom: 10px; }
.gfield_radio [type="radio"]:checked + label{color: #fff !important;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.gfield_radio .gchoice:last-child {margin-right: 0; }
.gform-body input:not([type="submit"]) {width: 100% !important;max-width: 100% !important;border: 1px solid rgb(255 255 255 / 20%); border-radius: 15px; padding: 16px 30px !important; font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important;background-color: transparent;color: #fff; }
.gform-body select{border: 1px solid rgb(255 255 255 / 20%); border-radius: 70px; padding: 16px 30px !important;padding-right: 50px !important;font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important;     background-color: #fff !important;color: #000000 !important;}
.gform_card_icon_container,
label#input_3_28_1_label,
span.ginput_card_security_code_icon,
label.gform-field-label.gform-field-label--type-sub,
legend.gform-field-label.gform-field-label--type-sub {display: none !important; }
fieldset#input_3_28_2_cardinfo_left {-webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding: 0; }
span#input_3_28_2_cardinfo_right {-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-left: 15px !important; }
.gform_wrapper.gravity-theme .ginput_card_expiration_month {margin-right: 0 !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 30px !important;}
span.ginput_card_expiration_month_container.gform-grid-col {padding-right: 15px !important; }
span.ginput_card_expiration_year_container.gform-grid-col {padding-left: 15px !important; }
span.ginput_card_expiration_container.ginput_card_field.gform-grid-row {padding-right: 0px !important; }
fieldset#input_1_28_2_cardinfo_left {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
span#input_1_28_2_cardinfo_right {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
body .gform_wrapper .gform_ajax_spinner {z-index: 5; margin-top: 20px; margin-right: 20px; right:0; background-color:black; border-radius:100%; position:absolute;}
.gform-body.gform_body {margin-bottom: 50px; }

div#field_3_42 label.gfield_label.gform-field-label {margin: 0 !important; }
div#field_3_42 {display: flex; margin-bottom: 40px; border: 1px solid #C3CAD4; border-radius: 60px; align-items: center; }
div#field_3_42 label.gfield_label.gform-field-label {height: 60px;font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem) !important; font-weight: 400; background-color: #00b1de; padding: 15px 30px; border-radius: 70px 0 0 70px; color: #fff; }
div#field_3_42 input#input_3_42 {font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important; padding: 15px 30px; color: #00b1de; }

.gform_footer {border: none ; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%);box-shadow: 0px 2px 2px 0px #FFFFFF66 inset;box-shadow: 0px -3px 2px 0px #0000004D inset;color: #fff !important; font-size: clamp(1.125rem,1.1rem + 0.125vw,1.25rem); font-weight: 500; padding: 19px 40px; padding: 0 !important; position: relative; border-radius: 10px; overflow: hidden;}
.gform_footer::before {content: ""; width: 0%; height: 100%; position: absolute; background-color: #161A1E; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; border-radius: 10px;     box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset;}
.gform_footer:hover::before {width: 100%; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.gform_footer input[type=submit] {width: 100%; margin: 0 !important; border: none; background-color: transparent; padding: 11px 40px; color: #fff !important; font-size: clamp(1.125rem,1.1rem + 0.125vw,1.25rem); font-weight: 500; letter-spacing: 1px; z-index: 1; position: relative; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; height: 60px; }
.gform_footer:hover input[type=submit] {color: #00b1de !important; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }

.validation_message {border-radius: 60px; }
div#validation_message_3_25,
div#validation_message_3_26 {margin-top: -23px;margin-bottom: 30px;}


.donate-form-wrap div#field_1_43 label.gfield_label.gform-field-label{transform: translate(16px, 12px); padding: 8px; display: flex !important; margin: 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; color: #fff; font-size: 16px !important; font-weight: 400 !important; margin: 0px !important; position: absolute; }

.donate-form-wrap div#field_1_43 label.gfield_label.gform-field-label.labelanime{transform: translateY(-25px) translateX(14px); color: #fff; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); display: block; background-color: #222629; z-index: 2; position: absolute; padding: 12px !important; margin: 0 !important;font-weight: 500 !important;}

.donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label,
.donate-form-wrap span#input_1_28_2_cardinfo_right label.gform-field-label.gform-field-label--type-sub,
.donate-form-wrap span#input_1_28_5_container label#input_1_28_5_label  {transform: translate(16px, 12px); padding: 8px; display: flex !important; margin: 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; color: #979797; font-size: 16px !important; font-weight: 400 !important; margin: 0px !important; position: absolute; }

.donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label.labelanime, #input_1_28_5_container #input_1_28_5_label.labelanime{transform: scale(.85) translateY(-25px) translateX(14px); color: #fff; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); display: block; background-color: #222629; z-index: 2; position: absolute; padding: 12px !important; margin: 0 !important;}


.donate-form-wrap span#input_1_28_1_container,
.donate-form-wrap span#input_1_28_2_cardinfo_right,
.donate-form-wrap span#input_1_28_5_container {position: relative;}

.donate-form-wrap span#input_1_28_5_container label#input_1_28_5_label{transform: translate(16px, -55px);}
.donate-form-wrap span#input_1_28_5_container label#input_1_28_5_label.labelanime{transform: translate(16px, -90px);background-color: #222629;z-index: 2;position: absolute;padding: 8px !important;margin: 0 !important;}
.donate-form-wrap span#input_1_28_2_cardinfo_right label.gform-field-label.gform-field-label--type-sub{transform: translate(16px, 0);}
.donate-form-wrap span#input_1_28_2_cardinfo_right label.gform-field-label.gform-field-label--type-sub.labelanime{transform: translate(16px, -35px);background-color: #222629;z-index: 2;position: absolute;padding: 8px !important;margin: 0 !important;width: auto !important;}
.donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label{transform: translate(16px, -87px);}
.donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label.labelanime{transform: translate(16px, -121px);background-color: #222629;z-index: 2;position: absolute;padding: 8px !important;margin: 0 !important;}
/* #field_1_51 label.gfield_label.gform-field-label, #field_1_46 { display: none !important; } */
#field_1_51 label.gfield_label.gform-field-label { font-size: 20px !important; font-weight: 500; padding: 0px !important; margin-bottom: 0px !important; padding-right: 10px !important; }
.card-sec-class span#input_1_28_2_cardinfo_right label.gform-field-label.gform-field-label--type-sub { display: block; width: auto; }


label.gfield_label.gform-field-label{background-color: #222629;}
body .gform_wrapper .gform_body .gform_fields .gfield .gchoice { position: relative; }
.donate-form-wrap { background-color: rgb(255 255 255 / 5%); padding: 100px 100px; border-radius: 15px; border: 1px solid rgb(255 255 255 / 20%); -webkit-transition: all 0.4s; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

.donate-form-wrap legend.gfield_label.gform-field-label, .gfield_no_follows_desc { font-size: clamp(1.25rem, 1.135rem + 0.513vw, 1.75rem); color: #3CBCD3 !important; }

div#field_1_42 { display: flex; margin-bottom: 30px; border: 1px solid #C3CAD4; border-radius: 15px; align-items: center;overflow: hidden;grid-column: 1 / -1; }

div#field_1_42 label.gfield_label.gform-field-label { height: 60px; font-size: clamp(1.125rem, 1.096rem + 0.128vw, 1.25rem) !important; font-weight: 400; background: linear-gradient(360deg, #3CBCD3 0%, #0AAEE9 100%);padding: 15px 30px !important; color: #fff; margin: 0 !important; height: 100%; display: flex; align-items: center; justify-content: center; }

#field_1_41{margin-bottom: 30px;}

.ginput_container_select select{font-weight: 400 !important;font-size: 16px;}

.ginput_container_total input, .gfield--input-type-email input { font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important; padding: 15px 30px; color: #fff !important; }

.gfield--input-type-text .gform-field-label, .gfield--input-type-email .gform-field-label { transform: translate(16px, 12px); padding: 8px; display: flex; margin: 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; color: #979797; font-size: 16px !important; font-weight: 400 !important; margin: 0px !important;position: absolute; }

.gfield--input-type-text .gform-field-label.labelanime, .gfield--input-type-email .gform-field-label.labelanime,  .gfield--input-type-text.gfield_error  .gform-field-label, .gfield--input-type-email.gfield_error  .gform-field-label, .gfield_error label#input_1_28_1_label, .donate-form-wrap div#field_1_43.gfield_error label.gfield_label.gform-field-label{ transform: scale(1) translateY(-25px) translateX(14px); color: #fff; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); display: block; background-color: #222629ff !important; backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); z-index: 2; position: absolute; padding: 12px !important; margin: 0 !important; }

.donate-form-wrap .gfield_error label.gfield_label.gform-field-label{color: #c02b0a !important;}
.gform-body select:invalid { color: #979797 !important }

.gform-body select { border: 1px solid rgb(255 255 255 / 20%); border-radius: 70px; padding: 16px 30px !important; padding-right: 50px !important; font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem) !important; background-color: transparent !important; color: #fff !important; }
.gform-body select { appearance: none; -webkit-appearance: none; height: 70px !important; padding-right: 60px !important; background-image: url(../images/white-select.svg); background-repeat: no-repeat; background-position: right 30px center; border-radius: 15px; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 0 !important; }

.gfield--input-type-email, .gfield--input-type-text{position: relative;} 

.gfield--width-half, .gfield--width-full, #input_1_28_1, #input_1_28_2_container{margin-bottom: 30px;}

.gform-body input:not([type="submit"])::placeholder { color: #fff !important; opacity: 1; }

.gform-body input:not([type="submit"])::-ms-input-placeholder { color: #fff !important; }

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: transparent !important; border: none !important; font-size: 14.992px; margin-block-start: 8px; padding: 0 !important; }

.gform-body select option{color: #000000 !important;}


input[type = 'search']::-webkit-search-cancel-button{ -webkit-appearance: none; content: "";  position: absolute; width: 15px; height: 15px; background-image: url('../images/close.svg') !important; top: 25px; right: 70px; padding: 0px;background-repeat: no-repeat;background-position: center;background-size: contain; }

.for-mediam, .for-sm{display: none;}
.wpcf7-form-control-wrap{display: block;}
.gform_wrapper.gravity-theme legend {padding: 0 !important;margin-top: 20px;}

.custom-amount-seclect legend.gfield_label.gform-field-label.labelanime {margin-top: 0 !important; margin-bottom: 20px !important;font-size: clamp(1.125rem, 1.102rem + 0.123vw, 1.25rem) !important; color: #fff !important; font-weight: 400; }

div#field_1_48 {margin-top: 0 !important; }

span#input_1_28_1_container {margin: 0; }

 
/* =================== 404page ================= */
.not-found-page .explore-form-wrap .form-floating label { align-items: center; }
.not-found-page .explore-form-wrap { width: 100%; margin-bottom: 20px; }
p.gform_description { margin-bottom: 0; }
.newslatter-sec span.wpcf7-spinner.spinner-border { position: absolute; top: 4px; right: 0 !important; background-color: transparent;z-index: 2; }
.search-section{min-height: 600px;}
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader::before {display: none !important; }
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader {position: absolute; bottom: 0; margin: 0; padding: 0; width: 12px; min-width: 12px; height: 12px; border: 1px solid #fff; background-color: #ff141400; right: 2px !important; border-top-left-radius: 110px; border-top-right-radius: 110px; border-top: 3px; border-radius: 50px !important; top: 19px; }
footer span.wpcf7-spinner {position: absolute; top: 21px; right: -22px !important; left: unset; }
.search-page .glow-left {top: 8%;}
body{padding: 0 !important;}

/* .read-list-search.recent-list-w {padding-left: 60px; } */
.read-list-search.recent-list-w .read-list.read-list-cont {background-color: rgb(10 174 233 / 5%);margin-bottom: 0px;padding: 30px 30px;border: 1px solid rgb(10 174 233 / 30%);border-radius: 0px 0px 15px 15px;color: #3CBCD3;}
/* .read-list-search.recent-list-w .after-line {position: absolute;bottom: -14px;right: 0;left: 60px;margin: 0 auto;text-align: center; } */
.read-details-left{padding-right: 60px; color:white}
.read-details-left h3 { margin: 0 0 20px; }
.read-details-left ul.category-li a { color: #B9BFC1; }
/* .watch-list-wraper.filter-select .detailes-video h4 {
  height: 59px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px !important;
} */
/* .gallery-wrap #gallery { display: flex; flex-wrap: wrap; } */
.watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video .calender { margin-bottom: 12px; }
.watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video  h4 { margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 48px; }
/* ---------------------------------- */

.loading-animation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}

.bounce1,.bounce2,.bounce3 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #EFEFEF;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 1.5s infinite;
}

.bounce2 {
  animation-delay: 0.5s;
}

.bounce3 {
  animation-delay: 1s;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.controls-pagination .mixitup-page-stats {display: none; }
.controls-pagination {text-align: center; margin-top: 50px; color: white;}
.controls-pagination .mixitup-page-list {display: inline-block; margin: 0 auto; background: #FFFFFF08; border: 1px solid #5F5F5F4D; padding: 10px; border-radius: 5px; }
.controls-pagination button.mixitup-control {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background: #FFFFFF08; border: none; color: #fff; width: 50px; height: 50px; border-radius: 5px; padding:0;}
.controls-pagination button.mixitup-control:hover,
.controls-pagination button.mixitup-control.mixitup-control-active {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background-color: #0AAEE9; }


.video-poster-img { top: 0; bottom: 0; position: absolute; left: 0; right: 0; }
.video-poster-img img { width: 100%; height: 100%; object-fit: cover; }
.read-list-wraper { z-index: 9; }
.form-floating>label { height: fit-content; }

.iron-audioplayer .srp_player_boxed, .single-album .iron-audioplayer[data-playertemplate="skin_float_tracklist"] .album-player{background-color: transparent !important;padding: 0px !important;}
.iron-audioplayer .srp-play-circle {border: none !important;background-color: #00b3dd !important;box-shadow: 0px 2px 2px 0px #FFFFFF66 inset, 0px -3px 2px 0px #0000004D inset; }
.iron-audioplayer .control .sricon-play, .srp-play-button .sricon-play, .srp_pagination .active, .iron-audioplayer .control, .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_progressbar, .srp_player_boxed .srp_noteButton{color: #fff !important;}
.sonaar_fake_wave{display: block !important;}
.iron-audioplayer .player .currentTime { opacity: 1; font-size: 16px; }
.iron-audioplayer .player canvas, #sonaar-player .player canvas{height: 50px !important;}
.sr_progressbar { position: relative; }
.sr_progressbar .currentTime { position: absolute; top: 52px; opacity: 1 !important; left: 0; }
.sr_progressbar .totalTime { position: absolute; top: 52px; opacity: 1 !important; right: 0;font-size: 16px; }
.search-page .form-floating>.form-control:not(:placeholder-shown)~label::after { backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); background-color: #20232700; }

.listen-inner-banner{position: relative;z-index: 2;}
.inner-main-wraper .row.podcast_data { position: relative; z-index: 2; }
.search-section .explore-section::after{display: none;}
#field_1_51 { position: absolute; right: 0; top: 95px; display: flex; align-items: center; }
.gform_wrapper form{position: relative;}
.episodes-section  .container{z-index: 2;position: relative;}


.sub-menu .menu-group { width: 100%; }
.sub-menu .menu-group li { width: 100%; max-width: 100% !important; }
.sub-menu .menu-group li a { width: 100%; }
header .main-menu ul .sub-menu .menu-group li:first-child {padding-left: 0px;}
header .main-menu ul .sub-menu .menu-group { display: flex; align-items: center; justify-content: center; }
header .main-menu ul .sub-menu .menu-group li{border-bottom: 1px solid #FFFFFF33;border-right: 1px solid #FFFFFF33;}
header .main-menu ul .sub-menu .menu-group:last-child li{border-bottom: 0px;}
header .main-menu ul .sub-menu .menu-group li:last-child{padding-right: 0px;border-right: none;}
header .main-menu ul .sub-menu .menu-group:first-child li{padding-top: 0px;}
header .main-menu ul .sub-menu .menu-group:last-child li{padding-bottom: 0px;}
header .main-menu ul .sub-menu .menu-group{padding: 15px 15px;}
header .main-menu ul .sub-menu .menu-group:last-child{padding-top: 0px;}
header .main-menu ul .sub-menu .menu-group { padding: 15px 15px 0px 15px; }
header .main-menu ul .sub-menu .menu-group:last-child{padding-bottom: 15px;}
.read-details-right, .read-list-cont{position: relative;}
.read-details-right::after, .read-list-cont::after{content: ""; position: absolute; left: 0px; bottom: 0; background-image: url(../images/Line.svg); width: 100%; height: 1px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.explore-form-wrap .form-floating label, .explore-form-wrap .form-floating label { align-items: center; justify-content: center; height: 100%; display: flex !important;}
.search_result ul.search_result_list.read-list-cont { list-style: none; padding: 15px; border-radius: 20px; margin-top: 10px; }

.search_result ul.search_result_list.read-list-cont > li:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; position: relative; }
.search_result ul.search_result_list.read-list-cont > li:not(:last-child)::after { content: ""; position: absolute; bottom: 0; max-width: 100%; height: 1px; width: 100%; background-color: #FFFFFF; left: 0; opacity: 0.10; }


.latest-podcasts-sec-wraper .row .col-lg-3.col-md-6, .listen-page  .row .col-md-6{ margin-bottom: 20px; }
 
.footer-main .explore-form-wrap .form-floating label{height: auto !important;}
.gform_wrapper.gravity-theme .gsection { border-bottom: 1px solid rgb(255 255 255 / 10%) !important; margin-bottom: 20px;}
.content-box-wrap .detailes-video{width: calc(100% - 80px);padding-right: 12px;}
.gform_footer:hover input[type=submit]{color: #fff !important;}

.show-cursor button, .pause-cursor button{cursor:  pointer !important;}

.gfield--input-type-creditcard.gfield_error label#input_1_28_1_label { transform: scale(1) translateY(-124px) translateX(14px) !important; color: #c02b0a !important; }
.gfield_error label#input_1_28_5_label, .card-sec-class.gfield_error span#input_1_28_2_cardinfo_right .gform-field-label  { transform: scale(1) translateY(-89px) translateX(14px) !important; color: #c02b0a !important; }
.gfield_error input#input_1_28_5 { border: 1px solid #c02b0a; }
.card-sec-class.gfield_error span#input_1_28_2_cardinfo_right .gform-field-label.gform-field-label--type-sub { transform: scale(1) translateY(-34px) translateX(14px) !important; color: #c02b0a !important; display: block !important;width: auto !important;}
#input_1_28_5_container label#input_1_28_5_label, .card-sec-class span#input_1_28_2_cardinfo_right .gform-field-label{background-color: #222629ff !important;}
input:placeholder-shown {
  background-color: transparent !important;
}
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

input:-internal-autofill-selected {
  background-color: transparent;
}
.orthodox-form-wrap .form-floating.labelanime label{color: #fff;}
.read-page.inner-main-wraper .glow-left{top: 30%;}
.newslatter-sec span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader { right: 70px !important; top: 30px; }
.custom_amount_validation label.gfield_label.gform-field-label { color: #c02b0a !important; transform: scale(1) translateY(-25px) translateX(14px) !important; color: #fff; font-size: clamp(1rem, 0.942rem + 0.256vw, 1.25rem); display: block; background-color: #222629ff !important; backdrop-filter: blur(10px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(10px); z-index: 2; position: absolute; padding: 12px !important; margin: 0 !important; }

.custom_amount_validation input#input_1_43 {
  border: 1px solid #c02b0a;
}

/*Media Query css*/


@media only screen and ( min-width:1500px ) {
    .container { max-width: 1400px !important;}


}

@media only screen and ( min-width:1700px ) {
  .container { max-width: 1630px !important;}


}


@media only screen and ( max-width:1601px ) {
  .main-header .logo { max-width: 211px;}
  .main-menu ul li:not(:last-child) { margin-right: 0px; }
  .main-menu ul li a, .main-menu ul li { padding: 5px 14px;}
  /* .main-header .user-sec a { margin-right: 20px; } */
  .main-header.fixed .logo { max-width: 200px;}
  /* ====================== header end =========================== */


  .latest-podcasts-sec-wraper .swiper-button-next{right: 0px;}
  .latest-podcasts-sec-wraper .swiper-button-prev{left: 0px;}
  .explore-section .section-heading { max-width: 700px; }


  .search-banner .glow-left { left: -29%; top: -82%; }
  .main-menu ul li.menu-item-has-children a { padding-right: 30px; }
  .main-menu ul li.menu-item-has-children a:after { top: 14px; right: 15px; }
  .menu-search-container { width: 70%; } 
  .contact-submit-wrap.btn { margin-top: 20px; }
  .donate-form-wrap { padding: 60px 60px;}
  .search-page.search-section .explore-form-wrap { max-width: 990px; margin: 0 auto; }

  /* .search-page .glow-right { top: -29%;}
  .glow-right { right: -35%;} */
  .episodes-section .spinner-item {height: 600px;width: 600px;}
  .main-menu ul li {margin-right: 7px !important; }

  header .main-menu ul .sub-menu {transform: translate(-40%, 0px);}
  .search-results .glow-left { max-width: 740px; }

  .watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video  h4 { min-height: 45px; }

}

@media only screen and ( max-width:1441px ) {
  .main-menu ul li a, .main-menu ul li { padding: 5px 10px; }
  .main-menu ul li.menu-item-has-children a {padding-right: 25px;}
  .main-menu ul li.menu-item-has-children a:after {top: 13px;right: 11px;}

  .main-header { padding: 20px 0px;}
   /* ====================== header end =========================== */
 
  .word-listing-section .word-listing-right{padding: 30px 30px;}
  .word-listing-section .word-listing-right .count-area .count-area-content .count-icon { width: 80px; height: 80px; border-radius: 20px; padding: 14px; }
  .word-listing-section .word-listing-right .count-area .count-area-content .counter-content { padding-left: 15px; }
  .latest-videos-sec-wraper .swiper-slide.swiper-slide-active .video-wrapper .content-box-wrap .detailes-video{width: calc(100% - 70px);}
  .play-button-wrapper { width: 70px; height: 70px; }
  .contact-left-sec { padding:0px 30px 30px 30px; }
  .footer-logo { max-width: 300px; }
  .contact-left-sec-wrap{padding-right: 50px;}
  .latest-videos-sec-wraper .swiper-button-prev { right: 10%; }
  
  /* .watch-list-wraper.filter-select .detailes-video h4 {
  height: 54px;} */

/* ========================= read ========================= */
.latest-podcasts-bottom { padding: 15px 11px;}
.podcasts-box{padding: 15px;}

.latest-podcasts-bottom{border-radius: 10px;}

/* ========================= read details ========================= */
/* .read-details-right { padding-left: 20px; } */
.read-details-right .read-list-cont{padding: 20px 20px;}
.read-list-cont .row .col-lg-4 { width: 25%; }
.read-list-cont .row .col-lg-8 { width: 75%; }
.tag{font-size: 14px;}
.music-play-image { height: 200px; width: 200px; }
.music-play-wrap .music-play-content { width: calc(100% - 200px); }
.podcast-details-wrap .read-details-left { padding-right: 0; }

/* ======================= mm-il =========================== */
.mmil-row-wrap { padding: 40px 40px; }
.mmil-card-image-right .mmil-card-image-content { padding: 40px 40px; }
.mmil-col-right { padding: 60px 20px;}
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex, .achievements-sec .count-area-content .counter-content .d-flex { font-size: 46px; }
/*.count-title { padding-left: 10px; }*/
/* .read-list-search.recent-list-w .after-line {left: 20px;} */
/* .read-list-search.recent-list-w {padding-left: 20px; } */
.search-page.search-section .explore-form-wrap { max-width: 840px; }
.read-details-left{padding-right: 40px;}
.latest-podcasts-section.partical-sec-animaton .latest-podcasts-glow{top: 0%;opacity: 0.6 !important;}
.not-found-page .glow-left { width: 14rem; height: 14rem; }
}

@media only screen and ( max-width:1399px ) {
.read-details-right { padding-left: 0; }
.read-list-content ul li h5,   .read-list-content ul li .calender{font-size: 13px;}
.calender { font-size: 12px;}
.podcasts-content-box-wrap h5 { margin-bottom: 5px; }
.image-box{margin-bottom: 20px}
.listen-banner-row { padding: 15px 15px; }
header .main-menu ul .sub-menu { transform: translate(-32%, 0px);}
/* .read-list-search.recent-list-w {padding-left: 0;} */
/* .read-list-search.recent-list-w .after-line {left: 0;} */
/* .read-list-search.recent-list-w .after-line { bottom: -11px;} */
.read-details-right .after-line {left: 0;}
.episodes-section .spinner-item {height: 400px;width: 400px;}
.main-menu ul li {margin-right: 0px !important;}
.main-header .user-sec a {margin-right: 0;}
header a.btn { margin-left: 20px;}
.controls-pagination {margin-top: 30px;}

/* 
.glow-right, .glow-left { height: 16rem; width: 16rem;filter: blur(150px);-webkit-transition: all 0.4s;
  -webkit-backdrop-filter: blur(150px);
  -webkit-filter: blur(150px);
  -moz-filter: blur(150px);
  -ms-filter: blur(150px);} */
.glow-left { height: 20rem; width: 20rem; filter: blur(80px); -webkit-transition: all 0.4s; -webkit-backdrop-filter: blur(80px); -webkit-filter: blur(80px); -moz-filter: blur(80px); -ms-filter: blur(80px); }

.latest-podcasts-glow { left: -43%; top: -20%; }
.Latest.Articles-glow { top: 25%; left: -29%; max-width: 800px; }

.watch-list-wraper .video-with-content {height: 200px;}

.filter-select .gallery-item { padding: 10px; }

}


@media only screen and ( max-width:1280px ) {
  .donation-box { padding: 50px 50px 0px 50px; }
  .common-padd { padding-top: 60px; padding-bottom: 60px; }
  .word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex, .achievements-sec .count-area-content .counter-content .d-flex{font-size: 40px;} 
  .read-details-right { padding-left: 0; }
  .inner-main-wraper { padding-top: 150px; }
/* ========================= read ========================= */
.slider-tab-wraper ul.nav-tabs li.nav-item { padding-right: 10px;margin-bottom: 10px; }
.read-banner-row.podcasts-box .image-box { padding-bottom: 50%; margin-bottom: 20px; }
/* ========================= read details ========================= */
.listing-col-right { padding-left: 0px; }
.listing-col-right ul { margin: 15px 0px; }

/* ======================== Pause ========================= */
.listing-col-right ul li { padding-right: 16px; margin-right: 12px; }
.inner-watch-page .donate-video-wraper .video-with-content { height: 490px; margin-bottom: 20px; }
.achievements-sec .count-area-content .count-icon { width: 65px; height: 65px; border-radius: 10px; padding: 10px; }

.mmil-row-wrap { padding: 20px 20px; }
.mmil-col-right { padding: 40px 20px;}
.mmil-col-left p { margin-bottom: 20px; }
.donate-video-wraper .video-with-content { height: 590px; }
.donors-section .swiper-button-prev { right: 65px;}
/* .read-list-wraper .filter-select .gallery-item { width: 33.33%; padding: 10px; } */
.donate-form-wrap { padding: 40px 40px; }
.gfield_radio label { padding: 12px 33px !important;height: 50px;}
div#field_1_42 label.gfield_label.gform-field-label{font-size: 14px !important;}
.read-details-right .after-line { bottom: -12px;}
.listen-wraper .row.align-items-center .col-lg-5 .image-box { margin-bottom: 0px; padding-bottom: 63%; }
.read-details-left{padding-right: 0px;}

.watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video  h4 { min-height: 43px; }

.listen-page .row .col-lg-4.col-md-6 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
}


@media only screen and ( max-width:1199px ) {
  .hamburger-nav{ display: inline-block; margin-left: 20px; }
  .mobile-menu ul li a.btn {padding: 15px 20px; width: 215px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
  .mobile-menu-container{display: block;}    
  .hamburger-nav span{background: #fff;}
  .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
  .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
  .mobile-menu ul li { padding: 0;margin: 0px; padding-bottom: 20px;}
  .mobile-menu ul li a,
  .mobile-menu ul li { font-size: 20px; color: #fff;  text-align: center;  font-weight: 800; text-transform: uppercase;} 
  .mobile-menu ul li a:hover{color: #00b4db;}
  .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;padding-bottom: 0px;}  
  .mobile_menu_btn{margin-top: 30px;}
  .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
  .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
  .mobile_menu_btn a.plbig{margin-right: 15px;}
  .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
  .mobile-menu ul li span {margin-left: 0px;}
  .main-menu { display: none; }
  .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }

  .mobile-menu ul li.menu-item-has-children:after {content: ""; position: absolute; top: 8px; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #fff; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; left: inherit; right: 0; margin: 0 auto; }
  .mobile-menu ul li.menu-item-has-children.menu-has-children-open:after {transform: rotate(225deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
  /* ====================== header end =========================== */
  /* .main-header .user-sec a.btn {display: none;} */

  .home-banner.partial-banner .glow-left { top: inherit; bottom: 10%; }

  .contact-left-sec-wrap{padding-right: 0px;}
  .footer-menu ul li { padding-right: 25px; margin-right: 25px; }


/* ========================= read ========================= */
.read-list-wraper .row .col-lg-3 { width: 33.33%; }
.read-list-wraper .slider-tab-wraper ul.nav-tabs { margin-bottom: 30px; }
.read-list-content ul{display: block;}
.read-list-content ul li .calender{margin-left: -1px;}
.read-list-content ul li::after{display: none;}
.read-list-content ul li{padding: 0px;margin-right: 0px;margin-bottom: 10px;}
.read-list-cont .row .col-lg-4 { width: 33.33%; }
.read-list-cont .row .col-lg-8 { width: 66.66%; }
.read-list-search h3 { padding: 20px 20px; }
.read-list-cont .row .col-lg-4{padding-right: 10px;}
/* Watch */

.filter-select .gallery-item {width: 50%; }
.watch-list-wraper .video-with-content {height: 238px;}

.read-list-wraper .filter-select .gallery-item { width: 50%; }

/* ================================= podcast-detail ============================= */
.music-play-content-top { display: block; margin-bottom: 11px; }
.music-play-content-top .play-tag-wrap{margin-bottom: 10px;}
.achievements-sec .count-area-content { padding: 20px 15px; }
.orthodox-form-wrap .form-top-sky { padding: 21px 22px; margin-top: -135px; }
.search-result-section .row .col-md-6 { margin-bottom: 20px; }
.single-video .profils-date-flex h5.blue-text{ margin-bottom: 12px; }
.footer-logo { max-width: 250px; }
.mobile-menu-container ul.sub-menu span.menu-image-hover-wrapper { display: block; height: 100px; width: 100px; margin: 0; }
.mobile-menu-container ul.sub-menu li { text-align: center; }
.mobile-menu-container ul.sub-menu li a { text-align: left; display: flex; align-items: center; width: 100%; }
.mobile-menu-container ul.sub-menu span img { width: 100%; height: 100%; object-fit: cover; display: block;margin: 0px !important; }
/*.mobile-menu-container ul.sub-menu.sub-menu-open { background-color: transparent; padding: 10px 20px; box-shadow: 0px 4px 20px #00000070; border-radius: 10px; }*/
.mobile-menu-container ul.sub-menu li a { width: 100%; font-size: 18px;}
.menu-search-container { position: fixed; top: 12px; width: 100%;right: 0;margin: 0 auto; }
.menu-search-close { position: absolute; right: 25px; top: 30%; }
.mobile-menu ul li.menu-item-has-children > a{display: inline-block;}
header .user-sec a.btn{margin-left: 10px;}
.menu-search-container.for-desktop-search-box.active .menu-search-input { background-color: #191b1d; }
.menu-search-container{top: 0;}
.mobile-menu ul li.menu-item-has-children:after{top: 12px;}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.menu-image { opacity: 0; visibility: hidden; height: 0; }
.for-sm, .for-large{display: none;}
.for-mediam{display: block;}
#field_1_51{position: relative; right:inherit; top: inherit;display: block;}
.menu-image-title-after.menu-image-not-hovered img{width: 100px;height: 100px; object-fit: cover; border-radius: 5px;padding: 0; margin-right: 10px;}
img.for-mediam { transform: scale(1.5); }
.mobile-menu-open .mobile-menu ul li { border-bottom: 2px solid #fff; margin-bottom: 12px; padding-bottom: 12px;border-radius: 0px; }
.mobile-menu .mobile-btn{width: 100%;}
.mobile-menu ul li a, .mobile-menu ul li{text-align: left;}
.mobile-menu-container ul.sub-menu{max-width: 100%;}
/*.mobile-menu-open .mobile-menu ul li:last-child{border: none;}*/
.mobile-menu-container ul.sub-menu li{border-bottom: none;}
.mobile-menu li span.dropdown-icon-menu{    width: 30px; height: 30px; background: transparent; display: block; position: absolute; top: 0; right: 0}
.controls-pagination button.mixitup-control:hover{background-color: #FFFFFF08;}
.controls-pagination button.mixitup-control.mixitup-control-active{background-color: #0AAEE9;}


.music-play-content-top .play-tag-wrap { flex-direction: column; align-items: flex-start; gap: 10px; }
.podcasts-content-box-wrap h3 { min-height: 55px; }

.Ellipse-rounded { bottom: -150px; }
 
}

@media only screen and ( max-width: 1024px ) {
img.for-mediam { transform: scale(1.2); }
}

@media only screen and ( max-width: 991px ) {

  .btn{padding: 12px 30px;}
  .inner-main-wraper { padding-top: 140px; }

  .word-listing-section .col-lg-7 { margin-bottom: 30px; }
  .donation-icon-wrap { max-width: 180px; margin: 20px auto 0; }
  .word-listing-left { text-align: center; }
  .word-listing-left .section-heading h3 { text-align: center; }
  .contact-section .col-lg-6 { margin-bottom: 30px; }
  .contact-right-sec .heading-left{text-align: center;}
  .latest-videos-sec-wraper .swiper-button-prev { right: 13%; }
  .copyright-sec .container { display: block;}
  .copyright-left { margin-bottom: 10px; }
  .latest-videos-sec-wraper .swiper-button-prev, .latest-videos-sec-wraper .swiper-button-next { top: -62px;}
  .banner-content-wrap span.quote-top { left: -21px; top: -15px; max-width: 64px; }
  .banner-content-wrap span.quote-bottom { position: absolute; right: -25px; bottom: -5px; max-width: 64px; }
  .banner-content-wrap::before, .banner-content-wrap::after { width: 92%; height: 84%;}
  .banner-content-wrap .banner-content .banner-highlight::after { width: 50px;}
  .banner-content-wrap .banner-content .banner-highlight { padding-left: 55px;}
  .banner-content-wrap .banner-content .banner-highlight{font-size: 22px;}
  .episodes-section .spinner-wrap {top: 20%;}
  
  .spinner-wrap {opacity: 0.4;}



/* ========================= read ========================= */
.read-list-wraper .row .col-lg-3 { width: 50%; }

/* ========================= read details ========================= */
.read-list-content ul { display: flex; }
.footer-top .row { padding: 40px 0px; }
.copyright-left, .copyright-right{text-align: center;}



/* ===========================  read details page toggle for mobile ===============================  */
.read-list-content ul li::after{display: block;}
.read-list-content ul li { padding-right: 13px; margin-right: 12px; margin-bottom: 5px; }
/* .latest-articles-profile{margin-bottom: 0px;} */
.podcasts-content-box-wrap ul{margin: 10px 0px;}
.profils-date-flex{margin-bottom: 12px;}
.read-social-icon { padding: 15px 15px; margin: 20px 0px; margin-top: 30px;}
.read-list-wraper .gallery-item { width: 50%; }
/* ============================ pause ======================== */
.platform-wrapper ul li { padding: 0px 5px; margin-bottom: 10px; }
.platform-wrapper ul li a { padding: 13px 12px;}
.platform-wrapper { padding: 30px 30px; }
.listing-col-left{margin-bottom: 20px;} 
.episodes-section .row .col-md-6 { margin-bottom: 15px; }
.platform-wrapper ul li a img { margin-right: 7px; width: 20px; height: 20px; }
.watch-banner .watch-banner-video-content { display: flex; align-items: center; justify-content: space-between;margin-top: 20px; }
.watch-banner-video-content .play-gif{margin-top: 0px;}
.watch-list-wraper .row .col-lg-4 { margin-bottom: 30px; }
.inner-watch-page .row .col-lg-5 { width: 35%; }
.inner-watch-page .row .col-lg-7 { width: 65%; }
.inner-watch-page .donate-video-wraper .video-with-content { height: 320px; }
/* .read-list-img { height: 100px; } */
.orthodox-form-wrap { padding: 30px 30px; }
.orthodox-form-wrap .form-top-sky { margin-top: -79px;margin-bottom: 25px; }
.orthodox-form-wrap .contact-right-sec .row .col-md-6, .orthodox-form-wrap .contact-right-sec .row .col-12 { margin-bottom: 22px; }
.mmil-col-left { margin-bottom: 20px;text-align: center; }
.mmil-card-image-section .col-lg-5 { margin-bottom: 20px; }
.mm-logo { margin: 0 auto 40px; }
.mmil-card-image-right .mmil-card-image-content { padding: 20px 20px; }
.platform-circles { max-width: 260px; }
.section-heading h6{justify-content: center;}
.heading-left{text-align: center;}
.home-doner-section #donors-slider{padding: 0px 22px;}
.full-circle { max-width: 267px; position: absolute; right: -42%; top: 87px; }
.home-banner .banner-image { order: 2; margin-top: 0px;opacity: 0.5; z-index: -1;}
/* .home-banner .glow-left { display: none; } */
/* .listen-page .listen-glow, .mm-il-page .glow-left  { display: none; } */
.listen-page .glow-right, .mm-il-page .glow-right { opacity: 0.5; }

.banner-image::after{background: linear-gradient(180deg, #161A1E 0%, rgba(22, 26, 30, 0.98) 8.81%, rgba(22, 26, 30, 0.91) 17.44%, rgba(22, 26, 30, 0.5) 51.5%, rgba(22, 26, 30, 0.98) 91.64%, #161A1E 100%);}
.audio-background { top: -18%; }
.banner-image::before{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(89.83deg, rgba(22, 26, 30, 0.5) 0.17%, rgba(22, 26, 30, 0) 50.14%, rgba(22, 26, 30, 0.5) 99.87%);}
.footer-logo { max-width: 230px; }
.footer-logo-wrap::after, .footer-logo-wrap::before{width: 30%;}
.watch-list-wraper .gallery-item {width: 49%; padding: 15px;} 
.watch-list-wraper .video-with-content {height:178px;}

.contact-submit-wrap-left{text-align: center;}
.inner-watch-page .donate-video-wraper {margin-bottom: 20px; }
.inner-main-wraper .glow-right, .listen-glow{opacity: 0.5;}
.read-banner-row.podcasts-box .image-box { padding-bottom: 100%; }
/* .donate-video-wraper .video-container { height: 370px;} */
.donate-video-wraper .play-button{width: 60px;height: 60px;}
span#input_1_28_2_container { display: block; padding: 0 !important; }
span#input_1_28_2_container span.ginput_card_expiration_container.ginput_card_field.gform-grid-row { padding: 0 !important; margin-bottom: 7px; }
span#input_1_28_2_container span#input_1_28_2_cardinfo_right { width: 100%; }

fieldset#input_1_28_2_cardinfo_left {padding: 0; margin-bottom: 23px; }
span#input_1_28_2_cardinfo_right {padding: 0; margin-bottom: 10px; }
.gform-body.gform_body {margin-bottom: 35px; }
.gform_wrapper.gravity-theme legend {margin-top: 10px;}
fieldset#input_1_28_2_cardinfo_left {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
span#input_1_28_2_cardinfo_right {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.listen-wraper .row.align-items-center .col-lg-5 .image-box { margin-bottom: 20px; }
/* .glow-right { height: 15rem; width: 15rem;} */
.latest-podcasts-section.partical-sec-animaton .latest-podcasts-glow{opacity: 0.4 !important;}
.latest-podcasts-section .latest-podcasts-glow { left: -77%; }
.advertise-banner .Ellipse-rounded { bottom: -40%; }

.watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video  h4 { min-height: 42px; }
.podcasts-content-box-wrap h3 { min-height: 49px; }

.home-doner-section .donors-slider-wrap { padding-bottom: 70px; }
.donors-section .swiper-button-prev { right: inherit; top: inherit; bottom: -24px; left: calc(50% - 60px); }
.donors-section .swiper-button-next { right: calc(50% - 60px); top: inherit; bottom: -24px; }

.latest-videos .latest-videos-sec-wraper { padding-bottom: 70px; }
.latest-videos-sec-wraper .swiper-button-prev { right: inherit; top: inherit; bottom: -24px; left: calc(50% - 60px); }
.latest-videos-sec-wraper .swiper-button-next { right: calc(50% - 60px); top: inherit; bottom: -24px; }

 
.Ellipse-rounded { bottom: 0px; }
/* .read-carve { position: absolute; bottom: 0; width: 40%; } */

.listen-page .row .col-lg-4.col-md-6 { width: 50%; }

.profils-date-flex ul li  img { margin-right: 7px; margin-top: -1px; width: 14px !important; }
.profils-date-flex ul li { padding-right: 14px; margin-right: 11px; }

}



@media only screen and ( max-width: 767px ) {

  .btn{padding: 11px 35px;}
  h1, h2, h3, h4, h5, h6{margin-bottom: 15px;}
  .banner-content { padding: 50px 30px; }
  

  .video-wrapper .content-box-wrap { padding: 0px 20px;}
  .donation-box { padding: 20px 20px 0px 20px;border-radius: 25px; }
  .contact-left-image { height: 400px; margin-bottom: 25px; }
  .play-button-wrapper, .watch-banner-video-content .play-gif { width: 50px; height: 50px; }
  .latest-videos-sec-wraper .swiper-slide.swiper-slide-active .video-wrapper .content-box-wrap .detailes-video{width: calc(100% - 50px);}
  .footer-logo { max-width: 215px; }
  .footer-logo-wrap::after, .footer-logo-wrap::before { width: 26%; }
  .main-header .user-sec a { margin-right: 0px; }
  .banner-content-wrap span.quote-top { left: 0px; top: -6px; max-width: 47px; }
  .banner-content-wrap span.quote-bottom{right: 0px; bottom: -6px; max-width: 47px;}
  .footer-menu ul li { padding-right: 15px; margin-right: 15px; }
  
  .audio-section, .latest-videos-sec-wraper, .audio-slider-sec-wraper  { padding-left: 10px; padding-right: 10px; }
  .banner-button-wrap { margin-top: 30px; }
  .butm-btn a { width: 38px; height: 38px;}
  .contact-submit-wrap-left,   .footer-details {text-align: center;}
/* ========================= read ========================= */
.bottom-glow{bottom: 0%;}
/* ========================= read details ========================= */
.read-details-image { margin-bottom: 20px; }
.watch-banner-wrap{padding: 15px;}
.heading-center { margin: 0px auto 30px; }
.mm-logo { max-width: 189px; margin: 0 auto 30px; }
.mmil-col-right { padding: 22px 20px; }
.donate-video-wraper .video-with-content { height: 380px; }
.watch-banner-wrap .donate-video-wraper .video-with-content{height: 225px;}
.banner-main-content .container { padding-top: 120px;padding-bottom: 120px;}
.footer-menu { padding: 15px 0px; }
.platform-wrapper { padding: 20px 19px; }
/*.latest-videos-sec-wraper .video-image-box::after{content: ""; position: absolute;top: 0px;bottom: 0;left: 0;right: 0;background-color: #00000087;}*/
.advertise-page .glow-right { opacity: 0.5; }
.advertise-page .glow-left{display: none;}

.advertise-page .achievements-sec{padding-top: 50px !important;}
.calender { font-size: 13px; }
.podcast-details-page .glow-left { opacity: 0.2; }
.platform-wrapper ul{justify-content: center;}
.explore-after{max-width: 200px;}
.word-listing-section .listing-bottom { /*bottom: -6%;*/bottom: -12%;width: 1050px;}
.watch-list-wraper .video-with-content { height: 300px; margin-bottom: 10px; border-radius: 15px; }
.content-box-wrap .detailes-video {width: calc(100% - 30px);}
/* .read-details-left .donate-video-wraper .video-container {height: 225px;} */
.video-with-content a img{border-radius: 15px;}
.donors-slider-wrap{padding-bottom: 60px;}
.donors-slider-wrap .swiper-button-next, .donors-slider-wrap .swiper-button-prev{top:inherit;bottom:0px;transform: unset;}
.advertise-page .donors-slider-wrap .swiper-button-prev, .advertise-page .donors-slider-wrap .swiper-button-next { transform: translateY(0); }

.swiper-button-next {left: 0 !important; right: -70px !important; margin: 0 auto; top: unset !important;bottom: 0px !important;}
.swiper-button-prev { left: -70px !important; right: 0 !important; margin: 0 auto; top: unset !important; bottom: 0px !important; }
.slider-padding{padding-left: 0px;padding-right: 0px;}
.explore-section::after { background: radial-gradient(100% 50% at 50% 50%, rgba(22, 26, 30, 0.75) 0%, #161a1e 100%); }
.user-sec .btn{display: none;}
.mobile-menu .mobile-btn{display: inline-block;}
.gform_wrapper.gravity-theme .gfield.gfield--width-half { grid-column: span 12 !important; }
span.ginput_card_expiration_year_container.gform-grid-col{padding-left: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields{display: inline !important;}
div#field_1_42 { display: block;}
#listing-podcasts .swiper-button-prev.swiper-button-prev1, #listing-podcasts .swiper-button-next.swiper-button-next1 { bottom: 60px !important; }
footer .newslatter-sec {margin-top: 25px; }
header a.btn {margin-left: 0;}
img.for-mediam { transform: scale(1.1); }
.sr_progressbar .currentTime, .sr_progressbar .totalTime{font-size: 12px !important;}
article#arbitrary-instance-66acc65525a27 {
  margin-bottom: 20px;
}
.controls-pagination button.mixitup-control{width: 38px;height: 38px;font-size: 15px;}
.music-play-content-top .play-tag-wrap { display: block; }
.music-play-content-top .play-tag-wrap .tag{display: inline-block;}
.music-play-content-top .play-tag-wrap ul.tag{margin: 0px 0px 15px 0px;}
.latest-videos-sec-wraper .swiper-container {padding-bottom: 80px;}
.watch-list-wraper .gallery-item { width: 100%; padding: 10px; margin-bottom: 0px; }

.watch-list-wraper .gallery-wrap.slider-tab-wraper .watch-video-col .detailes-video  h4 { min-height: inherit; }

.read-list-cont .row .col-lg-4 {width: 40%;}
.read-list-cont .row .col-lg-8 {width: 60%;}
/* .read-carve { position: absolute; bottom: 0; width: 70%; } */

.episodes-section h2 span{display:inline;}

.listen-wraper div#gallery .col-md-6 { width: 50%; }
.podcasts-content-box-wrap h3 { min-height: 49px; }
}

@media only screen and ( max-width: 640px ) {
  span.ginput_card_expiration_month_container.gform-grid-col {margin-bottom: 20px !important;}
  input#input_1_28_1 {margin-bottom: 20px;}
  .donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label {transform: translate(16px, -77px);}
  .donate-form-wrap span#input_1_28_1_container label#input_1_28_1_label.labelanime {transform: translate(16px, -112px)}
  fieldset#input_1_28_2_cardinfo_left {margin-bottom: 10px;}
  span#input_1_28_2_container { margin-bottom: 20px;}
  span#input_1_28_1_container {margin-bottom: 10px; }
  .gform_wrapper.gravity-theme .ginput_complex span {padding: 0 !important;}
  .gform_wrapper.gravity-theme legend {margin-top: 0; }
  .gform_wrapper.gravity-theme .ginput_card_expiration_month {margin-bottom: 10px; }
  span#input_1_28_2_container span.ginput_card_expiration_container.ginput_card_field.gform-grid-row {margin-bottom: 10px;}
  
  .listen-wraper div#gallery .col-md-6 { width: 100%; }

}

@media only screen and ( max-width: 575px ) {



  .btn { padding: 11px 25px; }

  .latest-videos-sec-wraper .swiper-button-prev { right: 16%; }
  .footer-social-link ul { padding: 25px 0px; }
  .footer-top .row { padding: 25px 0px; }
  .banner-content-wrap .banner-content .banner-highlight { font-size: 18px; }
  .word-listing-section .word-listing-right .count-area .count-area-content .count-icon { width: 60px; height: 60px; border-radius: 10px; padding: 10px; }
  .main-header .user-sec a { margin-right: 5px; }
  .main-header .user-sec a img { width: 20px; }
  .btn span { margin-right: 4px; width: 18px; height: 18px; }
  .donors-conten { padding: 23px;}

  .main-header .logo { max-width: 200px; }
  .main-header.fixed .logo { max-width: 180px; }
  .main-header .user-sec{margin-left: 0px;}
  .hamburger-nav { margin-left: 12px; }
  .banner-content-wrap::before, .banner-content-wrap::after { width: 81%; height: 86%; }
  .banner-button-wrap a.btn-gray { margin-right: 10px; }

  .sngl-box{padding: 12px;}
  .image-box{margin-bottom: 15px;}
 
  .watch-list-wraper .video-with-content { height: 225px; }
  .word-listing-section .word-listing-right .count-area .count-area-content { padding-bottom: 16px; margin-bottom: 16px; }
  .latest-videos-sec-wraper .swiper-button-prev, .latest-videos-sec-wraper .swiper-button-next { top: -20px; }
  .latest-videos-sec-wraper .swiper-slide.swiper-slide-active .video-wrapper .content-box-wrap{align-items: center;}
  .explore-form-wrap form input.form-control { height: 55px; }
  .footer-menu ul li{margin-bottom: 5px;}
  .donation-glow { bottom: -166px;}
  .footer-menu ul li::after{height: 15px;}
  .copyright-sec { padding: 20px 0px; }

  .banner-main-content .container {padding-top: 0; padding-bottom: 0; }
  section.home-banner, section.home-banner .banner-grident{min-height:700px;}
  .banner-image {position: relative;}
  .banner-section .banner-main-content {min-height: auto; min-height: auto; }
  section.banner-section .banner-grident {display: flex; flex-direction: column; justify-content: center;padding-top: 170px;padding-bottom: 0px;}

  .latest-podcasts-sec-wraper .swiper-container {padding-bottom: 100px;}
  .episodes-section .spinner-wrap { top: 8%;}


/* ========================= read ========================= */
.read-list-wraper .row .col-lg-3{width: 100%;}
.read-list-wraper .row .col-lg-3 { margin-bottom: 15px; }
.slider-tab-wraper ul.nav-tabs li.nav-item button { padding: 7px 16px; }

/* ========================= read details ========================= */
.read-list-content ul li::after{display: none;}
.read-list-content ul li{padding-right: 0px;margin-right: 0px; margin-bottom: 10px;}
.read-list-content ul{display: block;}

/* ============================= podcast-detail =================== */
.music-play-wrap { margin-bottom: 20px; }
.music-play-image { height: 160px; width: 160px; }
.music-play-wrap .music-play-content { width: calc(100% - 160px); padding-left: 14px; }
.music-play-content h3{margin-bottom: 0px;}

.mmil-card-image-left .contact-left-image { height: 250px; }
.contact-left-sec { padding: 0px 20px 20px 20px; }
.donate-video-wraper .video-with-content { height: 280px; }
.podcasts-content-box-wrap h3 { height: auto; min-height: auto; }
.listing-col-right .subscribe-whatsapp{padding: 10px 10px;}
.listing-col-right ul li::after { width: 6px; height: 6px; }
.listing-col-right ul li { padding-right: 12px; margin-right: 7px; }
/* .footer-logo-wrap::after {width: 300px;} */

.latest-videos-sec-wraper .video-image-box {height: 300px;}



.listen-page .row .col-lg-4.col-md-6 { 
  width: 100%;
}

/* .read-list-img { height: 70px; } */
.slider-tab-wraper ul.nav-tabs li.nav-item button, .slider-tab-wraper ul.nav-tabs li.nav-item span{padding: 10px 22px;}
.watch-list-wraper .gallery-item, .read-list-wraper .filter-select .gallery-item { width: 100%; padding: 0px; margin-bottom: 20px; }
.mobile-menu-container ul.sub-menu.sub-menu-open li a{font-size: 18px;}
.mobile-menu-container ul.sub-menu.sub-menu-open span.menu-image-hover-wrapper { display: block; height: 85px; width: 85px; margin: 0; padding: 0; }
.mobile-menu-container ul.sub-menu.sub-menu-open li{padding-bottom: 0px;}

.audio-background { top: 0%; }
.audio-section{padding-top: 25px !important;}
.explore-btn-wrap { top: 12px; width: 45px !important;height: 45px !important;border-radius: 10px !important;right: 12px;}
.explore-form-wrap input[type="submit"] { width: 45px !important; height: 45px !important; background-size: 49%; }
.footer-top .explore-btn-wrap{top: 5px;}
.for-mediam, .for-large{display: none;}
.for-sm{display: block;}
span.ginput_card_expiration_month_container.gform-grid-col{padding-right: 0px !important;}
.platform-section .spinner-item {height: 350px;width: 350px;}
.platform-section .spinner-wrap { right: 50%; }
.read-details-right .after-line {bottom: -11px; }
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader {top: 17px;}
.explore-form-wrap form input.form-control {padding-right: 65px;}
.newslatter-sec .explore-form-wrap .explore-btn-wrap { top: 13px; right: 13px; }
.read-list-search.recent-list-w .read-list.read-list-cont{padding: 20px 20px;}

.glow-right, .glow-left { height: 12rem; width: 12rem; -webkit-backdrop-filter: blur(90px); -webkit-filter: blur(90px); -moz-filter: blur(90px); -ms-filter: blur(90px); right: 0%; }

.glow-left{top: 24%;}
.home-banner.partial-banner .glow-left {top: 24%;}

.banner-content-wrap .banner-content .banner-highlight{padding-left: 0px;padding-top: 15px;}
.banner-content-wrap .banner-content .banner-highlight::after { content: ""; position: absolute; width: 100%; background-color: #51C4FF; height: 3px; top: 0; transform: inherit; left: 0px; }

/*.donation-section .bg-pattan,
.audio-section .audio-background,
.latest-articles-section .Latest.Articles-glow,
.latest-podcasts-section .latest-podcasts-glow,
.contact-section .contact-section-glow {
    transform: unset !important;
 }


.donation-section .donation-glow img {
    -webkit-animation: none !important;
    animation: none !important;
} 
*/

.contact-section .spinner-wrap, 
.latest-videos .spinner-wrap{
	display: none;
}

.contact-section .contact-cercle,
.latest-videos .video-cercle{
	display: block;
	opacity: 0.7;
	z-index:-1;
}

}

@media only screen and ( max-width: 480px ) {
  .word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex { font-size: 32px; }
  .footer-menu ul li { padding-right: 8px; margin-right: 8px; }
 /* ========================= read ========================= */
 .slider-tab-wraper ul.nav-tabs li.nav-item button{font-size: 14px;}
 .profils-date-flex{display: block;}  
 .read-details-left .profils-date-flex .latest-articles-profile {margin-bottom: 10px;}

/* .read-social-icon ul li a { width: 33px; height: 33px;}*/
 .orthodox-form-wrap { padding: 15px 15px; }
 .orthodox-form-wrap .form-top-sky { margin-top: -50px; margin-bottom: 15px; }
 .mmil-card-image-right { padding: 15px; }
 .mmil-card-image-right .mmil-card-image-content { padding: 15px 15px; }
 .music-play-wrap { display: block; }
 .music-play-image { margin: 0px auto 20px; }
 .music-play-wrap .music-play-content { width: 100%; padding-left: 0px; }
 .explore-after { max-width: 140px; }
 .footer-logo { max-width: 180px; }
 body .gform_wrapper .gform_body .gform_fields .gfield .gchoice { position: relative; width: 50%; margin-right: 0; padding-right: 10px; }
 .donate-form-wrap { padding: 15px 20px; }
 .episodes-section .spinner-item {height: 250px;width: 250px;}
 .episodes-section .spinner-wrap {right: 42px;}
 /* .watch-list-wraper.filter-select .detailes-video h4 {height: 50px;} */
.platform-wrapper ul li{width:100%}

}

@media only screen and ( max-width: 400px ) {
  .hamburger-nav {margin-left: 5px;}
  p{font-size: 14px;}
.main-header { padding: 12px 0px; }
.main-header .logo { max-width: 170px; }
.main-header.fixed .logo { max-width: 150px; }
.banner-content { padding: 50px 15px; }
/*.banner-content-wrap .banner-content .banner-highlight { padding-left: 40px; }*/
/*.banner-content-wrap .banner-content .banner-highlight::after { width: 32px; }*/
.banner-content-wrap .banner-content .banner-highlight { font-size: 14px; }
#audio-slider .swiper-slide .image-box{margin-bottom: 15px;/*padding-bottom: 80%;*/}
.word-listing-section .word-listing-right { padding: 15px 15px; }
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex { font-size: 30px; }
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content { padding-left: 10px; }
.word-listing-section .word-listing-right .count-area .count-area-content .count-icon { width: 50px; height: 50px; border-radius: 9px; padding: 8px; }
/* .podcasts-box .podcasts-content-box .tag-wraper { display: block;} */
.tag-wraper ul.tag{justify-content: center;margin-bottom: 10px;} 
/*.podcasts-box{border-radius: 10px;}*/
.slider-padding { padding: 0px 12px; }
.latest-videos-sec-wraper .swiper-button-prev { right: 20%; }
.contact-left-image { height: 220px; }

/* ========================= read details ========================= */

.read-details-image { height: 200px; margin-bottom: 20px; }
.read-details-right .read-list-cont { padding: 16px 12px; }


.achievements-sec .count-area-content .count-icon { width: 50px; height: 50px; padding: 8px; }
.word-listing-section .word-listing-right .count-area .count-area-content .counter-content .d-flex, .achievements-sec .count-area-content .counter-content .d-flex { font-size: 30px; }
.orthodox-form-wrap .form-top-sky { padding: 15px 15px;}

.donate-video-wraper .video-with-content { height: 220px; }
.search-total-result { display: block; padding-bottom: 0px; margin-bottom: 30px; }
.search-total-result p { margin-bottom: 10px; }
.footer-logo-wrap::after, .footer-logo-wrap::before { width: 19%; }
.donate-video-wraper .play-button {width: 60px; height: 60px; }
.btn { padding: 11px 16px; }
.common-padd { padding-top: 30px; padding-bottom: 30px; }
.banner-button-wrap{display: block;}
.banner-button-wrap a.btn-gray { margin-right: 0; display: block; margin-bottom: 10px; }
.search-section{min-height: 500px;}
.controls-pagination button.mixitup-control {width: 34px;height: 34px;}
/* .watch-list-wraper.filter-select .detailes-video h4 {height: 50px;margin-bottom: 15px !important;} */

}

@media only screen and ( max-width: 360px ) {

}



/*------partical animaton for home-----------*/

.home-banner .glow-right {transform: translate(0px, 50%) scale(0.5); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.home-banner.partial-banner .glow-right {transform: translate(0px, 0px) scale(1); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 1; }
.home-banner .glow-left {transform: translate(0px, -50%) scale(0.5); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.home-banner.partial-banner .glow-left {transform: translate(0px, 0px) scale(1); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 1; }
.audio-section .audio-background {transform: translate(0px, 50%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.audio-section.partical-sec-animaton .audio-background {transform: translate(0px, 0%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 1; }
.latest-podcasts-section .latest-podcasts-glow{transform: translate(0px, -50%) scale(0.5); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.latest-podcasts-section.partical-sec-animaton .latest-podcasts-glow{transform: translate(0px, 0%) scale(.5); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 1; }
.donation-section .bg-pattan{transform: translate(0px, 50%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.donation-section.partical-sec-animaton .bg-pattan{transform: translate(0px, 0%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 1; }
.donation-section.partical-sec-animaton .bg-pattan img { width: 100%; }

.donation-section .donation-glow img {
    -webkit-animation: mover 3s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(-100px); opacity: .5;}
}
@keyframes mover {
    0% { transform: translateX(0); opacity: 1;}
    100% { transform: translateX(-100px); opacity: .5;}
}

.contact-section .contact-section-glow{transform: translate(0px, -100%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.contact-section.partical-sec-animaton .contact-section-glow{transform: translate(0px, 0%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: .5; }
.latest-articles-section .Latest.Articles-glow{transform: translate(0px, -100%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: 0; }
.latest-articles-section.partical-sec-animaton .Latest.Articles-glow{transform: translate(0px, 0%); -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; opacity: .5; }











