/*##################################### LOGIN-PAGE-CSS-START #####################################*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'American_Captain';
    src: url(fonts/American\ Captain.otf);
}

 @font-face {
	font-family: 'Conv_American_Captain';
	src: url('fonts/AmericanCaptain.eot');
	src: local('☺'), url('fonts/AmericanCaptain.woff') format('woff'), url('fonts/AmericanCaptain.ttf') format('truetype'), url('fonts/AmericanCaptain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'American_Captain';
}
.bg-color-login {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 0 !important;
}
.bg-color-login.sticky {background-color: rgba(10, 8, 45, 0.8) !important;}

body.drk:after {
    content: '';
    position: absolute;
    background: url(images/map.png);
    top: 69vh;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 2;
}
body.drk.home, body.drk {
    background-color: #5005a0 !important;
}
html body.login-background {background: url(images/bg.jpg) !important; background-color: transparent !important;}
body.login-background::after {content: unset !important;}
body.drk {
    background-color: #5005a0 !important;
}
body.home {
    background: url('images/map.png');
    font-family: 'Poppins', sans-serif;
}
.home {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}
.logo.login-logo a:hover {
    color: unset !important;
    filter: unset !important;
}

section.slider.individual-slider {
    z-index: 3;
}section.slider.individual-slider {
    z-index: 1;
}
.individual-slider {
    background: url(../img/faclity.png);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;
}
.slider {
    /* background: url(../img/banner.png); */
    width: 100%;
    height: 100vh;
    max-height: 940px;
    overflow: hidden;
    background-size: 100% 100%;
    position: relative;
}
.individual-slider video {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}
ul.social.ban {
    left: unset;
    font-size: 35px;
    right: 20px;
}
ul.social.ban {
    position: absolute;
    top: 170px;
    z-index: 99;
    font-size: 28px;
    left: unset;
}
ul.social {
    color: #fff;
    list-style: none;
    display: inline;
    position: relative;
    top: 51px;
}
ul.social.ban li {
    cursor: default !important;
    margin: 40px 0px;
}
ul.social.ban li {
    display: block;
    background: transparent;
    margin: 30px 0px;
}
ul.social li {
    display: inline-block;
    text-align: right;
    background: #fcb330;
    width: 50px;
    height: 50px;
    border-radius: 15px 0px 15px 0px;
    margin-right: 15px;
    text-align: center;
    line-height: 50px;
}
ul.social li {
    cursor: pointer;
    transition: 0.5s ease-in-out;
}
.individual-slider ul.social.ban li {background-color: transparent !important;}
.individual-slider ul.social.ban li a, ul.social li a i {
    color: #fff !important;
    font-size: 35px !important;
    cursor: default !important;
}
ul.social li a  {
    color: #fff;
    font-size: 14px;
}
#over {
    position: absolute;
    top: 0;
    z-index: 2;
    left: 110px;
}
#slider {
    height: 80vh;
}
.slide-head h1 {
    font-size: 60px;
    font-family: 'American_Captain';
}
img.img-fluid.on-m.m--20 {
    max-width: 900px;
}
.m--20 {
    margin-left: -20px;
}
.m-logo img {
    width: 300px;
    /* transform: rotate(20deg); */
}
section.slider.individual-slider:after {
    content: '';
    background: url('images/cut.png');
    position: absolute;
    bottom: -2px;
    width: 100% !important;
    height: 100%;
    background-size: 100% 100%!important;
    z-index: 1;
    left: 0px !important;
    right: 80px !important;
}
section.slider.individual-slider:after {
    bottom: 0px !important;
}
.obj-1 {
    position: absolute;
    top: -280px;
    z-index: 2;
    left: 100px;
    width: 350px;
}
section.contact.login-top-spc {
    padding-top: 80px;
}
section.contact .login-bg-form {
    background: url(images/inner/bg-form.png);
    background-attachment: fixed;
    background-position: 0;
}
section.contact .login-bg-form.form-bg-overlay::after {
    background-color: #653d28e3;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.circle-area.bg-n {
    width: 860px;
    height: 860px;
    background: url(images/inner/form-bg.png);
    border-radius: 50%;
    position: relative;
    left: -150px;
    padding-left: 110px;
    padding-top: 110px;
    overflow: hidden;
    background-color: #000;
    background-attachment: fixed;
    background-position: 0;
    float: left;
}
.circle-area {
    width: 860px;
    height: 860px;
    background: url(../img/contact/bg.png);
    border-radius: 50%;
    position: relative;
    left: -150px;
    padding-left: 110px;
    padding-top: 110px;
    overflow: hidden;
    background-color: #000;
    background-attachment: fixed;
    background-position: 0;
    z-index: 1;
}
.cnt-form {
    padding-right: 60px;
    padding-left: 30px;
}
.f-16 {
    font-size: 16px;
}
.remini-form-login input::placeholder {
    color: #fff;
}
.remini-form-login input:focus {
    box-shadow: none !important;
}
form.row .form-control {
    background: transparent;
    border-bottom: 1px solid #fff !important;
    border: none;
    border-radius: 0;
    padding: 0 0 20px 9px;
    color: #fff;
}
a.act.forget-password-1 {
    display: block;
}      
a.act {
    color: #fff;
    font-size: 14px;
    text-align: right;
    width: 100%;
    float: right;
    margin: 0px 50px 0px 10px;
    position: relative;
    top: -18px;
}
.remini-login-logo h2 {
    font-family: 'Metropolis_1920';
    font-size: 50px;
    color: #f1e2ca;
    text-shadow: 5px 6px 25px #e5a500;
    text-align: center;
    line-height: 1;
    transition: .4s;
    margin-top: 180px;
}
@media (min-width:320px) and (max-width:767px) {
    .remini-login-logo h2 {
        font-size: 30px;
        margin-top: 30px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .remini-login-logo h2 {
        font-size: 30px;
        margin-top: 40px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .remini-login-logo h2 {
        margin-top: 120px;
    }
}
button.btn-line {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
}
section.contact .login-new-circle {
    background: #a27c61 !important;
}
.blue-circle.text-center {
    background: #251b56;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    float: left;
    position: relative;
    left: -200px;
    border: 20px solid #fff;
}
.blue-circle.text-center.text-white.login-new-circle:before {
    background: url(images/new-circle.png) no-repeat !important;
    background-size: contain !important;
}
.blue-circle.text-center.text-white:before, .tt {
    z-index: 3;
}
.blue-circle.text-center.text-white:before {
    content: '';
    background: url(images/big-star.png) no-repeat;
    width: 270px;
    height: 270px;
    position: absolute;
    top: -120px;
    right: -30px;
    z-index: -8;
    background-size: contain;
}
.blue-circle.text-center.text-white img {
    width: 63%;
    margin-top: 130px !important;
}
.bt-logo {
    margin-top: 80px;
}
.blue-circle.text-center.text-white:before, .tt {
    z-index: 3;
}
.tt {
    left: -100px;
    position: relative;
    z-index: 2;
}
@media (min-width:1200px) and (max-width:1299px) {
    img.img-fluid.tt.lady-old {
        width: 60%;
        left: 150px;
    }
}
section.info.shape2 {
    z-index: 2;
}
.info.shape2 {
    z-index: 3;
}
.obj-2 {
    position: relative;
}
.info {
    z-index: 22 !important;
}
.info {
    position: relative;
    float: left;
    width: 100%;
}
footer section.login-brown-shape {
    background: url(images/y-shape.png) !important;
    background-size: 100% 100% !important;
}
.shape2 {
    background: url(images/yellow-shape2.png) !important;
    width: 100%;
    /* height: 100%; */
    background-size: 100% 100% !important;
    float: left;
    position: relative;
    padding-bottom: 90px;
    z-index:3;
}
section.login-lady-img::before {
    width: 25%;
    height: 60%;
    background: url(images/old-fit.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
section.watch::after {
    position: absolute !important;
    content: '';
    background: url(images/watch.png);
    width: 42%;
    height: 42%;
    left: 70px;
    top: -20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
}
.obj-2:before {
    position: absolute !important;
    content: '';
    background: url(images/f-lady.svg);
    width: 35%;
    height: 70%;
    right: 0;
    top: -320px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index:99;
}
section.footer.login-footer-color {
    background: #653d28 !important;
}
section.footer.login-footer-color.login-footer-height {
    min-height: 790px !important;
}
@media (max-width:767px) {
    section.footer.login-footer-color.login-footer-height {
        min-height: 900px !important;
    }
    html body section.footer img.login-old-man {
        height: 460px !important;
        object-fit: contain;
    }
}
.footer {
    background: url(images/footer-bg.png) !important;
    width: 100%;
    min-height: 900px !important;
    float: left;
    background-size: 100% 100% !important;
    z-index: 3;
    position: relative;
}
.obj-3 {
    position: relative;
}
.txt {
    position: relative;
}
section.footer .remini-word::before {
    content: 'REMINISCENCE' !important;
}
.txt:before {
    content: 'DETERMINATION' !important;
    letter-spacing: 1rem !important;
}
.txt:before {
    letter-spacing: 0 !important;
}
.txt:before {
    content: 'FAITH FITNESS';
}
.txt:before {
    content: 'SPORTSMANSHIP' ;
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    font-size: 220px !important;
    color: rgba(255,255,255,0.0) !important;
    top: 150px !important;
    font-family: 'American_Captain' !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: white !important;
}
section.footer .magical-login-almira::after {
    background: url(images/magical-m.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 16%;
    top: -35%;
}
.obj-3:after {
    position: absolute;
    content: '';
    background: url(images/diamonds.png);
    width: 350px;
    height: 100%;
    left: 8%;
    top: -24%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 22;
}
span.shape3 {
    position: relative;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
span.shape3 img {
    position: relative;
    z-index: 1;
    width: 60%;
}
span.shape3 img {
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100%;
}
span.shape3 img {
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
}
section.footer img.login-old-man {
    height: 480px !important;
    object-fit: contain;
}
span.shape3 img {
    position: relative;
    z-index: 1;
    height: 560px;
}
.footer span.shape3.login-shape-bg::after {
    background: url(images/ft-layer.png) !important;
    background-size: 100% 100% !important;
}
.footer .shape3:after {
    content: "";
    background: url(images/ft-map.png) !important;
    width: 400px;
    height: 400px;
    background-size: 100% 100% !important;
    float: left;
    position: absolute;
    left: 0px;
    z-index: 0;
    top: 130px;
}
.remini-footer h3.remini-f-text {
    font-size: 70px;
    color: #ffff;
    text-shadow: 10px 10px 20px #d48a0da3;
    filter: drop-shadow(0px 0px 6px #e5a500);
    font-family: 'MoonTime' !important;
}
@media (min-width:320px) and (max-width:767px) {
    .remini-footer h3.remini-f-text {
        font-size: 40px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .remini-footer h3.remini-f-text {
        font-size: 45px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .remini-footer h3.remini-f-text {
        font-size: 60px;
    }
}
.footer h3 {
    word-spacing: 10px;
}
ul.social {
    color: #fff;
    list-style: none;
    display: inline;
    position: relative;
    top: 51px;
}
.footer ul li.login-social-icons {
    background: #a27c61 !important;
}
ul.social li {
    display: inline-block;
    text-align: right;
    background: #fcb330 !important;
    width: 50px;
    height: 50px;
    border-radius: 15px 0px 15px 0px;
    margin-right: 15px;
    text-align: center;
    line-height: 50px;
}
ul.social li {
    cursor: pointer;
    transition: 0.5s ease-in-out;
}
section.footer ul.social li a, section.footer ul.social li a i {
    color: #fff;
    font-size: 14px !important;
    cursor: pointer !important;
}
.bdr-top {
    border-top: 1px solid #3a3a3a;
    padding-top: 20px;
}
.f-14 {
    font-size: 14px !important;
}
ul.ft-menu {
    color: #fff;
    list-style: none;
    display: inline;
}
ul.ft-menu li {
    display: inline-block;
    text-align: right;
}
ul.ft-menu li a {
    color: #fff;
    font-size: 14px;
}
a.act.forget-password {
    display: none;
}
button.btn-line:hover {
    transform: scale(1.15);
    transition: 0.5s ease-in-out;
}
h1.mb-4.mt-5.text-center.f-size {
    font-size: 62px;
}
html body .footer .txt:before {
    letter-spacing: 0rem !important;
}

@media (min-width: 320px) and (max-width:767px) {
	
	
	ul.slide-menu-link {
    padding-top: 60px;
}html body .slide-menu-link li a {
    font-size: 30px !important;
    line-height: 50px !important;
}
    .fr-mb2 {
        display: none;
    }
    .slide-head h1, .l-head {
        font-size: 28px !important;
        margin-bottom: 0;
        margin-left: -15px;
    }
    img.img-fluid.on-m {
        top: 0;
        left: 10px;
        width: 250px !important;
    }
    html body #over {
        bottom: 80px !important;
        top: unset;
        left: 10px;
    }
    .col-md-3.m-logo img {
        width: 120px !important;
    }
    section#vde {
        height: 370px;
    }
    #vde ul.social.ban {
        display: none;
    }
    .obj-1 {
        top: -80px;
        left: unset;
        width: 120px;
        right: 20px;
    }
    .m-logo {
        position: absolute !important;
        top: 43% !important;
        top: 19%;
        left: 60%;
    }
    #slider {
        height: 26vh;
    }
    .circle-area.bg-n {
        left: 14px;
        padding: 0;
        padding: 0;
        border-radius: 60px;
        height: 100%;
        left: 0;
        margin-bottom: 36px;
        width: 100%;
    }
    .circle-area.bg-n .cnt-form {
        padding-left: 22px;
    }
    .circle-area.bg-n .mt-5, .my-5 {
        margin-top: 1rem !important;
    }
    .cnt-form {
        padding-right: 22px;
    }
    h1 {
        font-size: 2rem !important;
    }
    html body .cnt-form .form-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .tt {
        display: none;
    }
    button.btn-line {
        margin-bottom: 9px;
        padding: 12px 25px;
        width: 100%;
    }
    .blue-circle.text-center.text-white:before {
        content: '';
        width: 100px;
        height: 100px;
        z-index: 1;
    }
    .blue-circle.text-center {
        top: 2em !important;
        z-index: 9999;
        left: 0;
    }
    .blue-circle.text-center.text-white:before {
        top: -70px;
        right: -30px;
    }
    .blue-circle.text-center {
        width: 100%;
        height: 350px;
        border-radius: 60px;
    }
    .bt-logo {
        width: 160px !important;
    }
    html body .blue-circle.text-center.text-white img {
        margin-top: 36px!important;
    }
    .blue-circle .mt_2rem {
        margin-top: 2rem !important;
    }
    .m_p_0 {
        padding-left: 0px !important;
    }
    body p {
        font-size: 15px;
    }
    button.btn-line {
        margin-bottom: 9px;
        padding: 12px 25px;
        width: 100%;
    }
    section.watch::after {
        left: 10px;
    }
    section.login-lady-img::before {
        right: 0;
    }
    .obj-2:before {
        width: 50%;
        height: 100%;
        max-height: 250px;
        right: -20px;
        top: 0px;
    }
    section.footer .magical-login-almira::after {
        left: 8%;
        top: -25%;
    }
    .obj-3:after {
        width: 200px;
    }
    span.shape3 img {
        position: relative;
        z-index: 1;
        height: auto;
        width: 280px !important;
        height: 510px !important;
        object-fit: contain;
        object-position: center center;
    }
    .shape3:after {
        width: 350px !important;
        height: 350px !important;
    }
    .logo.login-logo img {
        height: 50px;
    }

}

@media(max-width:991px){
	html body img.img-fluid.s-shape-set {
    position: absolute;
    width: 350px;
    top: -250px;
}
	.container.mt-200 {
		max-width: 90%;
	}
	.container.mt-200 .col-md-10 {
		max-width: 100%;
	}
	
}
@media (min-width: 768px) and (max-width:1108px) {
	.kids-bg section.middle-area-section .container-fluid { padding: 0 60px 0 60px}
	.kids-bg .row.w-100 {
    width: 100% !important;
    margin: 0 auto;
}
	.kids-bg .outer { flex-direction: column !important; row-gap: 30px;}
}
@media (min-width: 1200px) and (max-width:1400px) {
	.teen-events.kids-bg .vd-title {font-size: 24px; margin-bottom: 0;}
	.teen-events.kids-bg .outer { flex-direction: row !important; column-gap: 30px;}
}
@media (min-width: 1109px) and (max-width:1299px) {
	
	
	.kids-bg .outer { flex-direction: column !important; row-gap: 30px;}

	.kids-bg section.middle-area-section .container-fluid {padding: 0 90px 0 110px}
}
@media (min-width: 992px) and (max-width:1299px) {
	.teen-events h3.banner-heading-in { font-size: 35px; width: 430px; line-height: 33px;  position: relative;    z-index: 222;}
	.teen-events section.teen-slider { height: 100vh;}
	img.img-fluid.cts-res { position: absolute; right: 0; height: 610px; z-index: 0; top: 10%; bottom: 0;}
	.col-md-5.pos-unset-kk {position: unset;}
}
@media (min-width: 919px) and (max-width:1050px) {
	.kids-bg.teen-events .outer{flex-direction: column !important;
		row-gap: 20px;
		width: 100%;
	}
	
}
@media (min-width: 768px) and (max-width:991px) {
	
	
	.kids-bg.teen-events .video-box { width: 260px !important;}
	.teen-events h3.banner-heading-in { font-size: 35px; width: 430px; line-height: 33px;  position: relative;    z-index: 222;}
	.teen-events section.teen-slider { height: 100vh;}
	img.img-fluid.cts-res { position: absolute; right: 0; height: 500px; z-index: 0; top: 16%; bottom: 0;}
	.col-md-5.pos-unset-kk {position: unset;}
	
    #slider {
        height: 36vh;
    }
    .slide-head h1, .l-head {
        font-size: 35px !important;
        margin-bottom: 0px;
    }
    img.img-fluid.on-m.m--20 {
        max-width: 460px !important;
    }
    #over .col-md-3.m-logo img {
        right: 40% !important;
        max-width: 200px !important;
        top: -55px !important;
        position: absolute;
    }
    #over {
        left: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        bottom: 50px !important;
        top: 60px !important;
        height: fit-content;
    }
    .individual-slider ul.social.ban li a, ul.social li a i {
        font-size: 20px !important;
    }
    section#vde {
        height: 410px !important;
        max-height: 410px !important;
    }
    .obj-1 {
        top: -120px;
        width: 170px;
    }   
    .tt {
        display: none;
    }
    .circle-area.bg-n {
        background-position: 0 0;
        left: 14px;
        padding: 0;
        border-radius: 60px;
        height: 100%;
        left: 0;
        margin-bottom: 36px;
        width: 100%;
    }
    .cnt-form {
        padding-right: 60px;
        padding-left: 10px;
    }
    .blue-circle.text-center.text-white.login-new-circle:before {
        width: 130px;
        height: 130px;
        top: -80px;
    }
    .blue-circle.text-center.text-white:before {
        width: 160px;
        height: 160px;
    }
    html body .blue-circle.text-center {
        left: -80px !important;
        top: 0 !important;
    }
    .blue-circle.text-center {
        width: 350px;
        height: 350px;
    }
    .blue-circle.text-center.text-white {
        z-index: 2;
    }
    img.img-fluid.mt-5.mb-30.bt-logo {
        width: 180px !important;
    }
    html body .blue-circle.text-center.text-white img {
        margin-top: 36px!important;
    }
    h1.mt-5.w-100.mb-4.m_p_0.mt_2rem {
        font-size: 30px;
        margin-top: 13px !important;
        margin-bottom: 0 !important;
    }
    .form-group.m_btn_css .btn-line {
        width: 210px;
        margin: 0 auto;
        display: block;
    }
    .shape2 {
        margin-top: 0px;
    }
    section.login-lady-img::before {
        width: 25%;
        height: 50%;;
    }
    section.watch::after {
        width: 30%;
        height: 30%;
        left: 50px;
        top: -20px;
    }
    .obj-2:before {
        width: 40%;
        height: 50%;
        right: 0;
        top: -90px;
    }
    section.footer .magical-login-almira::after {
        left: 8%;
        top: -30%;
    }
    .obj-3:after {
        width: 250px;
    }
    .shape3:after {
        width: 330px !important;
        height: 330px !important;
        left: 30px !important;
    }
    .txt:before {
        font-size: 10em !important;
        margin-top: 5% !important;
        letter-spacing: 0 !important;
    } 
    .logo.login-logo img {
        height: 50px;
    }
    footer img.login-old-man {
        width: 80% !important;
    }

}    

@media (min-width: 992px) and (max-width:1199px) {
	
	.img-fluid.h-530 { height: 420px !important; margin-top: -20px;}
	.img-fluid.h-500 { height: 400px !important;}
	
	
    #slider {height: 45vh;}
    div#over {
        top: 70px;
        left: 30px;
    }
    .container-lg {
        max-width: 90%;
    }
    #over .col-md-3.m-logo img {
        right: 30% !important;
    }
    #over .col-md-3.m-logo img {
        right: 35% !important;
        max-width: 290px !important;
    }
    ul.social.ban {
        font-size: 25px;
        top: 100px;
    }
    .blue-circle.text-center.text-white {
        z-index: 2;
    }
    .blue-circle.text-center {
        width: 540px;
        height: 540px;
        left: -180px;
        z-index: 2;
    }
    .blue-circle.text-center.text-white.login-new-circle:before {
        background: url(images/new-circle.png) no-repeat !important;
        background-size: contain !important;
        top: -70px;
        right: 0px;
    }
    .blue-circle.text-center.text-white:before {
        content: '';
        width: 190px;
        height: 210px;
        position: absolute;
        top: -160px;
        right: 20px;
        z-index: -8;
        background-size: contain;
    }
    .tt {
        display: none;
    }
    .pd-self {
        width: 60%;
        padding-right: 0 !important;
    }
    img.img-fluid.mt-5.mb-30.bt-logo {
        width: 220px !important;
    }
    h1.mt-5.w-100.mb-4.m_p_0.mt_2rem {
        margin-top: 20px !important;
        font-size: 40px;
    }
    .obj-3:after {
        width: 250px;
    }
    section.watch::after {
        width: 30%;
        height: 30%;
    }
}
@media screen and (max-width: 1920px) and (min-width: 1300px) {
	
	
	.kids-bg.teen-events .vd-title { font-size: 28px!important;}
	.kids-bg.teen-events .outer {column-gap: 30px;}
	
	.teen-events .thumb-img-div.relative {  max-width: 260px;}
	
	.teen-events .row.w-100.mt-5-0 { margin-top: 100px;}
	.teen-events .cts-res.img-fluid{ position: absolute; width: 100%; top: 30px; height: 660px; right: 40px; object-fit: contain; object-position: right; z-index: 0;}
	.teen-events .pos-unset-kk{position:unset !important}
	.kids-bg .vd-title { font-size: 32px!important;}
	.kids-bg a.orange-tooltip.action.downloadVideo { font-size: 17px !important;  margin-right: 0 !important;}
	section.middle-area-section .container-fluid {
    padding: 0 90px 0 130px;
}
	
	section.new-kk.info.info2.new-top.kk-btm-100.new-bg-y {
    padding-top: 150px;
    padding-bottom: 150px !important;
}
	
	.img-fluid.h-500,
	.img-fluid.h-530{object-fit:cover;}
	
	.container.mt-200 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}
	.ml--100{
	margin-left:-100px !important;
}
    #over {
        top: 130px;
    }
}
@media (min-width: 1500px) {
    .container-lg {
        max-width: 89% !important;
    }    
}
@media (min-width: 1441px) {
    #slider {
        height: 80vh;
        max-height: 500px !important;
    }
}
@media (min-width: 992px) {
    .col-md-3.m-logo img {
        position: absolute;
        max-width: 470px;
        width: auto;
        right: 0px;
        top: -137px;
    }
    .col-md-3.m-logo img {
        position: absolute;
        max-width: 470px;
        width: auto;
        right: 0px;
        top: -137px;
    }
}
@media (min-width: 1250px) {
    a.act.forget-password-1 {
        display: none;
    }    
}
@media (min-width: 1700px) {
    .forget-container {
        max-width: 690px;
    }
}
@media (min-width: 1250px) {
    .forget-container {
        position: relative;
        width: 100%;
        height: 860px;
        max-width: 590px;
    }
}
@media (min-width: 1250px) {
    a.act.forget-password {
        position: absolute;
        top: 64%;
        right: 41px;
        width: auto;
        z-index: 99999999999999999;
    }
}
@media (min-width: 1500px) {
    .blue-circle.text-center {
        left: -230px;
        z-index: 1;
    }
}
@media screen and (max-width: 1920px) and (min-width: 1300px) {
    img.img-fluid.tt.lady-old {
        left: 170px;
    }
    .tt {
        width: 54%;
        left: 65px;
    }    
}
@media (min-width: 1500px) {
    .tt {
        left: 70px;
        z-index: 2;
    }    
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
    #slider {
        height: 55vh;
        max-height: 340px;
		min-height: 600px;
    }
	#over .col-md-9.slide-head.text-white {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1300px){
	#slider {
		height: 55vh;
		max-height: 340px;
		min-height: 350px;
	}
}
@media (max-width: 1500px) {
    .slider {
        max-height: 750px;
    }
    .col-md-3.m-logo img {
        right: -25% !important;
        top: -190px;
    }    
    .shape2 .img-fluid {
        max-width: 80%;
        height: auto;
        width: 60%;
    }
    .p-0.col-md-4 img {
        width: 230px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.kids-bg.teen-events .grid-4.GridFour .image { border-radius: 0 !important; width: 100%;}
	.kids-bg section.middle-area-section.mt-kk-200 .container-fluid { padding: 0 50px;}
	.kids-bg .video-text-back.p-0 { float: left; width: 100%;}
	.teen-events .thumb-img-div.relative { max-width: 100% !important;}
	.kids-bg.teen-events .video-box { width: 100% !important;}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	.teen-events h3.banner-heading-in { font-size: 35px; width: 430px; line-height: 33px;  position: relative;    z-index: 222;}
	.teen-events section.teen-slider { height: 690px !important;padding-top: 100px;}
	.teen-events section.teen-slider .new-f-z { align-items: start;}
	img.img-fluid.cts-res { position: absolute; right: 0; height: 310px; z-index: 1; top: unset; bottom: 40px ;}
	.col-md-5.pos-unset-kk {position: unset;}
	
	.img-fluid.h-500 { height: 290px !important; transition: ease-in .5s;}
	.img-fluid.h-530 { height: 300px !important; margin-top: -15px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1440px) {
	.container.mt-200 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}
    .slide-head h1 {
        font-size: 43px !important;
    }
    img.img-fluid.on-m.m--20 {
        max-width: 800px !important;
    }
}
@media only screen and (max-width: 450px) {
	.teen-events h3.banner-heading-in {
		font-size: 30px !important;
		width: auto!important;
		line-height: 33px!important;
		margin-left: 0 !important;
	}
	html body img.img-fluid.s-shape-set {
		top: -160px !important;
	}
}
@media only screen and (max-width: 1450px) {
    .col-md-3.m-logo img {
        right: -25% !important;
        max-width: 490px !important;
    }
    .blue-circle.text-center.text-white img {
        width: 63%;
        margin-top: 130px !important;
    }
    
}
@media only screen and (max-width: 1600px) {
    .col-md-3.m-logo img {
        right: 10% !important;
    }
}
@media only screen and (max-width: 1700px) {
    .col-md-3.m-logo img {
        right: 10% !important;
        top: -117px !important;
    }
}
@media only screen and (max-width: 1800px) {
    .col-md-3.m-logo img {
        right: 10% !important;
    }
    
}
.left-sidebar.login-be-af #mySidenav2::before, .left-sidebar.login-be-af #mySidenav2::after {content: unset !important;}
.left-sidebar.login-be-af .login-container::before, .left-sidebar.login-be-af .login-container::after {content: unset !important;}

.left-sidebar.no-ba-remini #mySidenav2::after, .menu-conatainer.login-container.no-ba-remini::after, 
.left-sidebar.no-ba-remini #mySidenav2::before, .menu-conatainer.login-container.no-ba-remini::before {
    content: unset !important;
}

div#mySidenav2:after {
    width: 100px;
    height: 100px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 25%;
    top: 30%;
    display: block !important;
}
.menu-conatainer:after {
    content: "";
    position: absolute;
    bottom: -90px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: transparent;
    right: 430px;
    border: 10px solid rgba(255,255,255,0.25);
    transform: rotate(45deg);
    box-shadow: 12px 0 54px 6px rgb(255 255 255 / 25%);
}.menu-conatainer:before {
    content: "";
    position: absolute;
    top: 260px;
    width: 210px;
    height: 210px;
    background: transparent;
    right: -90px;
    border: 10px solid rgba(255,255,255,0.25);
    transform: rotate(45deg);
    box-shadow: 12px 0 54px 6px rgb(255 255 255 / 25%);
}div#mySidenav2:before {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 100px solid rgba(255,255,255,0.3);
    border-bottom: 50px solid transparent;
    content: '';
    position: absolute;
    right: 5%;
    bottom: 30px;
}
.left-sidebar .login-sidebar-menu {background-color: #623f3b !important;}
.default-menu {
    background-color: #5005a0 !important;
}.stars-image {
    display: none;
}

li.login-menu.m-logo img.img-fluid.mt-5.mb-30.mr-2 {
    top: 50px;
    position: relative;
    left: 0;
    right: 0;
    width: 340px;
    z-index: 0;
}

.sticky li.login-menu.m-logo img.img-fluid.mt-5.mb-30.mr-2 {
display:none;
}
.nav.navbar-nav.navbar-right {
       background: none !important;
    margin-right: 14px;
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;position: relative;
}.navbar-nav>li {
   float: left;
    margin-left: 27px;
    margin-top: 3px;
    padding: 14px 0;
} .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;padding-top: 12px;
    padding-bottom: 12px;
}
.navbar-right li a span {
    color: #ffffff;
    font-weight: 500;
	font-size:14px;
    letter-spacing: 0.5px;
}
.plus-btn-pos {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999999999999;
}
.open-overlay {
    top: -30px;
    left: 30.85px;
}
.plus-btn {
    width: 60px;
    height: 80px;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
}.jwel {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
.jwel {
    right: 0px;
    width: 46.85px !important;
    z-index: 11;
}.txt-sml p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
html body .sidenav-new-menu {
    overflow-y: hidden;
    overflow-x: hidden;
}

@media only screen and (min-height: 900px) and (min-width: 1025px){
.sidenav-new-menu .menu-conatainer {
    height: 100%;
}
}
html body .left-sidebar .login-container {
    padding: 20px 20px 100px 100px !important;
}
.sidenav-new-menu .menu-conatainer {
    padding: 70px 20px 10px 100px !important;
    position: relative;
    /* height: 90%; */
}
/*.login-be-af .login-side-menus ul li a {
    display: inline-block !important;
    font-family: 'Metropolis_1920' !important;
    font-size: 50px !important;
    color: #f5d6a1 !important;
    text-shadow: 5px 6px 25px #e5a500 !important;
    transition: .4s;
    line-height: normal !important;
    height: 80px !important;
    padding: 8px 8px 8px 8px !important;
    letter-spacing: unset !important;
    -webkit-text-stroke-width: unset !important;
    -webkit-text-stroke-color: unset !important;
}*/
@media (min-width:320px) and (max-width:767px) {
    .login-be-af .login-side-menus ul li a {
        font-size: 40px !important;
    }
    html body .left-sidebar .login-container {
        padding: 90px 20px 100px 70px !important;
    }
    .padding-mobile {padding: 0 !important;}
}
@media (min-width:768px) and (max-width:991px) {
    .login-be-af .login-side-menus ul li a {
        font-size: 45px !important;
    }
}
.slide-menu-link li a {
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Conv_American_Captain' !important;
    font-size: 55px;
    line-height: 11vh !important;
    font-weight: 500;
    letter-spacing: 3.4px;
    white-space: nowrap;
    padding: 0;
    /* letter-spacing: 2px; */
    font-size: 60px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: rgba(255,255,255,0.0);
}

.new-menu-logo img {
    width: 240px !important;
}
.new-menu-logo a:hover {
    color: #fdeb98 !important;
    filter: none !important;
}
ul.slide-menu-link li a {
    color: rgba(255,255,255,0.0) !important;
    filter: none !important;
    text-shadow: none !important;
	    font-size: 50px; 
		line-height: 80px !important;
}
/*.login-be-af .login-side-menus ul li a:hover {
    color: #fdeb98 !important;
    filter: drop-shadow(0px 0px 6px #e5a500) !important;
}*/
.inner_left_menu div#mySidenav2:after {
    width: 100px;
    height: 100px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 25%;
    top: 30%;
    display: block !important;
}
ul.slide-menu-link li a:hover{
	color:#fff !important
}
.footer h3,
.txt:before,
h1.mb-4.mt-5.text-center.f-size{
	    font-family: 'Conv_American_Captain' !important;

}
.mt-200{
	margin-top:150px
}
.no-after:after{
	display:none !important
}

.img-fluid.h-500{
	height:450px;transition: ease-in .5s;
}
.img-fluid.h-530{
	    height: 470px;
    margin-top: -22px;transition: ease-in .5s;
}
.img-fluid.h-530:hover{
	margin-top:-60px
}
.img-fluid.h-500:hover{
	margin-top:-30px
}

.no-before-kk:before{
	display:none;
}


@media(max-width:575px){
	.kids-bg.teen-events .grid-4.GridFour.clearfix { width: 100%;}
	.kids-bg.teen-events .grid-4.GridFour .image {border-radius: 0 !important;width: 100%;}
	img.img-fluid.h-530,
	img.img-fluid.h-500 {
		margin: 0px auto 50px;
		display: block;
		height: auto;
	}
	.kids-bg.teen-events .thumb-img-div.relative { max-width: 100% !important;}
}
@media(max-width:995px){
	
	ul.nav.navbar-nav.navbar-right li:nth-child(1),
	ul.nav.navbar-nav.navbar-right li:nth-child(2),
	ul.nav.navbar-nav.navbar-right li:nth-child(3),
	ul.nav.navbar-nav.navbar-right li:nth-child(4)
	{
		display:none;
	}
	
}
/*##################################### LOGIN-PAGE-CSS-END #####################################*/


section.teen-slider {
    background: url(images/inner/main.png);
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.teen-events section.teen-slider {
    background: url(images/p/banner-bg.png);
    height: 107vh;
    background-size: cover;
    background-position: center center;
}
.new-f-z{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1500px){
	.new-kk {
		padding-top: 100px;
	}
}
.info {
    position: relative;
    float: left;
    width: 100%;
    /*background: #2B0072 !important;*/
   background: linear-gradient(179.54deg, rgba(0, 17, 121, 0) 43.12%, #001179 99.6%), linear-gradient(91.71deg, #171B2E 5.56%, #04136C 46.02%, #001179 60.69%, #001179 97.1%) !important;
}

.main-head{
	font-family: 'Conv_American_Captain' !important;
	font-size:68px
}
.before-after{
	position:relative;
}
h1.main-head.text-white.text-center.before-after {
    display: flex;
    justify-content: space-between;
}
/*.before-after:before{
	content:'';
	width:100%;
	height:100%;
	background:url('images/inner/left.svg');
	top:0;
	left:0;
	position:absolute;
}
.before-after:after{
	content:'';
	width:100%;
	height:100%;
	background:url('images/inner/right.svg');
	top:0;
	left:0;
	position:absolute;
}*/
.w-90{
	width:auto;
	height:50px;
	margin-top:10px;
}.new-top {
    padding-top: 100px;
}

.teen .left-img-side:before{

	background-image: url(images/inner/3.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 700px;
}
.teen .kk-btm-100{
	padding-bottom:100px !important;
	    margin-bottom: 150px !important;
}
.teen .p-font-size-16{
	font-size:18px;
}
.teen section.new-kk.info2.new-top.left-img-side {
    float: left;
    width: 100%;
    min-height: 600px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}


.flt{
	float:left;
	width:100%;
}
.user-r{
	    max-width: 210px;
    position: absolute;
    right: 0;
    top: 30px;
}
.ab-r-0{
	position: absolute;
    right: 0;
}
.s-bg{
	background: url(images/inner/sample-bg.png);
    background-size: cover;
    width: 100%;
    height: 100%;
}
footer.pt-5{
	position: relative;
    z-index: 2222;
}

button.dropdown-toggle.trans-bg {
    background: transparent;
    border: none !important;
    padding: 10px 20px;
    border-radius: 10px;
}
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background: transparent !important;
    border: none !important
}
.dropdown-menu.show {
    background: #221267  !important;
    color: #fff !important;
}
ul.nav.navbar-nav.navbar-right .dropdown-item { text-align:center !important;padding: 11px 0px !important; color: #ffffff !important;}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #1a005b !important;
}
.top--10{
	top:-10px !important
}
.new-bg-y{
	background: linear-gradient(179.54deg, rgba(0, 17, 121, 0) 43.12%, #221568 99.6%), linear-gradient(91.71deg, #221468 5.56%, #2f317b 46.02%, #2a2572 60.69%, #221267 97.1%) !important;
}


.menu-top-bottom {
    justify-content: center !important;
}

.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important;
}

body.teen .no-btm{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}section.new-kk.info2.new-top.flt.mt-0.pt-0.kk-btm-100 {
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
}
.video .modal-content {
    background: transparent;
    border: none;
}
.video button.close {
    color: #fff;
    opacity: 1;
    border: 1px solid;
    padding: 5px 10px;
    top: 21px;
    position: relative;
    height: 40px !important;
}
.video button.close.placement-control span {
    font-size: 30px;
    line-height: 20px;
    display: block;
    font-weight: 200;
}

.video .modal-header, 
.video .modal-footer {
    border: none;
}button.new-button-play {
    background: transparent;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -100px;
    cursor: pointer;
}

body.kids-bg{
	    background: url('images/inner/bg.png') !important;
    background-position: top center;
    background-repeat: repeat-y;
    background-size: cover !important;
}


.kids-bg .mycourse-banner h1 {
    font-size: 81.6px;
    color: #ff9100;
    line-height: 96px;
}

.kids-bg .video-box {
    background: #f18900;
    padding: 9px 9px;
    margin: 0 19px;
    border-radius: 27px;
    box-shadow: 0px 9px 1px #c02f06;width: 380px;
}
.kids-bg .grid-4.GridFour {
    height: 100%;
    max-height: 100% !important;
}
.kids-bg .grid-4.GridFour .image {
   max-width: 100%;
    max-height: auto !important;
    min-height: 100% !important;
    min-width: auto !important;
    height: 100% !important;
	border-radius:20px;
}
.kids-bg .overlay {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 999999999999999;
    top: 0;
    left: 0;
    background: url(/img/menu-bg.png) no-repeat;
    overflow-x: hidden;
    background-size: cover;
    transition: 0.5s;
}
.kids-bg .play-img {
    width: 62px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}ul.act li i {
    font-size: 20px;
}
.kids-bg #margin-bottom {
    padding: 102px 20px 0;
}
.kids-bg .container.mt-200 {
    max-width: 100%;
}
.kids-bg .outer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	margin-bottom: 60px;
}
.kids-bg a.orange-tooltip.action.downloadVideo {
    display: flex;
    font-weight: 600;
    font-size: 19px;
    line-height: 23px;
    column-gap: 20px;
    color: #f18900;
}
.kids-bg .txt-ornage {
	color: #f18900 !important;
    margin-bottom: 0;
}
.kids-bg .vd-title {
    font-size: 34px;
    padding-right: 80px;
    color: #fff;
    line-height: 29px;
    margin-bottom: 20px;
}
.kids-bg ul.act {
    list-style: none;
}
a.videoModalTriger {
    position: relative;
}

.kids-bg button.close span {
    font-weight: 100;
}
.kids-bg button.close{
	border:none !important
}
.kids-bg .program h1 {
    font-size: 74.96px;
    color: #f18900;
}
.kids-bg .program h1 .purple {
    color: #ffffff;
}
.kids-bg div#exampleModalCenter-1{
	z-index:999999999999999 !important
}

.modal-open .modal:before {
    content: '';
    background: #00000087;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
} 
.mt-kk-200{
	margin-top:130px !important
}

section.video-section.pt-5.mt-5 {
    float: left;
    width: 100%;
}


h3.banner-heading-in {
    color: #fff;
    font-size: 45px;
    width: 460px;
    line-height: 43px;
    font-family: 'Poppins';
    font-weight: 700;
    text-shadow: 0px 5px 5px #0000007d;margin-left: 50px;
}



.kids-bg.teen-events .video-box {
    background: transparent;
    padding: 0; 
    margin: 0 ;
    border-radius: 0px;
    box-shadow: none;
    width: auto;
}
.kids-bg.teen-events  .grid-4.GridFour .image { border-radius: 0 !important;}


li.act-icon.setting a.orange-tooltip.action.downloadVideo {
    color: #FFC700;
    font-size: 21px !important;
    width: 250px;
    margin-top: 15px;    align-items: center;
}

.powermind-workout {
    background: url(images/p/bg.png);
    position: relative;
}

img.img-fluid.s-shape-set {
    position: absolute;
    width: 500px;
    top: -250px;
}
.teen-event-videos h3.vd-title {
    text-transform: uppercase;
}
@media (min-width:1200px) {
.teen-event-videos .outer {align-items: start;}
}
.teen-events .thumb-img-div.relative {  width: 100%; float: left; max-width: 260px; position: relative;}

.teen-events h3.vd-title {
font-family: 'Poppins';
font-weight: 800;
padding-right: 0 !important;
}

.teen-events .kids-bg .vd-title {
    line-height: 24px;
}
.kids-bg.teen-events ul.act {
    list-style: none;
    float: left;
}

/*###################### BANNER-CSS-START ########################*/
.top-banner{
	/*background: url('images/bg-2.png');*/
	width:100%;
	height:100vh;
	background-size:cover;
	min-height:1080px;
	position:relative;
}
section.top-banner {
    height: fit-content;
    min-height: fit-content;
}
section.top-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 500px;
    background: url(images/shape-Vector.svg);
    height: 100%;
    max-height: 500px;
    background-size: contain;
    right: -30px;
    background-repeat: no-repeat;
    bottom: 0;
    z-index: -1;
}
section.top-banner::after {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 700px;
    background: url(images/senior-citizen-1.webp);
    height: 100%;
    max-height: 700px;
    background-size: contain;
    right: -140px;
    background-repeat: no-repeat;
    bottom: 10px;
    z-index: 1;
}
@media (min-width: 1600px) {
    section.top-banner::after {
        position: absolute;
        max-width: 800px;
        max-height: 800px;
        right: -140px;
    }
}
.glitter-img::after {
    content: '';
    position: absolute;
    width: 100%;
    background: url(images/glitters.png);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0px;
    bottom: -270px;
    z-index: -1;
}
section.remini-bann-ba .text-remini-banner {
    position: absolute;
    top: 210px;
    left: 60px;
}
section.remini-bann-ba .text-remini-banner h3 {
    font-size: 31px;
    margin: 70px 0 0 285px;
}
.banner-text {
    position: absolute;
    top: 210px;
    left: -50px;
}
@media (min-width: 1500px) {
    .banner-text {
        position: absolute;
        top: 270px;
        left: -20px;
    }    
}
.set-pos {
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-banner h1 {
    font-family: 'Metropolis_1920';
    line-height: 1;
    font-size: 129px;
    text-align: right;
    color: #fff;
    text-shadow: -6px 6px 111px #e1ad28;
    filter: drop-shadow(0px 0px 6px #e5a500);
    width: 100%;
}
.banner-text h3 {
    font-size: 40px;
    line-height: .8;
    font-weight: 700;
    color: #fff;
    font-family: 'League Spartan', sans-serif;
    margin-left: 0;
    text-shadow: 1px 1px black;
    text-transform: uppercase;
    margin: 90px 0 0 335px;
}
@media (min-width:320px) and (max-width:479px) {
    .main-bg img.img-fluid.w-100.d-md-none.d-block.remini-bann-img {
        width: 500px !important;
        height: 230px;
        object-fit: cover;
        object-position: left;
        zoom: 130%;
    }
    .row.banner-text.remini-bann-text {
        position: absolute;
        top: 80px;
        left: 0px;
    }
}
@media (min-width:480px) and (max-width:767px) {
    .main-bg img.img-fluid.w-100.d-md-none.d-block.remini-bann-img {
        width: 500px !important;
        height: 300px;
        object-fit: cover;
        object-position: left;
        zoom: 130%;
    }
    .row.banner-text.remini-bann-text {
        position: absolute;
        top: 110px;
        left: 0px;
    }
}
@media (max-width:767px) {
    section.remini-bann-ba .text-remini-banner h3 {
        font-size: 15px;
        margin: 20px 0 0 155px;
    }
    
    section.top-banner.remini-bann-ba::after {
        position: absolute;
        max-width: 300px;
        max-height: 300px;
        right: 18px;
        bottom: -50px;
    }
    section.top-banner.remini-bann-ba::before {
        max-width: 200px;
        max-height: 200px;
        right: 70px;
        bottom: -50px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    section.remini-bann-ba .text-remini-banner {
        position: absolute;
        top: 120px;
        left: 40px;
    }
    section.remini-bann-ba .text-remini-banner h3 {
        font-size: 14px;
        margin: 30px 0 0 135px;
    }
}
@media (min-width:992px) and (max-width:1199px) {

    section.remini-bann-ba .text-remini-banner {
        position: absolute;
        top: 150px;
        left: 60px;
    }
    section.remini-bann-ba .text-remini-banner h3 {
        font-size: 20px;
        margin: 40px 0 0 185px;
    }

}
@media (min-width:1200px) and (max-width:1399px) {

    section.remini-bann-ba .text-remini-banner {
        position: absolute;
        top: 200px;
        left: 80px;
    }
    section.remini-bann-ba .text-remini-banner h3 {
        font-size: 24px;
        margin: 50px 0 0 215px;
    }

}
@media (min-width:1500px) {
    section.remini-bann-ba .text-remini-banner {
        position: absolute;
        top: 230px;
        left: 100px;
    }
}
@media (min-width:1800px) {
    section.remini-bann-ba .text-remini-banner {
        position: absolute;
        top: 260px;
        left: 150px;
    }
}