/*-----------------------------------------------------------------------------------

 Theme Name: Advait Yoga
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Suez+One&display=swap');
@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');
/*@import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&display=swap');
/*font-family: "Shrikhand", serif;*/
/*font-family: "Poppins", sans-serif;*/
/*font-family: "Suez One", serif;*/
/*font-family: "Big Shoulders", sans-serif;*/



:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: var(--primary-font-family);}
p{font-family: "Poppins", sans-serif;}
h1{font-family: "Suez One", serif;}
h2{font-family: "Suez One", serif;}
h3{font-family: "Suez One", serif;}
h4{font-family: "Suez One", serif; margin-bottom: 0;}
h5{font-family: "Suez One", serif;}
h6{font-family: "Suez One", serif;}
a{font-family: "Poppins", sans-serif;}
li{font-family: "Poppins", sans-serif;}
div{font-family: "Poppins", sans-serif;}
input{font-family: "Poppins", sans-serif;}
span{font-family: "Poppins", sans-serif;}
label{font-family: "Poppins", sans-serif;}
button{font-family: "Poppins", sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.is-sticky .navbar{background-color: #182046!important; padding: 6px;}
.main-header-wrapper{position: unset;top: 0;left: 0;width: 100%;}
.main-header-wrapper .navbar{width: 100%;background-color: #182046;border-radius: 0;padding: 0px 25px;}
.navbar-nav li a{color: #fff!important;padding: 0px 18px!important;font-size: 15px!important;}
.nav-right a.call-cta{color: #000; text-decoration: none; font-size: 15px; }
.nav-right a.get-started{background-color: #d66409;color: #fff;font-size: 15px;padding: 8px 15px;text-decoration: none;border-radius: 50px;display: inline-block;margin-left: 10px;}
.nav-right a.call-cta i{background-color: #ea6a00; color: #fff; padding: 9px; display: inline-block; margin-right: 6px; border-radius: 7px; font-size: 14px; }
.is-sticky .nav-right a.call-cta i{border: 1px solid #fff;}
.is-sticky .nav-right a.get-started{border: 1px solid #fff;}
.navbar-brand{width: 16%;}
.navbar-brand img{width: 100%;}
.main-header-wrapper .navbar .containerdd{display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;width: 100%;}
 .header-section-1 {position: unset; top: 0; left: 0; width: 100%; z-index: 9999;    box-shadow: 0px 3px 10px #ababab }
.header-top {background: #182046;padding: 8px 0;border-bottom: 1px solid #ccc;}
.header-top-wrapper {display: flex; align-items: center; justify-content: space-between; }
.header-top-wrapper .contact-list {display: flex; align-items: center; gap: 23px; list-style: none; padding-left: 0; margin-bottom: 0px; }
.header-top-wrapper .contact-list li i {color: #FFD258; margin-right: 5px; font-size: 17px }
.header-top-wrapper .contact-list li a {color:#fff; text-decoration: none; font-size: 15px }
.header-top-wrapper p {font-weight: 500; color: #fff; margin-bottom: 0; font-size: 15px; }
.header-top-wrapper p b {color: #FFA31A; font-weight: 500; }
.header-top-wrapper .list {display: flex; align-items: center; gap: 10px; list-style: none; padding-left: 0; margin-bottom: 0px; }
.header-top-wrapper .list li i {color: #fff; margin-right: 5px; font-size: 18px; }
.header-top-wrapper .list li a {color: #fff; text-decoration: none; }
.header-top-wrapper .list li button {color: #fff; }
.header-top-wrapper .list h5{font-family: "Poppins", sans-serif; font-size: 15px; margin-right: 9px; color: #FFD258; margin-bottom: 0px;}
.header-top-wrapper .list h6{font-family: "Poppins", sans-serif; font-size: 15px; margin-right: 20px; color: #fff; margin-bottom: 0px;}
.header-top-wrapper .list h6 a{text-decoration: none; color: #fff; font-size: 15px;}
.header-top-wrapper .list h6 i{color: #FFD258; margin-right: 5px; font-size: 17px }
.nav-right{margin-left: 20px;}
.nav-right a{position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: capitalize; text-align: center; background-color: #1176b1; color: #fff; font-size: 16px; font-weight: 500; line-height: 1; padding: 10px 19px; min-width: auto; border-radius: 30px; text-decoration: none; text-transform: capitalize; }
.nav-right a:before{content: ""; position: absolute; height: 100%; bottom: 0; left: 0; width: 0; background-color: #000; z-index: -1; transition: all 0.4s ease-out; border-radius: inherit; }
.nav-right a:hover{color: #fff;}
.nav-right a:hover:before{width: 100%;}
.nav-right a i{margin-left: 5px;}
.navbar-nav li a.nav-link.active{background-color: unset; color: #ffd258 !important; border-radius: 50px; font-weight: 600;}
.navbar-nav li{position: relative;}
.navbar-nav li:after{content: '';width: 1px;height: 79%;position: absolute;right: 0;background-color: #fff;top: 3px;}
.navbar-nav li:last-child:after{display: none;}
.inn-drop ul{list-style-type: none; padding-left: 0px;}
.inn-drop ul li a {color: var(--black-color); font-weight: 400 !important; text-decoration: none; padding: 11px 12px !important; font-size: 14px; }
.inn-drop ul li i {width: 35px; height: 35px; background-color: #cd400d21; border-radius: 7px; display: var(--secondary-display); align-items: var(--align-center); justify-content: var(--justify-center); color: #182046; font-size: 19px; margin-right: 17px }
.inn-drop ul li{border-bottom: 1px solid #ccc;    padding: 10px;}
.inn-drop ul li:hover{background-color: #1176b1;}
.inn-drop ul li:hover a{color: #fff!important;} 
.inn-drop ul li a{padding: 10px!important;}
.inn-drop {padding-top: 27px !important; top: 33px !important; border-radius: 0; min-width: 16rem; right: -93px !important; left: auto !important; border: none !important; padding: 0px;}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
/*========================header css end===========================*/

/*========================main banner css start===========================*/
.home-slider-inner{position: relative;}
.stoke-title {
    text-align: center;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #fff;
    font-size: 110px;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: transparent;
    opacity: 0.16;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9
}
#home-slider .owl-dots button{border: 1px solid #fff!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
#home-slider .owl-dots button.active{background-color: #fff!important; height: 8px;}
#home-slider .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: 19px; left: 0px; right: 0;}
#home-slider .owl-dots button:focus{outline: none; box-shadow: none;}
#home-slider{position: relative;}
#home-slider .owl-nav .owl-prev {position: absolute; left: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}
#home-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-prev:focus {outline: 0; }
#home-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
#home-slider .owl-nav .owl-next {position: absolute; right: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}
#home-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-next:focus {outline: 0; }
#home-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
#home-slider:hover .owl-prev {left: 15px; opacity: 1; }
#home-slider:hover .owl-next {right: 15px; opacity: 1; }
#home-slider .item{height: 90vh;}
#home-slider .item img{height: 100%; object-fit: cover; width: 100%; object-position: right;}
#home-slider .item .cover {padding: 70px 0 150px; position: absolute; width: 100%; height: 100%; top: 0; left: 0;   /*background: rgb(0 0 0 / 40%);*/ display: flex; align-items: center;    background: linear-gradient(251deg, var(--Text-Primary, #030523) 7.32%, rgba(3, 5, 35, 0.48) 40.97%); }
#home-slider .item .cover .header-content {position: relative; padding: 0px; overflow: hidden;    width: 50%; margin-left: auto;}
#home-slider .item .cover .header-content .line {content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }
#home-slider .item .cover .header-content h1 {font-size: 65px;  margin: 0px 0 20px; word-spacing: 3px; color: #ddd;  text-align: left; font-family: "Big Shoulders", sans-serif;text-align: left;    /*-webkit-text-stroke-width: 2px;*/
    /*-webkit-text-stroke-color: black;*/
    /*text-shadow: 0px 4px #FFD258;*/ text-transform: uppercase;    font-weight: 900;}
    #home-slider .item .cover .header-content h6{    font-size: 22px;
    color: #fff;
    margin-bottom: 14px;}
        #home-slider .item .cover .header-content a{display: inline-block; background-color: #ffd258; color: #000; padding: 7px 44px; font-size: 20px; font-weight: 500; } #home-slider .item .cover .header-content h6 span{ color: #fff;    font-family: "Suez One", serif;}
    #home-slider .item .cover .header-content p{color: #fff; font-size: 15px;}
#home-slider .item .cover .header-content h1 span{font-size: 65px;font-family: "Big Shoulders", sans-serif; color: #ffd258;}
    #home-slider .item .cover .header-content h4 span{color: #182046;}
 #home-slider .owl-item.active h1 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active p {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active h6 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active a {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }

/*========================main banner css end===========================*/

/*========================brpl season css start===========================*/
.brpl-season-wrapp{padding: 50px 0px 90px;}
.sectio-title h2{text-align: center; color: #0A376E; font-size: 35px;}
.sectio-title{margin-bottom: 40px;}
.brpl-season-slide img{border-top-right-radius: 70px; border-bottom-left-radius: 70px;}
.brpl-season-slide .owl-dots button{border: 1px solid #0A376E!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.brpl-season-slide .owl-dots button.active{background-color: #0A376E!important; height: 8px;}
.brpl-season-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.brpl-season-slide .owl-dots button:focus{outline: none; box-shadow: none;}
/*========================brpl season css end===========================*/

/*========================artist css start===========================*/


.artist-wrapp{padding: 50px 0px 90px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sectio-titles h2{text-align: center; color: #fff; font-size: 35px;}
.sectio-titles{margin-bottom: 40px;}
.artist-slide img{border-top-right-radius: 50px; border-bottom-left-radius: 50px; border:1px solid #FFD258;}
.artist-slide .owl-dots button{border: 1px solid #FFD258!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.artist-slide .owl-dots button.active{background-color: #FFD258!important; height: 8px;}
.artist-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.artist-slide .owl-dots button:focus{outline: none; box-shadow: none;}

/*========================artist css end===========================*/

/*========================latest-video css start===========================*/
.latest-video-wrapp{padding: 50px 0px 90px;}
.sectio-titless h2{color: #0A376E; font-size: 35px; margin-bottom: 0px;}
.sectio-titless a{border: 1px solid #0A376E; padding: 8px 19px; text-decoration: none; font-size: 16px; color: #0A376E; border-radius: 18px; }
.sectio-titless a:hover{background-color: #0A376E; color: #fff;}
.sectio-titless{margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.latest-vid-image{position: relative; background-color: #0A376E; height: 320px; display: flex; justify-content: center; align-items: center;}
.latest-vid-image img{width: 50% !important; margin: 0 auto; opacity: 0.2; }
.ply-btn{position: absolute;}
.ply-btn i{color:#FFD258; font-size: 55px;}
.latest-vid-con{background-color: #f5f5f5; padding: 20px 20px;}
.latest-vid-con h4{font-size: 21px; color: #0A376E;text-align: center;  margin-bottom: 8px;}
.latest-vid-con p{font-size: 15px; color: #0A376E; text-align: center; margin-bottom: 0px;}
.latest-vid-box a{text-decoration: none;}
.latest-vid-box{border: 1px solid #ccc;}

.latest-video-slide .owl-dots button{border: 1px solid #0A376E!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.latest-video-slide .owl-dots button.active{background-color: #0A376E!important; height: 8px;}
.latest-video-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.latest-video-slide .owl-dots button:focus{outline: none; box-shadow: none;}

/*========================latest-video css end===========================*/

/*========================fixtuers video css start===========================*/
.fixtures-wrapp{padding: 50px 0px 50px;     background-color: #182046; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sectio-titlesss h2{color: #FFD258; font-size: 35px; margin-bottom: 0px;}
.sectio-titlesss{margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.fixture-select h3{color: #FFD258; font-size: 28px; margin-bottom: 11px; text-align: right;}
.select-season{display: flex; align-items: center;}
.select-season h5{font-size: 17px; font-weight: 400;color: #FFD258; margin-right: 10px;font-family: "Poppins", sans-serif; white-space: normal;}
.select-season select{border-radius: 50px; font-size: 15px; padding: 4px 16px !important; font-weight: 600; color: #0a376e; width: 100px;}
.matchResultCard {background-color: #fff; height: auto; overflow: hidden; padding-top: 6rem; position: relative; border-top-right-radius: 50px; border-bottom-left-radius: 50px; }
.matchResultCard .matchTagWrap {background: #C73C3C; border-bottom-right-radius: .8rem; border-top-right-radius: .8rem; left: 0; padding: .5rem 1.5rem; position: absolute; top: 0; width: -webkit-fit-content; width: fit-content; margin-top: 20px; }
.matchResultCard .matchTagWrap span {color: #fff; font-size: 18px; font-weight: 600; text-transform: capitalize; }
.match_number {color: #C73C3C; font-size: 18px; font-weight: 600; position: absolute; right: 20px; top: 30px; }
.matchResultCard .matchDetailWrap {margin-bottom: 1.5rem; text-align: center; }
.matchResultCard .matchDetailWrap h6 {color: #0A376E; font-size: 21px; font-weight: 500; }
.matchResultCard .matchDetailWrap p {color: #0A376E; font-size: 15px; font-weight: 400; }
.matchResultCard .teamsWraps {align-items: center; display: flex; justify-content: space-between; padding:  0 22px; }
.matchResultCard .teamsWraps .boxx {align-items: center; border: 1px solid #ccc; border-radius: 0; display: flex; height: 7.3rem; justify-content: center; width: 7.3rem; }
.matchResultCard .teamsWraps .boxx span {align-items: center; display: flex; height: 6.6rem; justify-content: center; width: 6.6rem; }
.matchResultCard .matchScoringWrap {align-items: center; display: flex; justify-content: space-between; margin-top: 1px; padding: 1rem; }
.matchResultCard .matchScoringWrap .scoreBox {text-align: center; width: 9.3rem; }
.matchResultCard .matchScoringWrap .scoreBox h4 {color: #0A376E; font-size: 21px; font-weight: 500; letter-spacing: .1rem; }
.matchResultCard .matchScoringWrap .scoreBox p {color: #0A376E; font-size: 15px; font-weight: 500; margin-bottom: 0; }
.matchResultCard .matchFinalResultBox {align-items: center; background-color: #FFD258; display: flex; height: 25%; justify-content: center; padding: 1rem 0; text-align: center; }
.matchResultCard .matchFinalResultBox h3 {color: #000; font-size: 17px; font-weight: 600; line-height: 24px; margin-bottom: 0; font-family: "Poppins", sans-serif; }
.fixture-box a{text-decoration: none;}
.fixtures-slide .owl-dots button{border: 1px solid #FFD258!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.fixtures-slide .owl-dots button.active{background-color: #FFD258!important; height: 8px;}
.fixtures-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.fixtures-slide .owl-dots button:focus{outline: none; box-shadow: none;}

.fixture-bottom-btn{text-align: center;}
.fixture-bottom-btn a{background-color: #fff; padding: 6px 40px; display: inline-block; margin-top: 90px; border-radius: 16px; font-size: 18px; text-decoration: none; color: #000;}
.fixture-bottom-btn a:hover{background-color: #FFD258;}

/*========================fixtuers video css end===========================*/

/*========================brpl post css start===========================*/
.brpl-post-wrapp{padding: 50px 0px 90px;}
.brpl-post-con{background-color: #f5f5f5; padding: 17px 20px; text-align: right;}
.brpl-post-con h3{font-family: "Poppins", sans-serif; font-size: 22px; color: #0A376E; margin-bottom: 0px;}
.brpl-post-box{border: 1px solid #ccc;}
.brpl-post-slide .owl-dots button{border: 1px solid #0A376E!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.brpl-post-slide .owl-dots button.active{background-color: #0A376E!important; height: 8px;}
.brpl-post-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.brpl-post-slide .owl-dots button:focus{outline: none; box-shadow: none;}

/*========================brpl post css end===========================*/

/*========================magic moment css start===========================*/
.magic-moments-wrapp{padding: 50px 0px 90px;}
.magic-mom-vid img {width: 100% !important; margin: 0 auto; opacity: 1; height: 100%; object-fit: cover;}
.magic-moment-slide .owl-dots button{border: 1px solid #0A376E!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.magic-moment-slide .owl-dots button.active{background-color: #0A376E!important; height: 8px;}
.magic-moment-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.magic-moment-slide .owl-dots button:focus{outline: none; box-shadow: none;}

/*========================magic moment css end===========================*/

/*========================latest video sec css start===========================*/
.story-latest-videos{padding: 50px 0px 50px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.story-latest-videos .sectio-title h2{color: #FFD258;}
.story-vide-box{margin-bottom: 30px;}
.story-vide-box .latest-vid-con h4{margin-bottom: 0px; color: #000; font-family: "Poppins", sans-serif;    font-weight: 700;}
.story-vide-box .latest-vid-con{background-color: #FFD258; border-bottom-left-radius: 50px;}
.story-vide-box {border:none;}
.story-vide-box .magic-mom-vid{border-top-right-radius: 0px; height: auto;}
.story-vide-box .magic-mom-vid img{border-top-right-radius: 0px; height: auto;}
.story-bottom-btn a{ margin-top: 30px;}
/*========================latest video sec css end===========================*/

/*========================news and events css start===========================*/
.news-event-wrapp{padding: 50px 0px 90px; background-color: #0A376E;}
.news-event-wrapp .sectio-titless h2{color: #fff;}
.news-event-wrapp .sectio-titless a{color: #fff; border-color: #fff;}
.news-event-wrapp .sectio-titless a:hover{background-color: #fff; border-color: #fff; color: #0A376E;}
.newe-event-img{position: relative;}
.newe-event-img img{width: 100%;}
.news-event-con{position: absolute; top: 0; display: flex; left: 0; width: 100%; height: 100%; background-color: #00000080; align-items: end; padding: 25px; }
.news-event-con h5{color: #FFD258; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 28px; margin-bottom: 4px; }
.news-event-con p{color: #fff; font-family: "Poppins", sans-serif; margin-bottom: 0; font-size: 22px; font-weight: 600; line-height: 26px; }
.news-read-btn a{display: block; width: 100%; background-color: #fff; text-align: center; padding: 15px; font-size: 20px; color: #000; text-decoration: none; }

.news-event-slide .owl-dots button{border: 1px solid #FFD258!important; background-color: unset!important; width: 50px; height: 8px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.news-event-slide .owl-dots button.active{background-color: #FFD258!important; height: 8px;}
.news-event-slide .owl-dots{justify-content: center; margin-top: 30px; margin-bottom: 30px; position: absolute; display: flex; bottom: -91px; left: 0px; right: 0;}
.news-event-slide .owl-dots button:focus{outline: none; box-shadow: none;}
/*========================news and events css end===========================*/

.gallery-wrapp{padding: 50px 0px 20px;}
.gallery-div{margin-bottom: 30px;}
.gallery-div img{width: 100%;}

/*========================sponsors css start===========================*/
.sponsor-box{border: 1px solid #ccc; padding: 11px; height: 166px;}
.sponsor-box p{font-size: 16px; text-align: center; color: #000; margin-bottom: 12px;}
.sponsor-box img{width: auto !important; margin: 0 auto;}

/*========================sponsors css end===========================*/

/*========================footer css start===========================*/
.footer-main{padding: 27px 0px;background-color: #182046; position: relative;     overflow: hidden;     padding-right: 38px;
     padding-left: 130px;}
.useful-serv h3{ width: auto;    font-size: 20px; color: #FFD258; font-weight: 600; margin-bottom: 27px; display: inline-block; position: relative; font-family: "Poppins", sans-serif;    padding-right: 40px;
} 
.useful-serv h3:after{content: ''; position: absolute; bottom: -9px; right: 0; width: 100%; background: #fff; height: 1px; }
.useful-links ul{padding-left: 0px; list-style-type: none; margin-bottom: 0px;}
.useful-links ul li{margin-bottom:10px;  }
.useful-links ul li a{color: #fff; text-decoration: none; font-size: 14px;} 
.useful-links ul li a i{color: #FFD258; margin-right: 10px;}

.footer-bottom{border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 12px 8px; margin-top: 34px; }
.footer-bottom-content{display: flex; height: 100%; align-items: center;}
.footer-bottom-content p{font-size: 15px; color: #fff; margin-bottom: 0px; line-height: 27px;}
.copyright{background-color:#010101;padding: 20px; }
.copyright p{text-align: center; font-size: 14px; color: #fff; margin-bottom: 0px;}
.copyright p a{color: #fff; text-decoration: none;}
.foot-social{margin-top: 25px;}
.foot-social ul{padding-left: 0px;}
.storeLinksWrap {display: flex; gap: 1rem; }
.storeLinksWrap a {align-items: center; display: flex; height: 4rem; justify-content: center; width: 18rem; }
.storeLinksWrap a img{width: 100%;}
.foot1-shape{position: absolute; left: -6px; top: 50px; }
.foot2-shape{position: absolute; right: -22px; top: 50px; }

/*========================footer css end===========================*/

/*==========================Inner banner section css start==========================*/
.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: flex; justify-content: center; align-items: center;}
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img{width: 100%; height: 100%; object-fit: cover;}
.inner-banner-img{position: relative;     height: 320px;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 44px; margin-bottom: 20px;font-family: "Big Shoulders", sans-serif; /*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; text-shadow: 0px 4px #FFD258;*/word-spacing: 3px; }
ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}
.inner-banner-con{padding-top: 0px;}
/*==========================Inner banner section css end===========================*/
.inner-banner-dashboard{background-color: #091138; padding: 30px;}

.my-account-tabs ul{justify-content: center; gap: 0px 20px;}
.my-account-middle{padding: 50px 0px;}
.side-tab button{background-color: #fff !important; text-align: center; border-radius: 50px!important; color: #091138; margin-bottom: 15px;    font-size: 14px;}
.side-tab button.active{background-color: #009947 !important; text-align: center; border-radius: 50px; color: #fff;}
.my-account-tabs .side-tab{width: 100%; background-color: #091138; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 12px; }
.my-account-tabs .side-right-tab{width: 100%; height: 100%;background-color: #0911381f; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 35px 18px 20px;}
.poll-box{box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 12px; border-radius: 10px; margin-bottom: 20px;}
.poll-box h3{font-size: 15px; font-weight: 600;line-height: 24px;}
.poll-box a{display: inline-block; text-decoration: none; border: 1px solid #091138; padding: 4px 20px; border-radius: 4px; color: #091138; font-size: 15px; font-weight: 500; margin-top: 6px; }
.poll-box p{background-color: #091138; display: inline-block; color: #fff; padding: 3px 20px; border-radius: 50px; font-size: 14px;}
.poll-box a:hover{background-color: #091138; color: #fff;}
.side-tab button:hover{background-color: #009947 !important; color: #fff;}
.poll-quest-head{margin-bottom: 40px;}
.poll-quest-head h3{font-weight: 700; color: #000; font-size: 25px; margin-bottom: 13px; text-align: center;}
.poll-quest-head h3 span{color: #091138; }
.poll-quest-head p{text-align: center; color: #000; font-size: 15px; width: 80%; margin: 0 auto;}
.logoutCls>a{text-decoration: none;color: #091138;}
.logoutCls>a:hover{color: #fff;}

 .avatar-upload {position: relative; max-width: 205px; margin: 0; }
 .avatar-upload .avatar-edit {position: absolute; right: 12px; z-index: 1; top: 10px; }
 .avatar-upload .avatar-edit input {display: none; }
 .avatar-upload .avatar-edit input + label {display: inline-block; width: 34px; height: 34px; margin-bottom: 0; border-radius: 100%; background: #088141; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12); cursor: pointer; font-weight: normal; transition: all .2s ease-in-out; }
 .avatar-upload .avatar-edit input + label:hover {background: #f1f1f1; border-color: #d6d6d6; }
 .avatar-upload .avatar-edit input + label:after {content: "\f093"; font-family: 'Font Awesome 5 Free'; color: #fff; position: absolute; top: 4px; left: 2px; right: 0; text-align: center; margin: auto; font-weight: 600; }
 .avatar-upload .avatar-preview {width: 192px; height: 192px; position: relative; border-radius: 100%; border: 6px solid #088141; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); }
 .avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.profile-section-div form input{background-color: #fff!important; padding: 11px 20px; border-radius: 50px; border-color: #ccc; }
.profile-section-div form input:focus{border-color: #088141; outline: none; box-shadow: unset;}
.profile-section-div form label{font-size: 15px; padding-left: 12px; margin-bottom: 9px; color: #001162; }
.profile-section-div form select{background-color: #fff!important; padding: 11px 20px; border-radius: 50px; border-color: #ccc; }
.profile-section-div form select:focus{border-color: #088141; outline: none; box-shadow: unset;}
.profile-edit-image{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.profile-edit-image a{display: inline-block; background-color: #088141; border-radius: 50px; padding: 13px 20px; color: #fff; font-weight: 600; overflow: hidden; position: relative; z-index: 1; transition: all 0.4s; border: none; text-decoration: none; margin-right: 28px; font-size: 15px;}
.profile-edit-image a i{margin-right: 5px;}
.profile-up-button{text-align: center;}
.profile-up-button button{display: inline-block; background-color: #000; border-radius: 50px; padding: 11px 32px; color: #fff; font-weight: 600; overflow: hidden; position: relative; z-index: 1; transition: all 0.4s; border: none; text-decoration: none;     margin-top: 15px; font-size: 15px; }
.change-password-form .login-form-inner{background-color: unset; border: 1px solid #ccc; width: 40%; margin-bottom: 26px;}
.voted-wrapp .poll-box a{background-color: #091138; color: #fff;}

.category-forms{display: flex ; align-items: center;}
.category-forms select{background-color: #fff!important; padding: 11px 20px; border-radius: 50px; border-color: #ccc; }
.category-forms select:focus{border-color: #088141; outline: none; box-shadow: unset;}
.quest-cat-inn{text-align: right; display: flex ; justify-content: end; width: 100%; margin-bottom: 10px;}
.quest-cat-inn form{width: 100%; display: contents;}
.profile-section-div .form-group{position: relative;}
.verify-text{position: absolute; top: 45px; right: 30px; }
.verify-text p.verify{font-size: 15px; color: #088141; font-weight: 500; display: none;}
.verify-text p.verified{ font-size: 15px; color: #088141;}

.change-password-form .login-form-inner .input-group button{display: unset; width: auto; padding: 2px 16px; margin: 0px; background-color: #fff; color: #088141; border: 1px solid #ccc; border-left: unset; border-radius: 50px; }
.change-password-form .login-form-inner .input-group button:focus{outline: none; box-shadow: unset;}

.login-form-inner .input-group button{display: unset; width: auto; padding: 2px 16px; margin: 0px; background-color: #fff; color: #088141; border: 1px solid #ccc; border-left: unset; border-radius: 50px; }
.login-form-inner .input-group button:focus{outline: none; box-shadow: unset;}
.pass-view-inp{position: relative;}
.pass-view-inp button{width: auto !important; position: absolute; top: 9px; right: 17px; padding: 0 !important; margin: 0 !important; background-color: unset !important; color: #088141 !important; }
.pass-view-inp p{width: auto !important; position: absolute; top: 9px; right: 17px; padding: 0 !important; margin: 0 !important; background-color: unset !important; color: #00167e !important; }


/*==========================about page css start===========================*/
/* .blog-detail-main img{width: 100%; border-radius: 15px; height: 400px; object-fit: cover; margin-bottom: 20px;}
.blog-page-wrapp{padding: 50px 0px;background: #091138;} */
.about-middle-wrapp{padding: 50px 0px;}
.blog-page-wrapp{background: #091138;padding: 50px 0px;}
.full-middle-result-wrapp{padding: 50px 0px;background-color: #091138;}
.about-page-con{display: flex; height: 100%; align-items: center;}
.about-page-con h2{text-align: left; color: #0A376E; font-size: 35px; margin-bottom: 10px;}
.about-page-con p{font-size: 15px; }
.about-page-image img{width: 100%;}
.mission-vision-wrapp{padding: 50px 0px 50px; background-color: #0A376E;}
.mision-vision-tabs .nav-pills{margin-bottom: -44px !important;     z-index: 9; position: relative; gap:10px;}
.mision-visin-con{align-items: flex-start; padding-top: 70px;}
.mision-visin-con h2{color: #fff; font-size: 29px;}
.mision-visin-con p{color: #fff;}
.mission-image{height: 100%;}
.mission-image img{height: 100%; width: 100%; object-fit: cover; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border: 1px solid #FFD258; object-position: right;}
.mision-vision-tabs .nav-pills li button{border: 1px solid #fff; border-radius: 50px; font-size: 18px; color: #fff; padding: 7px 36px; }
.mision-vision-tabs .nav-pills li button.active{background-color: #fff!important; color: #0A376E!important;}
.meet-our-expert-wrapp{padding: 50px 0px;}

.features-sec {position:relative; margin-top:0px; z-index:1; }
.features-col .features-img {position: relative; text-align: center; float:left; width:100%; }
.features-col .features-img img{width:100%; }
.features-col .features-img:before {content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 20px;}
.features-col:hover .features-img:before {background: rgba(35, 42, 53, 0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.features-title {text-align: center; position: absolute; margin-top: -30px; left: 0; right: 0; top: 50%; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari */ transform: scale(1); /* Standard syntax */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.features-col:hover .features-title {-ms-transform: scale(0); /* IE 9 */ -webkit-transform: scale(0); /* Safari */ transform: scale(0); /* Standard syntax */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.features-title h3 {color: #ffffff; font-size:22px; text-transform:uppercase; text-align: center; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #ffffff; }
.features-title p {color: #ffffff; font-size:16px; padding-top:5px; text-transform: capitalize; }
.features-content {position: absolute; left: 0; right: 0; top: 50%; margin-top: -30px; padding-left: 20px; padding-right: 20px; -ms-transform: scale(0); /* IE 9 */ -webkit-transform: scale(0); /* Safari */ transform: scale(0); /* Standard syntax */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.features-col .features-content p {color: #ffffff; }
.features-col:hover .features-content {-ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari */ transform: scale(1); /* Standard syntax */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.team-sec-img:before{background-color: #00000000!important;}
.team-sec-img .features-title{bottom: 0!important; top: unset!important; background-color: #fff; margin: 12px; border-radius: 10px; color: #000;}
.team-sec-img .features-title{padding: 20px 0px!important;}
.team-sec-img .features-title h3{color: #000; padding-bottom: 0!important; margin-bottom: 0; border-bottom: 0; }
.team-sec-img:hover:before{background-color:rgb(0 0 0 / 70%)!important;}
.team-sec-img .features-content {position: absolute; left: 0; right: 0; top: 0; margin-top: -30px; padding-left: 20px; padding-right: 20px; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; bottom: 0; display: flex; justify-content: center; align-items: end; }
.team-sec-img .features-content p{font-size: 13px; text-align: justify;}
.team-sec-img .features-title p{color: #000; margin-bottom: 0px;} 
.team-sec-img img{border-radius: 20px;}
.team-sec-img .features-title h3{text-transform: capitalize;}

.teams-page-wrapp .latest-vid-image img {width: auto !important; margin: 0 auto; opacity: 1; }
.teams-page-wrapp .latest-vid-con h4{margin-bottom: 0px;}
.team-page-box{margin-bottom: 30px;}
.teams-page-wrapp{padding: 50px 0px;}
.teams-page-wrapp .latest-vid-image{height: 238px;}

.team-page-boxs {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0px 0px 10px #ccc;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-page-boxs img{width: 100%; height: 100%; object-fit: cover;}
 .team-page-box a{text-decoration: none;}   
 .team-page-box a h4{
      text-align: center;
    color: #182046;
    font-size: 23px;
    margin-top: 17px;
 }
/*==========================about page css end===========================*/





.login-page-left{height: 100vh; }
.login-page-left img{width: 100%; height: 100%; object-fit: cover; object-position: center; }
.login-page-wrapp .row{margin: 0px;}
.login-form-right{height: 100vh; display: flex; align-items: center; position: relative;}
.login-form-inner{width: 80%; margin: 0 auto; background-color: #daece2; box-shadow: 0px 0px 0px #ccc; padding: 23px 13px 9px; border-radius: 15px; }
.login-form-inner h3{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.login-form-inner p{font-size: 14px; color: #000;}
.login-form-inner form label{color: #00167e; margin-bottom: 7px;}
.login-form-inner form input{padding: 8px 20px; border-radius: 50px; font-size: 14px;}
.login-form-inner form input:focus{ box-shadow: unset; outline: none; border-color: #00167e; }
.login-form-inner form button{display: block; background-color: #0A376E; color: #fff; width: 100%; padding: 8px; font-size: 15px; margin-bottom: 12px;     margin-top: 10px;}
.login-form-inner form button:hover{color: #fff;}
.login-form-inner form button:focus{ box-shadow: unset; outline: none; border-color: #00167e; }
.login-form-inner form p{font-size: 15px; color: #000; text-align: right;}
.login-form-inner form p a{color: #00167e; text-decoration: none; font-weight: 500;}
.login-form-inner h2{font-size: 15px; text-align: center; }
.login-form-inner h2 a{color: #00167e; font-weight: 500; text-decoration: none;}
.login-form-inner h3 span {color: #00167e; }
.form-group{margin-bottom: 15px;}
.login-top-head{position: absolute; top: 5px; display: flex ; justify-content: space-between; align-items: center; width: 100%; padding-right: 30px; }

.login-top-head h5 a{color: #00167e; text-decoration: none; font-size: 16px; font-weight: 600;}
.login-top-head h5 i{margin-right: 5px;}
.login-top-head img{width: 22%;}
.login-form-inner .form-group{margin-bottom: 7px; padding: 0px 3px;}
.sign-up-form{margin-top: 50px;}





/*==========================contact page css start===========================*/
.contact-wrapper{padding: 50px 0px;}
.contact-us-form{border: 1px solid #ccc; padding: 40px; border-radius: 20px;}
.contact-us-form h2{text-align: left; color: #0A376E; font-size: 35px; margin-bottom: 20px;}
.contact-us-form p{margin-bottom: 20px; font-size: 15px;}
.contact-us-form form input{background-color: #0a376e24; color: #000; border-radius: 50px; padding: 13px 22px; }
.contact-us-form form input:focus{outline: none; box-shadow: unset; border-color: #0A376E;}
.contact-us-form form textarea{background-color: #0a376e24; color: #000; border-radius: 30px; padding: 13px 22px; } 
.contact-us-form form textarea:focus{outline: none; box-shadow: unset; border-color: #0A376E;}
.contact-us-form form button{background-color: #0A376E; color: #fff; border: none; padding: 14px 30px; border-radius: 50px; width: 100%; }
.contact-us-form form input::placeholder {color: #0A376E; opacity: 1; /* Firefox */ }
.contact-us-form form input::-ms-input-placeholder { /* Edge 12 -18 */ color: #0A376E; }
.contact-us-form form textarea::placeholder {color: #0A376E; opacity: 1; /* Firefox */ }
.contact-us-form form textarea::-ms-input-placeholder { /* Edge 12 -18 */ color: #0A376E; }
.contact-us-sidebar .sidebar-cta-box {margin-bottom: 30px; }
.sidebar-cta-box {background-color: #0A376E; background-position: center center; background-size: cover; border-radius: 30px; padding: 28px; }
.sidebar-cta-content {border-bottom: 1px solid #FFFFFF1A; margin-bottom: 30px; padding-bottom: 30px; }
.sidebar-cta-content h3 {font-size: 25px; color: #fff; }
.sidebar-cta-content p {margin: 15px 0 0; color: #fff; }
.sidebar-cta-contact-list ul {list-style: none; margin: 0; padding: 0; }
.sidebar-cta-contact-list ul li {display: flex; align-items: center; gap: 15px; font-size: 15px; font-weight: 500; line-height: 1.3em; color: #fff; margin-bottom: 20px; }
.sidebar-cta-contact-list ul li img {width: 100%; max-width: 20px; filter: brightness(0) invert(1);}
.sidebar-cta-contact-list ul li a {color: #fff; transition: all 0.3s ease-in-out; font-size: 15px; text-decoration: none; }
.sidebar-cta-contact-list ul li:last-child {margin-bottom: 0; }
.google-map iframe {width: 100%; height: 270px; border-radius: 30px; }
/*==========================contact page css end===========================*/

/*==========================registration page css start===========================*/

.registration-wrapp{padding: 50px 0px 50px; background-repeat: no-repeat; background-size: cover;}
.register-inner{background-color: #ffffff4d; border: 1px solid #ccc; padding: 30px; border-radius: 20px; width: 60%; margin: 0 auto; }
.register-inner form label{    color: #fff; margin-bottom: 9px;}
.register-inner input{margin-bottom: 20px; border-radius: 15px; padding: 14px; background-color: #ffffff4d;}
.register-inner input:focus{outline: none; box-shadow: unset; border-color: #0A376E;}
.register-inner button{background-color: #0A376E; color: #fff; border: none; padding: 14px 30px; border-radius: 50px; width: 100%; }
.register-title h2{    color: #fff; font-weight: 700; font-size: 44px; margin-bottom: 20px; font-family: "Big Shoulders", sans-serif; /*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; text-shadow: 0px 4px #FFD258;*/ word-spacing: 3px;}
.register-title p{color: #fff; font-size: 15px;}
.register-title {margin-bottom: 40px; text-align: center;}


/*==========================registration page css end===========================*/

.tj-careers {border: 1px solid #0A376E; background-color: #fff; padding: 20px; transition: all .3s ease-in-out; border-radius: 20px; margin-bottom: 30px; }
.tj-careers-icon {background-color: #0A376E; border-radius: 50%; justify-content: center; align-items: center; width: 88px; height: 88px; font-size: 48px; line-height: 1; transition: all .3s ease-in-out; display: inline-flex ; }
.mb-30 {margin-bottom: 30px; }
.tj-careers-icon i {color: #fff; }
.tj-careers-tag {flex-wrap: wrap; gap: 5px; margin-bottom: 22px; display: flex ; }
.tj-careers-tag span {border: 1px solid #d7d8db; background-color: transparent; border-radius: 30px; padding: 2px 14px; transition: all .3s ease-in-out; display: inline-block; }
.tj-careers-title {margin-bottom: 0; }
.tj-careers-title a{margin-bottom: 0; color: #0A376E; font-size: 22px; text-decoration: none; font-family: "Suez One", serif; }
.tj-careers-salary {color: #969ca5; margin-top: 22px; font-size: 18px; font-weight: 600; }
.tj-careers-salary span {color:#000; transition: all .3s ease-in-out; }
.tj-careers-bottom {flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 40px; display: flex ; }
.tj-careers-bottom .location {transition: all .3s ease-in-out; }
.tj-careers-bottom .location i {color: #969ca5; -webkit-margin-end: 5px; }
.tj-careers-btn {color: #fff; justify-content: center; align-items: center; display: inline-flex; text-decoration: none; background-color: #0A376E; padding: 6px 22px; border-radius: 50px; }
.tj-careers-btn .btn-text {color: #fff; text-shadow: 0 23px; display: inline-flex; overflow: hidden; text-decoration: none; }
.tj-careers-btn .btn-text>span {-webkit-backface-visibility: hidden; backface-visibility: hidden; align-items: center; transition: all .5s; display: flex ; transform: translateY(0); }
.tj-careers-btn span.btn-icon {color: #fff; display: inline-flex ; position: relative; overflow: hidden; }
.tj-careers-btn span.btn-icon i {color: #fff; font-weight: 700; margin-left: 10px; }
.career-page-wrapp{padding: 50px 0px;}

.tj-careers:hover{background-color: #0A376E;}
.tj-careers:hover .tj-careers-icon{background-color: #fff; }
.tj-careers:hover  .tj-careers-icon i {color: #0A376E; }
.tj-careers:hover .tj-careers-tag span{color: #fff;}
.tj-careers:hover .tj-careers-title a { color: #fff }
.tj-careers:hover .tj-careers-salary span{color: #fff;}
.tj-careers:hover .tj-careers-bottom .location i{color: #fff;}
.tj-careers:hover .tj-careers-bottom .location{color: #fff;}
.tj-careers:hover .tj-careers-btn{background-color: #fff;}
.tj-careers:hover .tj-careers-btn .btn-text{color: #0A376E;}
.tj-careers:hover .tj-careers-btn span.btn-icon i{color: #0A376E;}





/*======================== blog detail page css start===========================*/



.blog-detail-main img{width: 100%; border-radius: 15px; height: 400px; object-fit: cover; margin-bottom: 20px;}
.blog-detail-page-wrapp{padding: 50px 0px;}
.blog-detail-con h3{color: #000; font-size: 34px; font-weight: 600;}
.countent_detail_meta {display: table; width: 100%; padding: 16px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 29px; margin-bottom: 30px;}
.countent_detail_meta ul {list-style: none; }
.countent_detail_meta li {float: left; padding-right: 21px; margin-right: 21px; border-right: 1px solid #dddddd; }
.countent_detail_meta li:last-child {margin: 0; padding: 0; border: 0; }
.countent_detail_meta label {display: block; font-weight: 600; color: #333; margin: 0; }
.teacher_img img {float: left; margin-right: 10px; max-width: 50px; width: 100%; height: auto; border-radius: 5px; margin-bottom: 0; }
.teacher_info {overflow: hidden; }
.teacher_info a{color: #d66409; text-decoration: none;}
.countent_detail_meta span {color: #d66409; font-size: 15px;}
.blog-detail-con p{font-size: 15px;color: #000;text-align: justify;}
.blog-det-inn-img img{height: 100%;}
.blog-det-inn-img{height: 100%;}
.blog-det-inn-con ul li{font-size: 15px; color: #605f5f; margin-bottom: 10px;}
.blog-det-inn-con ul{margin-bottom: 0px;}
.blog-det-inn-con h3{    font-size: 24px; margin-bottom: 13px;}
.blog-category h4{    position: relative; padding-bottom: 18px; font-size: 20px; margin-bottom: 21px; font-size: 27px; border-bottom: 1px solid #ddd;}
.blog-category h4:before{content: "";position: absolute;left: 0;bottom: -2px;width: 110px;height: 3px;background-color: #1176b1;}
.widget-catefories-list ul li {margin-bottom: 11px; padding-bottom: 14px; border-bottom: 1px solid rgba(16, 16, 16, 0.1); }
.widget-catefories-list ul{padding-left: 0px; list-style-type: none;}
.widget-catefories-list ul li a {display: block; color: rgb(30, 30, 30); font-weight: normal; font-size: 16px; padding-right: 20px; position: relative; transition: 0.5s; text-decoration: none; }
.widget-catefories-list ul li i {display: inline-block; font-size: 14px; margin-right: 9px; transition: 0.5s; }
.widget-catefories-list ul li a::after {position: absolute;right: 0px;top: -2px;transform: translateX(20px);content: "\f178";opacity: 0;font-size: 18px;font-family: 'FontAwesome';transition: 0.5s;color: #1176b1;}
.widget-catefories-list ul li a:hover {color: #1176b1;}
.widget-catefories-list ul li a:hover::after {transform: translateX(-10px); opacity: 1; }

.widget-coinfo-box {text-align: center; margin-bottom: 30px; padding: 30px; border-radius: 30px; background: #f7e1d1; }
.ao-widget-coinfo-pic {margin-bottom: 30px; }
.ao-widget-coinfo-title {color: #000; margin-bottom: 25px; }
.ao-widget-coinfo-call {color: #000; margin-bottom: 30px; }
.ao-widget-coinfo-call i {color: #d66409; margin-right: 10px; }
.site-button {color:#fff; letter-spacing: 1px; position: relative; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 400; text-transform: uppercase; outline: none; padding: 10px 30px; border-width: initial; border-style: none; border-color: initial; border-image: initial; transition: 0.5s; border-radius: 50px; background: #d66409; text-decoration: none; }
.site-button i {font-size: 18px; margin-left: 5px; }
.site-button:hover{color: #fff; background-color: #000;}
.sidber-widget-recent-post {margin-bottom: 27px; display: flex; align-items: center; gap: 22px; }
.sidber-widget-recent-post .recent-widget-thumb {overflow: hidden; }
.sidber-widget-recent-post .recent-widget-thumb {width: 80px; height: 80px; min-width: 80px; border-radius: 6px; overflow: hidden; }
.sidber-widget-recent-post .recent-widget-thumb img {transition: all 0.2s linear; width: 100%;
    height: 100%;
    object-fit: cover;}
.sidber-widget-recent-post:hover .recent-widget-thumb img {transform: scale(1.1); }
.sidber-widget-recent-post:hover .recent-widget-content a {color: #1176b1 !important;}
.recent-widget-content a {transition: 0.5s; color: #000 !important; font-weight: 500; font-size: 16px; line-height: 26px; display: block; text-decoration: none; }
.recent-widget-content p {font-size: 14px; margin: 0; color: #605f5f; }

/*======================== blog detail page css end===========================*/









@media (min-width: 1400px) {
    .header-layout5 {
        --main-container: 1560px
    }
}

.header-layout5 .header-links li>i {
    color: #182046;
}

.header-layout5 .header-links li:not(:last-child):before {
    background-color: #4D5765;
    opacity: 0.3
}

.header-layout5 .header-top {
    --body-color: #fff;
    background-color: #fff;
    padding: 12px 0;
    position: relative
}

.header-layout5 .header-top:before {
    content: '';
    height: 100%;
    width: 54%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, calc(100% - 40px) 0%, 100% 100%, 0% 100%)
}

@media (max-width: 1399px) {
    .header-layout5 .header-top:before {
        width:60%
    }
}

@media (max-width: 1199px) {
    .header-layout5 .header-top:before {
        width:67%
    }
}

@media (max-width: 991px) {
    .header-layout5 .header-top:before {
        width:57%
    }
}

.header-layout5 .header-top .container {
    padding-left: 400px
}

.header-layout5 .header-top a,.header-layout5 .header-top li,.header-layout5 .header-top p {
    color: #182046
}

.header-layout5 .header-top a:hover {
    color: #ffd258;
}

.header-layout5 .header-button {
    margin-left: 130px
}

.header-layout5 .menu-area {
    background-color: #182046
}

.header-layout5 .main-menu a {
    color: #fff;
}

.header-layout5 .main-menu a:hover {
    color: #ffd258;
}

.header-layout5 .main-menu ul.sub-menu,.header-layout5 .main-menu ul.mega-menu {
    background-color: #fff;
}

.header-layout5 .main-menu ul.mega-menu>li>a {
    color: var(--title-color)
}

.header-layout5 .sticky-wrapper.sticky .logo-style3 {
    margin: 0;
    padding: 0;
    -webkit-filter: none;
    filter: none
}

@media (max-width: 991px) {
    .header-layout5 .sticky-wrapper.sticky .logo-style3 {
        padding:17px 0
    }
}

.logo-style3 {
    position: relative;
    z-index: 2;
    padding: 0 78px 22px 0;
    margin-top: -20px;
    -webkit-filter: drop-shadow(8px -4px 20px rgba(7,36,95,0.04));
    filter: drop-shadow(8px -4px 20px rgba(7,36,95,0.04))
}

.logo-style3:before {
    content: '';
    height: 162px;
    width: 2000px;
    position: absolute;
    bottom: 0px;
    right: -15px;
    background-color: #182046;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100%, 0% 100%)
}

@media (max-width: 1500px) {
    .logo-style3 {
        padding:0 90px 39px 0
    }

    .header-layout5 .header-top .container {
        padding-left: 300px
    }
}

@media (max-width: 1399px) {
    .header-layout5 .header-button {
        margin-left:0
    }
}

@media (max-width: 1300px) {
    .header-layout5 .header-button {
        margin-left:40px
    }

    .header-layout5 .header-button .th-btn {
        display: none
    }

    .logo-style3 {
        padding: 0 50px 10px 0
    }

    .logo-style3:before {
        right: -25px;
        -webkit-clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%)
    }
}

@media (max-width: 1199px) {
    .header-layout5 .header-top .container {
        padding-left:250px
    }
}

@media (max-width: 991px) {
    .header-layout5 .header-top {
        padding:10px 0
    }

    .header-layout5 .header-top .container {
        padding-left: 12px
    }

    .logo-style3 {
        padding: 17px 0;
        margin-top: 0
    }

    .logo-style3:before {
        display: none
    }
}

@media (max-width: 767px) {
    .header-layout5 .header-top:before {
        display:none
    }
}

.th-header {
    position: relative;
    z-index: 41
}

.th-header .icon-btn {
    --btn-size: 45px;
    line-height: 43px;
    border: 1px solid #d0dbe9;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.th-header .icon-btn:hover {
    border-color: #182046
}

.th-header .th-btn {
    padding: 19px 29px
}

.sticky-wrapper {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.sticky-wrapper.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.07);
    -webkit-animation: stickyAni 0.4s ease-in-out;
    animation: stickyAni 0.4s ease-in-out
}

@-webkit-keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}

@keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}

.main-menu a {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.main-menu a:hover {
    color: #182046
}

.main-menu a .new-label {
    font-size: 13px;
    background-color: #182046;
    color: var(--white-color);
    padding: 2px 5px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    margin-left: 5px
}

.main-menu>ul>li {
    margin: 0 13px
}

.main-menu>ul>li>a {
    padding:26px 0
}

.main-menu ul {
    margin: 0;
    padding: 0
}

.main-menu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative
}

.main-menu ul li.menu-item-has-children>a:after {
    content: "\2b";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 5px;
    top: 0px;
    font-size: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block
}

.main-menu ul li.menu-item-has-children>a:hover:after {
    content: "\f068";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-menu ul li:last-child {
    margin-right: 0 !important
}

.main-menu ul li:first-child {
    margin-left: 0 !important
}

.main-menu ul li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9
}

.main-menu ul li:hover ul.mega-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    transform: scaleY(1) translateX(-50%);
    z-index: 9
}

.main-menu ul.sub-menu,.main-menu ul.mega-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: var(--white-color);
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    border: 1px solid var(--border-color);
    border-radius: 0px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.main-menu ul.sub-menu a,.main-menu ul.mega-menu a {
    font-size: 16px;
    line-height: 30px
}

.main-menu ul.sub-menu {
    padding: 18px 20px;
    left: -27px
}

.main-menu ul.sub-menu li {
    display: block;
    margin: 0 0;
    padding: 0px 9px
}

.main-menu ul.sub-menu li.menu-item-has-children>a:after {
    content: "\f105";
    float: right;
    top: 1px
}

.main-menu ul.sub-menu li a {
    position: relative;
    padding-left: 23px;
    text-transform: capitalize;
    color: #182046;

}

.main-menu ul.sub-menu li a:before {
    content: "\f7d9";
    position: absolute;
    top: 8px;
    left: 0;
    font-family: var(--icon-font);
    width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1;
    color: #182046;
    font-weight: 700
}

.main-menu ul.sub-menu li ul.sub-menu {
    left: 100%;
    right: auto;
    top: 0;
    margin: 0 0;
    margin-left: 20px
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
    left: 100%;
    right: auto
}

.main-menu .mega-menu-wrap {
    position: static
}

.main-menu ul.mega-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    text-align: left;
    width: 100%;
    max-width: var(--main-container);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 20px 15px 23px 15px;
    left: 50%;
    -webkit-transform: scaleY(0) translateX(-50%);
    -ms-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%)
}

.main-menu ul.mega-menu li {
    display: block;
    width: 100%;
    padding: 0 15px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.main-menu ul.mega-menu li li {
    padding: 2px 0
}

.main-menu ul.mega-menu li a {
    display: inline-block;
    text-transform: capitalize
}

.main-menu ul.mega-menu>li>a {
    display: block;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    color: var(--title-color);
    border-color: #182046
}

.main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #182046
}

.main-menu ul.mega-menu>li>a::after {
    width: calc(100% - 20px);
    left: 20px
}

.main-menu ul.mega-menu>li>a:hover {
    padding-left: 0
}

.main-menu.hide-icon ul.sub-menu li a {
    padding-left: 0
}

.main-menu.hide-icon ul.sub-menu li a:before {
    display: none
}

.category-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: var(--white-color);
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 25px 30px;
    left: 0;
    margin-top: -10px;
    opacity: 0;
    z-index: -1;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
    transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s
}

.category-menu ul {
    padding: 0;
    margin-bottom: 0
}

.category-menu li {
    list-style: none;
    margin-bottom: 6px
}

.category-menu li:last-child {
    margin-bottom: 0
}

.category-menu a {
    text-transform: capitalize;
    color: var(--title-color);
    position: relative;
    padding-left: 23px
}

.category-menu a:before {
    content: "\f07c";
    position: absolute;
    top: 4px;
    left: 0;
    font-family: var(--icon-font);
    width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1;
    color: #182046;
    font-weight: 400
}

.category-menu a:hover {
    color: #182046
}

.category-menu-wrap {
    position: relative;
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #D0DBE9;
    border-radius: 5px
}

.category-menu-wrap:hover .category-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 9
}

.category-menu-wrap .search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.category-menu-wrap .search-form input {
    background: transparent;
    border: 0;
    padding-right: 10px;
    padding-left: 15px;
    height: 48px
}

.category-menu-wrap .search-form input:hover,.category-menu-wrap .search-form input:focus,.category-menu-wrap .search-form input:active {
    border: 0
}

.category-menu-wrap .search-form input::-webkit-input-placeholder {
    color: #9FAAB7
}

.category-menu-wrap .search-form input::-moz-placeholder {
    color: #9FAAB7
}

.category-menu-wrap .search-form input:-ms-input-placeholder {
    color: #9FAAB7
}

.category-menu-wrap .search-form input::-ms-input-placeholder {
    color: #9FAAB7
}

.category-menu-wrap .search-form input::placeholder {
    color: #9FAAB7
}

.category-menu-wrap .search-form button {
    border: none;
    width: auto;
    height: 48px;
    line-height: 48px;
    background-color: transparent;
    color: var(--title-color);
    padding-right: 15px;
    display: inline-block;
    border-radius: 0
}

.menu-expand {
    font-size: 16px;
    font-weight: 400;
    color: var(--title-color);
    background-color: transparent;
    padding: 10.5px 16px;
    border-radius: 0;
    border-right: 1px solid #D0DBE9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 160px;
    line-height: initial
}

.simple-icon {
    border: none;
    background-color: transparent;
    padding: 0;
    color: var(--body-color)
}

.simple-icon:hover {
    color: #182046
}

.header-button {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-left: 15px
}

.header-button .icon-btn {
    position: relative
}

.header-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.header-links li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400
}

.header-links li:not(:last-child) {
    padding: 0 20px 0 0;
    margin: 0 17px 0 0
}

.header-links li:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #fff;
    width: 1px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-links li>i {
    margin-right: 10px
}

.header-links li,.header-links span,.header-links p,.header-links a {
    color: var(--body-color)
}

.header-links i {
    color:#182046;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.header-links b,.header-links strong {
    font-weight: 600
}

.header-social .social-title {
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 0 0
}

.header-social a {
    font-size: 14px;
    display: inline-block;
    color: var(--body-color);
    margin: 0 15px 0 0
}

.header-social a:last-child {
    margin-right: 0
}

.header-social a:hover {
    color: #182046
}

.header-social a:hover i {
    color: #182046
}

.header-logo {
    padding-top: 17px;
    padding-bottom: 17px
}

.header-notice {
    margin-bottom: 0;
    display: inline-block
}

.counter-list {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 18px;
    background-color: var(--theme-color2);
    padding: 2px 20px;
    border-radius: 999px;
    margin-left: 15px;
    color: var(--white-color)
}

.counter-list li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    position: relative;
    color: var(--white-color)
}

.counter-list li:after {
    content: ":";
    position: absolute;
    top: 50%;
    right: -11.5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white-color);
    font-weight: 600
}

.counter-list li:last-child::after {
    display: none
}

.counter-list .count-number,.counter-list .count-name {
    color: var(--white-color);
    font-weight: 500
}

.dropdown-link {
    position: relative;
    display: inline-block
}

.dropdown-link>a {
    color: var(--white-color)
}

.dropdown-link>a i {
    margin-right: 3px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.dropdown-link>a:hover i {
    color: var(--white-color) !important
}

.dropdown-toggle::after {
    content: "\f107";
    border: none;
    font-family: var(--icon-font);
    vertical-align: middle;
    font-weight: 400;
    margin-left: 6px
}

.dropdown-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    padding: 8px 20px !important;
    border-color: var(--border-color)
}

.dropdown-menu li {
    padding-right: 0;
    margin-right: 0
}

.dropdown-menu li:after {
    display: none
}

.dropdown-menu li a {
    display: block
}

.dropdown-menu a {
    color: var(--title-color) !important
}

.dropdown-menu a:hover {
    color: #182046 !important
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    background-color: var(--white-color);
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color)
}

.logo-style3 img{width:100%;}
.logo-col {width: 25%;}
a{text-decoration: none;}

.sticky-wrapper.is-sticky .logo-style3{    padding: 5px 78px 5px 0; margin-top: 0px;}






.artist-wrapp td, tr {
    color: #fff !important;
    font-size: 18px;
    font-weight: 300 !important;
}
.artist-wrapp td, th, tr {
    border: 0;
}
.artist-wrapp th:first-of-type {
    width: 4% !important;

}

.custom-header th {
    color: #182046;
    font-family: "Poppins", sans-serif;
    padding: .5rem 27px;
    text-align: center;
}
#standing td img {
    display: block;
    margin: auto;
        padding: .5rem 27px;
}
.artist-wrapp  .table>thead {
    background-color: #fff;}

.artist-wrapp .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(45 60 132);
    color: var(--bs-table-striped-color);
}

.artist-wrapp .table-striped>tbody>tr:nth-of-type(2n)>* {
    background-color: #182046;
}

.table-custom td {
    vertical-align: middle !important;
        text-align: center;
            padding: .5rem 27px;
}




.all-links-inner ul{padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px;}
.all-links-inner ul li a{color: #000;text-decoration: none;border: 2px solid #1a335c;text-align: center;display: block;padding: 10px;font-size: 21px;}
.all-links-inner ul li{margin-bottom: 10px;}

.mecella-heading{margin-bottom: 80px;}
.mecella-heading h3{color: #000;text-align: center;font-size: 32px;text-transform: uppercase;position: relative;}
.mecella-heading h3 span{font-weight: 900; color: #1a335c;}
.mecella-heading h3:after{content: '';position: absolute;bottom: -20px;left: 0;right: 0;width: 100px;background-color: #1a335c;height: 5px;margin: 0 auto;}
.welcome-mecella{background-color: #1a335c;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.welcome-mecella img{width: 60%;}
.all-links-wrapper{padding-top: 30px; padding-bottom: 50px;}





.home-team-box{
      width: 230px;
    height: 230px;
    background-color: #fff;
    border-radius: 50%;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* sarkar css start  */

.dashboardbtn{
    background: #182046;
}
.dashboardbtn:hover{background:#1b2558;}
.dashboardbtn i{
    color: #fff;
}


.otp-input-wrapper {
  position: relative;
  width: 100%;
}

 

.btn-send-otp {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #182046;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  transition: color 0.3s;
}

.btn-send-otp:hover {
  color: #0e1e70;
}
.swal2-title{
    font-size: 17px !important;
}
.genderformclass{
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 14px;
    background-color: #ffffff4d;
}
/* sarkar css end */



.partner-page-wrpp{padding: 50px 0px;}
.partner-page-wrpp .sponsor-box{margin-bottom: 30px;     border: 1px solid #ccc; padding: 11px 5px; height: 149px;}
.partner-page-wrpp .sponsor-box img {width: 100% !important; margin: 0 auto; display: block; height: 86px; object-fit: contain; }
.partner-page-wrpp  .sponsor-box p {font-size: 14px; text-align: center; color: #000; margin-bottom: 12px; }

.crm-teams01, .crm-teams01 figure {display: inline-block; height: 100%; }
.crm-teams01 {background: #fff; border: 1px solid #848484; border-radius: 8px; overflow: hidden; position: relative; width: 100%; margin-bottom: 30px;}
.crm-teams01 {display: flex !important ; height: 30rem; justify-content: center !important; }
.crm-teams01 figure img {height: 100%; object-fit: cover; object-position: top; transform: scale(1); transition: all .5s; width: 100%; }
.bat-icon.allRoundBox {align-items: center; display: flex ; justify-content: center; right: 15px; width: 20%; }
.bat-icon {padding: 5px; position: absolute; right: 5px; top: 10px; }
.bat-icon.allRoundBox img:first-child {height: 2rem; width: 2rem; }
.lazy-load-image-background.blur {filter: blur(15px) }
.lazy-load-image-background.blur.lazy-load-image-loaded {filter: blur(0); transition: filter .3s }
.lazy-load-image-background.blur>img {opacity: 0 }
.lazy-load-image-background.blur.lazy-load-image-loaded>img {opacity: 1; transition: opacity .3s }
.crm-teams01 {background: #fff; border: 1px solid #848484; border-radius: 8px; overflow: hidden; position: relative; width: 100% }
.crm-teams01,.crm-teams01 figure {display: inline-block; height: 100% }
.crm-teams01 .crm-teams01 figure img {height: 30rem; object-fit: cover; object-position: top; transform: scale(1); transition: all .5s; width: 100% }
.crm-teams01 .design {bottom: 10px; left: 50%; position: absolute; transform: translateX(-50%); width: auto }
.crm-teams01 .design p {align-items: center; background: #182046; border-radius: 5px; color: #fff; display: flex; font-size: 14px; font-weight: 600; justify-content: center; overflow: hidden; padding: 7px 15px; text-align: center; text-transform: uppercase; white-space: nowrap; margin-bottom: 0; }
.team-player-sec a{display: block; margin-bottom: 30px;}



.team-player-sec{background-color: #182046; padding: 50px 0px;}
.team-player-sec .sectio-title h2{color: #FFD258;}
.team-owner-coach{height: 100%; display: flex; align-items: center; border-left: 1px solid #ccc;}
.team-owner-coach ul{list-style-type: none;width: 80%;
    margin-bottom: 0;}
.team-owner-coach li{    margin-bottom: 0;
    font-size: 19px;
    font-weight: 600;
    background-color: #182046;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    color: #fff;}
.team-owner-coach li span{color: #FFD258;}
.team-owner-wrapp .team-page-boxs {width: 160px; height: 160px;}
.team-owner-wrapp .team-page-box{margin-bottom: 0px;}
.team-owner-wrapp{padding: 50px 0px;}