*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
}

ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style-type: none;
}
p{
    color: #000;
    font-size: 16px;
    line-height: 30px;
}
input:focus{
    outline: none;
}
::placeholder{
    font-size: 18px;
}
.btn-primary:hover{
    background: #0092B8;
    border: 1px solid transparent;
    transition: .5s;
}
/* =======================
   COMMON STYLE START
==========================*/
.kids-active-btn {
    background: #EB6025;
    padding: 8px 30px;
    color: #fff;
    border-radius: 50px;
    font-size: 18px;
    border: 1px solid transparent;
    font-weight: 500;
}
span.title-span{
    color: #EB6025;
    font-size: 22px;
    letter-spacing: 10px;
    font-weight: 600;
}
.color-span{
    color: #EB6025;
    font-family: 'Abril Fatface', cursive;
}
section{
	padding-top: 0px;
    padding-bottom: 0px;
}
.section-title{
    text-align: center;
    margin-bottom: 5px;
}
.section-title h2{
	font-family: "Fredoka One", cursive!important;
	font-weight: 600;
    font-size: 52px;
    color: #231F20;
}
.section-title p{
    font-size: 16px;
    color: #000;
}
/* =======================
    MAIN STYLE START
==========================*/
header{
    
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
}
.navbar-brand img{
	height: 80px;
}
header .menu{
    padding: 20px 0px;
    transition: .5s all ease-in-out;
}
.navbar-light .navbar-nav .nav-link{
    font-size: 16px;
    color: #242424;
    font-weight: 600;
    margin-left: 30px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show .nav-link{
    color: #EB6025;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link.kids-active-btn{
    width: 170px;
    padding: 10px;
    color: #fff !important;
    border: 1px solid transparent;
    margin-top: -5px;
}
header .menu .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    max-height: 500px;
    margin-top:10px;
    box-shadow: 0 5px 40px 0px rgba(57, 73, 76, 0.10);
}
header .menu .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    min-width: 225px;
    border-radius: 0;
    padding: 0;
    padding: 15px 0px;
    margin-top: -2px;
    display: block;
    visibility: hidden;
    opacity: .1;
    max-height: 0px;
	border: none;
}
header .menu .dropdown .dropdown-menu .dropdown-item {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 8px 25px !important;
    background: transparent;
}
header .menu .dropdown .dropdown-menu .dropdown-item:hover {
    color: #EB6025;
}
header .menu .dropdown .dropdown-menu .dropdown:hover .dropdown-menu {
    max-height: 500px;
    visibility: visible;
    opacity: 1;
}
header .menu .dropdown .dropdown-menu .dropdown .dropdown-menu {
    border-left: 1px solid #f1f1f1;
    left: 224px;
    top: -13px;
    padding: 15px 0px;
    visibility: hidden;
    opacity: 0;
    max-height: 0px;
}
.menu .mx-auto{
    margin-left: auto !important;
   
}
.is-sticky .menu, .homepage-two .is-sticky .menu{
    background: #FDF8EE;
    padding: 5px 0px;
    transition: .5s all ease-in-out;
    z-index: 9999 !important;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%), inset 0 1px 0 #ececec
}
.header-text{
    display: flex;
    align-items: center;
    min-height: 550px;
}
.header-text h1{
    color: #231F20;
    font-size: 78px;
    margin: 20px 0px;
}
.header-text p{
    font-size: 20px;
    padding: 10px 0px 25px 0px;
}
.header-img{
    position: absolute;
    bottom: 0;
    right: 0%;
    z-index: 1;
}
.header-img img{
    width: 90%;
}
.about-img .about-main-img img{
    width: 100%;
}
.cloud{
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    width: 100%;
}
.cloud img{
    width: 100%;
}
.animation img, .animation-two img{
    width: 150px;
}
.animation{
    position: absolute;
    bottom: 5%;
    left: 10%;
    animation: betterfly 5s infinite;
}
.animation-two{
    position: absolute;
    bottom: 22%;
    right: 0%;
    animation: betterfly-two 5s infinite;
}
@keyframes betterfly{
    10%{bottom: 7%;}
    15%{bottom: 8%;}
    20%{bottom: 9%;}
    30%{bottom: 10%;}
    35%{bottom: 11%;}
    40%{bottom: 13%;}
    45%{bottom: 15%;}
    50%{bottom: 17%;}
    55%{bottom: 18%;}
    60%{bottom: 20%;}
    65%{bottom: 22%;}
}
@keyframes betterfly-two{
    60%{bottom: 7%;}
    55%{bottom: 8%;}
    50%{bottom: 9%;}
    45%{bottom: 10%;}
    40%{bottom: 11%;}
    35%{bottom: 13%;}
    30%{bottom: 15%;}
    25%{bottom: 17%;}
    20%{bottom: 18%;}
    15%{bottom: 20%;}
    10%{bottom: 22%;}
}
/* ==========================
    Header Bottom Style Start
============================*/
.header-bottom{
    background: #FDF8EE;
    margin-top: -100px;
}
.header-box-single{
    padding: 80px 10px 180px 40px;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    min-height: 450px;
}
.header-box-single h4{
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.header-box-single p{
    color: #fff;
    font-size: 16px;
    padding: 15px 0px 25px 0px;
}
.box-text{
    position: absolute;
    top: 15%;
    left: 10%;
    transition: .5s;
}
.header-box-single:hover .box-text{
    top: 50%;
    transition: .5s;
    transform: translateY(-50%);
    
}
/* ===========Single Box Effect Area {Box-One} */
.header-box-single.box-one{
    background: url('../images/baby-01.png') no-repeat ;
    background-size: cover;
    position: relative;
    z-index: 1; 
}
.header-box-single.box-one::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url('../images/gradient-01.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80%;
    border-radius: 0px 15px 0px 0px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-one::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background: url('../images/box-cloud-01.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 30%;
    border-radius: 15px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-one:hover::before{
    height: 100%;
    opacity: 1;
    transition: .5s ease-in-out;
}
.header-box-single.box-one:hover::after{
    height: 100%;
    opacity: 0;
    transition: .5s ease-in-out;
}
/* ===========Single Box Effect Area {Box-Two} */
.header-box-single.box-two{
    background: url('../images/baby-02.png') no-repeat ;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.header-box-single.box-two::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url('../images/gradient-02.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80%;
    border-radius: 0px 15px 0px 0px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-two::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background: url('../images/box-cloud-02.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 30%;
    border-radius: 15px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-two:hover::before{
    height: 100%;
    opacity: 1;
    transition: .5s ease-in-out;
}
.header-box-single.box-two:hover::after{
    height: 100%;
    opacity: 0;
    transition: .5s ease-in-out;
}
/* ===========Single Box Effect Area {Box-Two} */
.header-box-single.box-three{
    background: url('../images/baby-03.png') no-repeat ;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.header-box-single.box-three::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url('../images/gradient-03.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80%;
    border-radius: 0px 15px 0px 0px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-three::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background: url('../images/box-cloud-03.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 30%;
    border-radius: 15px;
    z-index: -1;
    transition: .5s ease-in-out;
}
.header-box-single.box-three:hover::before{
    height: 100%;
    opacity: 1;
    transition: .5s ease-in-out;
}
.header-box-single.box-three:hover::after{
    height: 100%;
    opacity: 0;
    transition: .5s ease-in-out;
}
/* =========================
    About Style
============================ */
.about{
    position: relative;
}
.about-text{
    padding: 80px 0px 0px 80px;
}
.about-text h4{
    font-size: 41px;
}
.about-img{
    position: relative;
    cursor: pointer;
}
.about-cloud-img-one{
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease-in-out;
}
.about-cloud-img-two{
    position: absolute;
    right: 0;
    top: 30%;
    transition: .5s ease-in-out;
}
.about-img:hover .about-cloud-img-one{
    top: 30%;
    transition: .5s ease-in-out;
}
.about-img:hover .about-cloud-img-two{
    top: 60%;
    right: 15%;
    transition: .5s ease-in-out;
}
.about-main-cloud-one{
    position: absolute;
    top: 15%;
    right: 2%;
}
.about-main-cloud-two{
    position: absolute;
    bottom: 15%;
    left: 2%;
}
.about-main-shape-one{
    position: absolute;
    top: 25%;
    left: 2%;
}
.about-main-shape-two{
    position: absolute;
    bottom: 25%;
    right: 2%;
}
/* =========================
    SINGLE-COUNTER Style
============================ */
.counter-area{  
    padding: 120px 0px;
    position: relative;
}
.homepage-two .counter-area{
    padding: 60px 0px;
}
.single-counter{
    background: url('../images/bg-01.png');
    background-repeat: no-repeat;
    min-height: 200px;
    background-size: contain;
    background-position: center;
    align-items: center;
    display: flex;
    text-align: center;
    position: relative;
   
}
.single-counter:before{
    position: absolute;
    content: "";
    height: 100px;
    width: 2px;
    background: #EB6025;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
}
.counter-single-area{
    text-align: center;
    width: 100%;
}
.counter-single-area span{
    font-size: 25px;
    display: block;
    font-weight: 700;
    color: #fff;
}
.counter-single-area p{
    font-size: 15px;
    color: #fff;
}
.counter-single-area i{
    font-size: 30px;
    color: #fff;
}
.airplane{
    position: absolute;
    right: 5%;
    bottom: 0%;
    
}
/* ===========================
    OUR Activities STYLE START
=============================*/
.activities {
    background: url('../images/bg.png');
    background-repeat: no-repeat;
    background-size: cover; 
    position: relative;
}
.activities .section-title h2{
    color: #EB6025;
}
.activities-single-box{
    border: 1px solid #EB6025;
    padding: 10px 10px 0px 20px;
    border-radius: 10px;
    transition: .5s all ease-in-out;
    cursor: pointer;   
}
.activitics-main-img img{
    width: 100%;
    border: 2px dashed #EB6025;
    border-radius: 50%;
    overflow: hidden;
    transition: .5s ease-in-out;
}
.activitics-main-img:hover img{
    transform: scale(1.1);
    transition: .5s ease-in-out;
}
.activitics-main-img{
    position: relative;
}
.activitics-main-img:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: url('../images/yellow-cloud.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 200px;
    transition: .5s;
    z-index: 11;
}
.activitics-main-img:after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background: url('../images/yellow-cloud.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 200px; 
    z-index: 11;
    transition: .5s;
}
.activitics-main-img:hover::before{
    top: 50%;
    left: -10%;
    transition: .5s;
}
.activitics-main-img:hover::after{
    bottom: 50%;
    right: -10%;
    transition: .5s;
}
.activities-single-box.d-flex.justify-content-between.m-left{
    padding: 10px 10px 0px 20px;
}
.activities-single-box.d-flex.justify-content-between.m-left i{
    margin-right: 10px;
}
.activities-single-box h4{
    font-size: 20px;
    color: #231F20;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    transition: .5s all ease-in-out;
}
.activities-single-box p{
	font-size: 15px;
	    line-height: 24px;
    padding-right: 10px;
    transition: .5s all ease-in-out;
}
.activities-img i{
    background: #EB6025;
    padding: 8px;
    margin-top: 0px;
    font-size: 15px;
    border-radius: 50%;
    transition: .5s all ease-in-out;
    color: #fff;
}
.activities-single-box:hover{
    background: #EB6025;
    transition: .5s all ease-in-out;
}
.activities-single-box:hover h4, .activities-single-box:hover p{
    color: #fff;
    transition: .5s all ease-in-out;
}
.activities-single-box:hover .activities-img i{
    background: #fff;
    color: #231F20;
    transition: .5s all ease-in-out;
}
.fa-solid.fa-lightbulb{
    padding: 12px 16px;
}
.fa-solid.fa-graduation-cap{
    padding: 15px 13px;
}
/* ========================
    OUR CLASSES STYLE START
===========================*/
.our-classes{
    background: url('../images/cloud-bg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 0px;
    position: relative;
}
.our-classes .section-title p{
    width: 50%;
    margin: 0px auto;
}
.classes-top-area{
    position: relative;
}
i.fa.fa-angle-left {
    position: absolute;
    top: 50%;
    font-size: 30px;
    z-index: 11;
    color: #fff;
    left: 5%;
    background: #EB6025;
    padding: 6px 14px;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
}
i.fa.fa-angle-right {
    position: absolute;
    top: 50%;
    font-size: 30px;
    z-index: 11;
    color: #fff;
    right: 5%;
    background: #EB6025;
    padding: 6px 14px;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
}
.classes-slider-item{
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50px 0px;
    overflow: hidden;
    -webkit-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    cursor: pointer;
    transition: .5s ease-in-out;
    margin: 0px 5px 40px 5px;    
}
.classes-slider-item:hover{
    background: #EB6025;
    transition: .5s ease-in-out;
}
.classes-slider-item:hover .slider-title span{
    color: #EB6025;
}
.classes-slider-item:hover .slider-title{
    background: #fff;
    transition: .5s ease-in-out;
}
.classes-slider-item:hover h4, .classes-slider-item:hover p{
    color: #fff;
    transition: .5s ease-in-out;
}
.classes-slider-item:hover img{
    transform: scale(1.2);
    transition: .5s ease-in-out;
}
.classes-slider-item:hover .slider-btn a{
    background: #fff;
    color: #EB6025;
}
.classes-slider-item .slider-img{
    height: 250px;
    overflow: hidden;
}
.classes-slider-item img{
    width: 100%;
    transform: scale(1.0);
    transition: .5s ease-in-out;
}
.slider-description{
    text-align: center;
    padding: 40px;
    position: relative;
}
.slider-title{
    background: #EB6025;
    padding: 20px;
    width: 80%;
    text-align: left;
    margin: 0px auto;
    border-radius: 10px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s ease-in-out;
}
.slider-title span{
    display: block;
    font-size: 18px;
    color: #fff;
}
.slider-text h4{
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    transition: .5s ease-in-out;
}
.slider-text p{
    padding: 15px;
    font-size: 18px;
    transition: .5s ease-in-out;
}
.slider-text{
    padding-top: 40px;
}
.slider-btn .kids-active-btn{
    font-size: 30px;
    font-weight: 700;
    border-radius: 50px;
    transition: .5s ease-in-out;
    padding: 10px 60px;
}
.classes-bottom-img img{
    width: 100%;
    overflow: hidden;
    height: 600px;
}
.classes-bottom-text{
    min-height: 500px;
    display: flex;
    align-items: center;
    padding-left: 100px;
    
}
.classes-bottom-text h2{
    font-size: 46px;
    letter-spacing: 1px;
    line-height: 60px;
}
.classes-bottom-text p{
    padding: 15px 0px 25px 0px;
    width: 90%;
}
.classes-form{
    border-radius: 15px;
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    margin-top: -50px;
}
.classes-form input, .classes-form select{
    width: 100%;
    padding: 18px;
    border-radius: 50px;
    border: 1px solid #EB6025;
}
.classes-form [type=submit]{
    border-radius: 50px;
    font-weight: 700;
    color: #EB6025;
    font-size: 20px;
    background: #fff;
    transition: .5s ease-in-out;
}
.classes-form [type=select]{
    padding-right: 40px;
}
.classes-form:hover [type=submit]{
    background: #EB6025;
    color: #fff;
    transition: .5s ease-in-out;
}
.classes-cloud-one{
    position: absolute;
    top: 20%;
    left: 5%;
}
.classes-cloud-two{
    position: absolute;
    bottom: 20%;
    left: 5%;
}
.classes-cloud-three{
    position: absolute;
    right: 5%;
    top: 50%;
}
/* =======================
    TESTIMONIAL STYLE START
==========================*/
.testimonial {
    padding: 120px 0 ;
    position: relative;
    z-index: 0;
    overflow: hidden; 
}
.testimonial .section-title{
    padding-top: 60px;
}
.testimonial .section-title p {
    margin-bottom: 0;
    width: 50%;
    margin: 0px auto;
}
.pagetoreview .slider-team li i {
    color: gold;
}
.testimonial .section-title h2{
    color: #EB6025;  
}

.testimonial .says_info {
    max-width: 352px;
    margin: 0px auto;
}
.testimonial .testimonial_single ul{
    justify-content: center;
}
.testimonial .testimonial_single ul li{
    list-style-type: none;
}
.testimonial_single ul li i{
    color: #EB6025;
    margin-top: 20px;
}
.testimonial .testimonial_single {
    text-align: center;
    position: relative;
    width: 70px; 
}
.testimonial .slick-list{
    margin: 0 50px !important;
}
.testimonial .testimonial_single.slick-current .reviewer_info {
    position: relative; 
    z-index: 9;
}
.testimonial .testimonial_single.slick-current .reviewer_info .member-img {
    transform: scale(1.5);
}
.testimonial .testimonial_single.slick-current .reviewer_info .member-img img {
    height: auto;
    width: 100%; 
}
.testimonial .testimonial_single.slick-current .reviewer_info .reviewer {
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 250px;
    left: 0;
    -webkit-transform: translateX(-90px);
    transform: translateX(-90px);
    bottom: -80px; 
}
.testimonial .testimonial_single p {
    line-height: 32px;
    margin: 0px auto;
    font-style: italic;
    width: 60%;
    padding: 0px 0px 25px 0px;
}
.testimonial .testimonial_single .reviewer_info {
    margin: 0px auto; 
    position: relative;
}
.testimonial .testimonial_single .reviewer_info .member-img {
    height: 85px;
    width: 85px;
    overflow: hidden;
    border-radius: 50%;
    margin: 23px auto 30px; 
    position: relative;
    cursor: pointer;
}
.testimonial .testimonial_single .reviewer_info .member-img:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.testimonial .testimonial_single.slick-current .reviewer_info .member-img:before{
    opacity: 0;
}
.testimonial .testimonial_single .reviewer_info .member-img img {
    height: auto;
    width: 100%; 
}
.testimonial .testimonial_single .reviewer h4 {
    text-transform: capitalize;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #EB6025;
}
.fa-quote-left{
    font-size: 60px;
    color: #EB6025;
}
.testimonial ul.slick-dots {
    position: absolute;
    top: 40%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
}
.testimonial ul.slick-dots li .pager_item {
    height: 10px;
    width: 10px;
    margin: 15px 0;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
}
.testimonial ul.slick-dots .slick-active .pager_item {
    height: 25px;
    width: 10px;
    border-radius: 10px; 
}
.testimonial .says_info button.slick-prev.slick-arrow, 
.testimonial .says_info button.slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    width: 24px;
    border: none;
    outline: none;
    cursor: pointer;
    filter: grayscale(100%);
    display:none !important;
}
.testimonial .says_info button.slick-prev.slick-arrow{
    left: 0px;
}
.testimonial .says_info button.slick-next.slick-arrow{
    right: 0px;
}
.testimonial .says_info button.slick-arrow:hover{
    filter: none;
}
.testimonial-shape-one{
    position: absolute;
    top: 20%;
    left: 20%;
}
.testimonial-shape-two{
    position: absolute;
    top: 30%;
    left: 10%;
}
.testimonial-shape-three{
    position: absolute;
    top: 50%;
    opacity: .5;
    left: 10%;
}
.testimonial-shape-four{
    position: absolute;
    top: 50%;
    right: 10%;
    opacity: .5;
}
.testimonial-shape-five{
    position: absolute;
    top: 40%;
    right: 20%;
}
/* =======================
    GALLERY STYLE START
==========================*/
.gallery{
    padding-top: 0px;
    position: relative;
}
.button-group.filters-button-group{
    text-align: right;
    margin-bottom: 25px;
}
.button-group.filters-button-group button{
    border: none;
    margin-left: 15px;
    margin-right: 15px;
    background: transparent;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
}
.button-group.filters-button-group button.button.is-checked{
    color: #EB6025;
    font-weight: 700;   
}
.grid .single-gallery-item{
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    cursor: pointer;
}
.grid .single-gallery-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(191, 26, 136, 0.39) 0%, rgba(235, 96, 37, 0.47) 100%);
    z-index: 1;
    border-radius: 5px;
    transition: .5s ease-in-out;
    visibility: hidden;
    transform:scaleX(0);
    opacity: 0;
}
.grid .single-gallery-item:hover::before{
    visibility: visible;
    transition: .5s ease-in-out;
    height: 100%;
    width: 100%;
    transform:scaleX(1);
    opacity: 1;
}
.grid-item .view{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 222; 
    visibility: hidden;
    transition: .5s;
    opacity: 0;
    font-size: 30px;
    color: #fff;
}
.grid .single-gallery-item:hover .view{
    visibility: visible;
    transition: .5s;
    opacity: 0;
}
.grid .single-gallery-item:hover .view{opacity: 1;}
i.fa-solid.fa-eye{color: #fff;transition: .5s;}
.grid .single-gallery-item:hover .view i{
    font-size: 30px;
    color: #EB6025;
    background: #fff;
    padding: 10px;
    opacity: 1;
}
.gallery .single-gallery-item img{
    width: 100%;
    border-radius: 10px;
}
.g-bettarfly{
    position: absolute;
    top: 50%;
    right: 0%;
    z-index: -1;
}
.g-bettarfly-two{
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: -1;
}
/* =======================
    TEACHERS STYLE START
==========================*/
.teachers{
    background: #FDF8EE;
    position: relative;
}
.teachers .section-title h2{
    width: 60%;
    margin: 0px auto;
    color: #EB6025;
}
.teachers .section-title p{
    margin-top: 15px;
}
.teacher-slider-item{
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 22;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(217,217,217,1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(217,217,217,1);
    box-shadow: 1px 1px 15px 0px rgba(217,217,217,1);
    margin: 40px 10px;
    padding-top: 40px;
    padding-bottom: 60px;
    cursor: pointer;  
}
.teacher-slider-item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url('../../../../www.ecologytheme.com/theme/kidsplace/images/Vector.html');
    background-repeat: no-repeat;
    background-position:top center;
    height: 300px;
    transition: .5s ease-in-out;
    width: 100%;
    z-index: -1;
}
.teacher-slider-item:hover::before{
    top: 100%;
    transition: .5s ease-in-out;
    opacity: 0;
}
.teacher-slider-item h4{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}
.teacher-slider-item p{
    padding: 15px 30px 25px 30px;
}
.teacher-slider-item span{
    color: #EB6025;
    font-size: 16px;
}
.teacher-slider-item img{
    padding: 30px 0px;
}
.teacher-slider.owl-carousel .owl-item img {
    display: block;
    width: 40%;
    margin: 0px auto;
}
.teacher-slider-item ul li{
    list-style-type: none;
    display: inline;
    margin-right: 10px;
}
.teacher-slider-item ul li:nth-child(4) {
    margin-right: 0px;
}
.teacher-slider-item ul li a i{
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    transition: .5s;
}
.teacher-slider-item ul li a i:hover{border: 1px solid transparent;}
.teacher-slider-item i.fa-facebook-f {padding: 10px 13px !important;}
.teacher-slider-item i.fa-linkedin-in {padding: 10px 12px !important;}
.teacher-slider-item i.fa-instagram {padding: 10px 12px !important;}
.teacher-slider-item i.fa-facebook-f:hover{background: #3b5998;transform: scale(1.1); transition: .5s;}
.teacher-slider-item i.fa-linkedin-in:hover{background: #0a66c2;transform: scale(1.1); transition: .5s;}
.teacher-slider-item i.fa-twitter:hover{background: #1da1f2;transform: scale(1.1); transition: .5s;}
.teacher-slider-item i.fa-instagram:hover{background: #3f729b;transform: scale(1.1); transition: .5s;}
.teacher-social{
    background: #EB6025;
    width: 270px;
    margin: 0px auto;
    padding: 15px 0px;
    border-radius: 15px;
    transition: .5s ease-in-out;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
}
.teacher-slider-item:hover .teacher-social{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s ease-in-out;
}
.teacher-shape{
    position: absolute;
    top: 10%;
    left: 2%;
}
.teacher-shape-one{
    position: absolute;
    top: 20%;
    right: 5%;
}
.teacher-shape-two{
    position: absolute;
    bottom: 20%;
    left: 5%;
}
.teacher-shape-three{
    position: absolute;
    bottom: 15%;
    right: 5%;
}
/* =======================
    BLOG STYLE START
==========================*/
.blog-area{
    background: url('../images/bg-shape.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: relative;
}
.single-blog{
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    margin-bottom: 30px;
  
}
.single-blog:hover{
    box-shadow: none;
    box-shadow: 1px 0px 14px 0px rgb(238, 155, 10);
}
.blog-image {
    padding: 20px;
    width: 100%;
    overflow: hidden;
    /* height: 300px; */
}
.blog-image img{
    height: 100%;
    border-radius: 10px 0px 0px 10px;
}
.blog-text{
    padding: 40px 0px 20px 20px;
}
.blog-text span{
    font-size: 15px;
    color: #0092B8;
}
.blog-text h4{
    font-size: 20px;
    color: #EB6025;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.blog-text p{
    font-size: 16px;
    padding: 15px 20px 15px 0px;
    line-height: 30px;
}
.blog-text .blog-btn a{
    padding: 10px 40px;
    background: #EB6025;
    color: #fff;
    border: transparent;
    border-radius: 30px;
}
.blog-text .blog-btn a .fa-location-dot{
    margin-right: 10px;
}
.blog-shape-one{
    position: absolute;
    top: 30%;
    left: 7%;
    z-index: -1;
}
.blog-shape-two{
    position: absolute;
    bottom: 30%;
    right: 7%;
    z-index: 0;
}
/* ===========================
    CALL TO ACTION STYLE START
=============================*/
.call-to-action{
    background: #0092B8;
    opacity: 0.83;
    position: relative;
    padding: 30px 0px;
}

.call-to-action-img img {
    width: 80%;
    padding: 5px 0px;
}
.call-to-action-text{
    min-height: 200px;
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.call-to-action-text h3{
    font-size: 45px;
    color: #fff;
}
.call-to-action-text  p{
    color: #fff;
    margin: 10px 0px 20px 0px;
}
.call-to-action-from form{
    width: 100%;
}
.call-to-action-from input[type=text]{
    width: 81%;
    padding: 20px;
    border-radius: 50px;
    border: 1px solid transparent;
}
.call-to-action-from input[type=submit]{
    width: 35%;
    padding: 20px;
    border-radius: 50px;
    margin-left: -100px;
    border: 1px solid transparent;
    background: #0092B8;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(12,198,245,1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(12,198,245,1);
    box-shadow: 0px 0px 15px 0px rgba(12,198,245,1);
}
.call-shape-one{
    position: absolute;
    top: 30%;
    left: 2%;
    z-index: -1;
}
.call-shape-two{
    position: absolute;
    bottom: 10%;
    right: 2%;
    z-index: -1;
}
.call-shape-three{
    position: absolute;
    top: 5%;
    right: 2%;
    z-index: -1;
}
.call-shape-four {
    position: absolute;
    top: 4%;
    right: 15%;
    z-index: -1;
}
/* ===========================
    FOOTER STYLE START
=============================*/
footer{
    background: #043947;
    padding: 0px 0px;
    color: #fff;
    position: relative;
}
footer h4{
    font-size: 20px;
    margin-bottom: 30px;
}
footer p{
    font-size: 17px;
    color: #fff;
    padding: 0px 0px 10px 0px;
    letter-spacing: .5px;
    line-height: 30px;
}
.footer-social ul li{
    list-style-type: none;
    display: inline;
    margin-right: 20px;
}
.footer-social ul li i{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    transition: .5s;
}
.footer-social ul li i:hover{background: #fff;transition: .5s;transform: scale(1.1);}
.footer-social i.fa-facebook-f {padding: 10px 13px; }
.footer-social i.fa-linkedin-in {padding: 10px 12px;}
.footer-social i.fa-instagram {padding: 10px 12px;}
.footer-social i.fa-twitter {padding: 11px 12px;}
.footer-social i.fa-facebook-f:hover{color: #3b5998; }
.footer-social i.fa-youtube:hover{color: #3b5998; }
.footer-social i.fa-linkedin-in:hover{color: #0a66c2;}
.footer-social i.fa-twitter:hover{color: #1da1f2;}
.footer-social i.fa-instagram:hover{color: #3f729b;}
.footer-link li{list-style-type: none;}
.footer-link .nav-item .nav-link{color: #fff; transition: .5s ease-in-out;}
.footer-link .nav-item .nav-link:hover{
    padding-left: 30px;
    transition: .5s ease-in-out;
    color: #EB6025;
}
.footer-form input{
    width: 100%;
    padding: 15px 20px;
    margin: 7px 0px;
}
.footer-form input[type=submit]{
    background: #EB6025;
    color: #fff;
    border: none;
    font-weight: 700;
}
.footer-shape-one{
    position: absolute;
    top: 0;
    left: 5%;
}
.footer-shape-two{
    position: absolute;
    top: 0;
    right: 5%;
}
.footer-shape-three{
    position: absolute;
    bottom: 0;
    right: 5%;
    visibility: hidden;
}
.footer-shape-one img{
    height: 250px;
}
.footer-shape-two img{
    height: 250px;
}
.footer-gellary li{
    width: 22%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.footer-gellary li:nth-child(4){
    margin-right: 0;
}
.footer-gellary li img{
    width: 100%;
    border-radius: 5px;
    transform: scale(.95);
    transition: .5s;
}
.footer-gellary li img:hover{
    transform: scale(1);
    transition: .5s;
}
footer .footer-social {
    display: inline-block;
    margin-top: 30px;
}
/*==================================
    END OF MAIN HOME PAGE STYLE 
==================================== */

/* 
    Innder Page Design Start Form Here

*/
/* ===============================
    Home Page Two Design
================================= */

.header-top{
    padding: 4px 0px;
    background: #BF1A88;
}
.header-top-info ul {
    display: flex;
    justify-content: space-between;
}
.header-top-info ul li{
    list-style-type: none;
    color: #fff;
    font-size: 16px;
}
.header-top-info ul li i{margin-right: 5px;}
.header-top-social{
    text-align: right;
}
.homepage-two .menu{
    background: #fff;
    padding: 4px 0px;
}
.homepage-two .menu ul{
    display: flex;
    justify-content: end;
}
.header-top .footer-social i.fa-facebook-f {padding: 5px 9px;}
.header-top .footer-social i.fa-linkedin-in{padding: 5px 7px;}
.header-top .footer-social i.fa-twitter{padding: 5px 7px;}
.header-top .footer-social i.fa-youtube{padding: 5px 5px;}
.header-top .footer-social i.fa-instagram{padding: 5px 8px;}
header.homepage-two.header{
    background: url('../images/homepage-two.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
header.homepage-two.header:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(199, 29, 187, 0.71) 0.61%, rgba(255, 80, 6, 0.42) 100%);
    z-index: -1;
}
.header-slider{
    height: auto;
    display: flex !important;
    align-items: center !important;
}
.header-slider-item{
    text-align: center;
}
.header-slider-item h1{
    font-size: 90px;
    color: #fff;
}
.header-slider.owl-carousel.owl-theme i.fa.fa-angle-left, .header-slider.owl-carousel.owl-theme i.fa.fa-angle-right{
    background: #fff;
    color: #FF8A00;
}
.header-slider-text{
    width: 80%;
    margin: 0px auto;
}
.header-slider-item p{
    font-size: 20px;
    color: #fff;
    width: 60%;
    margin: 0px auto;
    padding-bottom:40px;
}
.haeader-slider-form{
    display: flex;
    justify-content: center;
    border: 1px solid red;
    width: 600px;
    background: #fff;
    margin: 0px auto;
    border-radius: 50px;
}
.haeader-slider-form input{
    background: transparent;
    width: 500px;
    border: transparent;
    padding-left: 40px;
}
.btn-search{
    background: #F9B049;
    padding: 7px 30px;
    border-radius: 50px;
}
.homepage-two.header{
    position: relative;
}
.header-shape-one{
    position: absolute;
    top: 0;
    left: 10%;
}
.header-shape-three{
    position: absolute;
    top: 10%;
    right: 10%;
}
.header-shape-two{
    position: absolute;
    bottom: 25%;
    right: 5%;
}

/* =====================
    Header End
======================== */
/* =========================
homepage-two-bottom start
=========================== */
.homepage-two-bottom{
    padding: 120px 100px 0px 100px; 
}
.homepage-box-single{
    text-align: center;
    padding: 0px 20px;
    cursor: pointer;
}
.box-icon i{
    font-size: 30px;
}
/* ========box-one ===========*/
.box-icon{
    border: 2px solid #EB6025;
    padding: 40px;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 115px;
    border-radius: 15px;
    margin: 0px auto;
  
}
.box-icon::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #EB6025;
    transform: rotate(45deg);
    z-index: -1;
    border-radius: 15px;
    transition: .5s;
}
.homepage-box-single:hover .box-icon::before{
    transform: rotate(-45deg);
    transition: .5s;
}
/* ==============box-one============ */
.homepage-box-single h4{
    font-size: 22px;
    text-transform: uppercase;
    margin: 30px 0px 15px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.box-icon.two{
    border: 2px solid #E669A8;
}
.box-icon.three{
    border: 2px solid #0092B8;
}
.box-icon.two::before{
    background: #E669A8;
}
.box-icon.three::before{
    background: #0092B8;
}
.homepage-box-single.box-one h4{color: #EB6025;}
.homepage-box-single.box-two h4{color: #E669A8;}
.homepage-box-single.box-three h4{color: #0092B8;}
.counter-area.home-two{
    background: transparent;
}
.counter-area.home-two .airplane{
    visibility: hidden;
}
.home-two.single-counter{
    background: none;
    border: 3px dashed #BF1A88;
    width: 200px;
    height: 200px;
    margin: 0px auto;
    border-radius: 50%;
}
.single-counter:before{background: transparent;}
.home-two.single-counter span, .home-two.single-counter p, .home-two.single-counter i{
    color: #EB6025;
    font-weight: 700;
}
.home-two.single-counter p{
    font-weight: 500;
}
.pagetwo.activities{
    background: url('../images/home-service.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    min-height: 1200px;
}
.pagetwo.activities{
    padding: 180px 0px;
}
.pagetwo.activities .section-title{
    padding-top: 150px;
}
.pagetwo.activities .service-single-box img{
    width: 100%;
}
.pagetwo.service-box{
    background: rgba(185, 92, 191, 0.06);
    text-align: center;
    padding: 40px 30px;
    border-radius: 10px;
    position: relative;
    transition: 1s;
    cursor: pointer;
    margin: 0px 20px 40px 0px;
}
.pagetwo.service-box:hover{
  background: linear-gradient(180deg, #BF1A88 0%, rgba(249, 176, 73, 0.98) 100%);
  transition: 1s;
}
.pagetwo.service-box:hover i, .pagetwo.service-box:hover h4, .pagetwo.service-box:hover p{
    color: #fff;
}
.pagetwo.service-box::before{
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    height: 100%;
    width: 100%;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    transition: .5s;
}
.pagetwo.service-box:hover::before{
    top: 0px;
    left: 0px;
    transition: .5s;
    opacity: 0;
}
.pagetwo.service-box i{
    font-size: 30px;
    margin-bottom: 20px;
    color: #231F20;
}
.pagetwo.service-box h4{
    color: #231F20;
}
.pagetwo.service-box p{
    font-size: 15px;
}
.pagetwo.our-classes{
    background: transparent;
    z-index: 0;
}
.pagetwo.our-classes .slider-title{
    position: static;
    width: 100%;
    transform: translateX(0%);
    margin-bottom: 30px;
    background: #fff;
}
.pagetwo.our-classes .slider-title span{
    color: #231F20;
    font-weight: 700;
}
.pagetwo.our-classes .classes-slider-item:hover{
    background: linear-gradient(180deg, #BF1A88 60.42%, #EB6025 100%);
}
.pagetwo.our-classes .classes-slider-item{
    border-radius: 0;
}
.pagetwo.our-classes .slider-description{
    padding: 0px 40px 40px 40px;
}
.pagetwo.our-classes .kids-active-btn{
    background: #BF1A88;
}
/* ===========================
    VIDEO STYLE START
=============================*/
.pagetwo.video{
    background: none;
    padding-top: 40px;
}
.pagetwo.video .video-img img{
    width: 100%;
}
.pagetwo.video .video-play{
    background: url('../images/video-play.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    min-height: 400px;
    border-radius: 15px;
    margin-top: 40px;
    margin-left: 40px;
    position: relative;
    cursor: pointer;  
}
.pagetwo.video .video-play::before{
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    height: 100%;
    width: 100%;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    transition: .5s;
}
.pagetwo.video .video-play:hover::before{
    top: 0px;
    left: 0px;
    transition: .5s;
    opacity: 0;
}
.fa-solid.fa-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    color: #EB6025;
    background: #fff;
    padding: 15px 17px 15px 22px;
    border-radius: 50%;
    border: 2px solid #EB6025;
}
/* ===========================
    TESIMONIAL STYLE START
=============================*/
.pagetwo.testimonial{
    background: #FDF8EE;
}
.pagetoreview ul{
    margin-left: 40px;
}
.pagetoreview .slider-team{
    padding: 80px 80px 100px 80px;
    position: relative;
    margin: 40px 40px 50px 40px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 14px -4px rgba(217,217,217,1);
    -moz-box-shadow: 1px 1px 14px -4px rgba(217,217,217,1);
    box-shadow: 1px 1px 14px -4px rgba(217,217,217,1);
    cursor: pointer;
}
.pagetoreview .slider-team:hover{
    background: #E669A8;
    color: #fff;
}
.pagetoreview .slider-team:hover p{
    color: #fff;
}
.pagetoreview .slider-team:hover img{
    transform: scale(1.1);
    transition: .5s ease-in-out;
}
.pagetoreview.owl-carousel .owl-item img{
    width: 100px;
    transition: .5s ease-in-out;
}
.fa-solid.fa-quote-right{
    position: absolute;
    bottom: 30%;
    right: 10%;
    font-size: 30px;
}
.review-img{
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 22;
}
/* ===========================
    TEACHERS STYLE START
=============================*/
.pagetwo.teachers{
    background: url('../images/teacherbg.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
}
.pagetwo.teachers .teacher-slider-item{
    padding-top: 40px;
    border-radius: 50px 0px ;
    background: #FFF8EF;
}
.pagetwo.teachers .teacher-slider-item:hover{
    background: #0092B8;
}
.pagetwo.teachers .teacher-slider-item::before{
    background: none;
}
.pagetwo.teachers .teacher-slider-item:hover h4, .pagetwo.teachers .teacher-slider-item:hover p, .pagetwo.teachers .teacher-slider-item:hover span{
    color: #fff;
}
.pagetwo.gallery{
    padding: 120px 0px;
    z-index: 0;
}
/* ===========================
    CONTACT STYLE START
=============================*/
.contact{
   padding-bottom: 0;
   position: relative;
}
.contact-form {
    padding-top: 50px;
}
.contact-form input{
    width: 48%;
    margin: 0px 5px 15px 0px;
    padding: 15px 20px;
    border: transparent;
    border-radius: 50px;
    background: rgba(235, 96, 37, 0.78);
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
    -moz-box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
    box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
}
.contact-form ::placeholder{
    color: #fff;
}
.contact-form textarea{
    width: 97%;
    padding: 10px 20px;
    border: transparent;
    border: 1px solid #EB6025;
    border-radius: 5px;
    margin:0px 0px 10px 0px;
    height: 200px;
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
    -moz-box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
    box-shadow: inset 0px 0px 7px -4px rgba(13,13,13,1);
    box-shadow: 1px 0px 14px 0px rgb(240 240 240);
}
.contact-form [type=submit]{
    font-weight: 700;
    font-size: 22px;
}
.contact-img img{
    width: 100%;
}
.contact-shap{
    position: absolute;
    top: 10%;
    left: 5%;
    opacity: .5;
}
.contact-shap-two{
    position: absolute;
    bottom: 10%;
    right: -5%;
    opacity: .5;
}
.prebetterfly-one{
	position: absolute;
	left: 10%;
	bottom: 0px;
}
.prebetterfly-one img, .prebetterfly-two img{
	width: 200px;
}
.prebetterfly-two{
	position: absolute;
	right: 10%;
	bottom: 0px;
}
/* ============================
    End Home Page Two Style
===============================*/

/* ============================
    Homepage Three Three
=============================== */

/* =====================
    Header
======================== */
.homepage-two.homepage-three .header-top{
    background: #EB6025;
}
.homepage-two.homepage-three.header .menu{
    background: transparent;
}
.homepage-two.homepage-three.header .is-sticky .menu{
    background: linear-gradient(180deg, rgba(0, 146, 184, 0.67) 50.52%, rgba(249, 66, 194, 0.67) 100%);
    opacity: 1;
}
.homepage-two.homepage-three.header{
    background: linear-gradient(180deg, rgba(0, 146, 184, 0.67) 50.52%, rgba(249, 66, 194, 0.67) 100%);
    min-height: 1000px;
}
header.homepage-two.homepage-three.header:before{
    background: transparent;
}
.homepage-two.homepage-three.header .header-img{
    bottom: -48px;
}
.homepage-two.homepage-three.header .header-text{
    min-height: 650px;
}
.homepage-three .header-text .text {
    margin-top: 170px;
}
.homepage-three .header-img img{
    width: 100%;
}
.homepage-two.homepage-three.header .header-img {
    bottom: 212px;
    right: 274px;
}
.homepage-two.homepage-three.header .header-text h1{
    width: 100%;
    font-size: 90px;
    color: #fff;
    text-shadow: 3px 2px #c3c1c2;
}
.homepage-two.homepage-three.header .header-text p{
    font-size: 20px;
    width: 80%;
    color: #fff;
    line-height: 34px;
}
.homepage-two.homepage-three.header .header-text .kids-active-btn{
    background: #F7E227;
    color: #0092B8;
}
.homepage-two.homepage-three.header .header-text .kids-active-btn:hover{
    background: #0092B8;
    color: #fff;
}
.homethree-shape-one{
    position: absolute;
    top: 20%;
    left: 2%;
}
.homethree-shape-two{
    position: absolute;
    top: 0%;
    right: 5%;
}
/* header */
.homepage-two-bottom.homepage-three .homepage-box-single{
    border: 1px solid #0092B8;  
    text-align: left;
    padding: 0;
    border-radius: 10px;
}
.homepage-two-bottom.homepage-three .homepage-box-single:hover{
    background: #0092B8;
}
.homepage-two-bottom.homepage-three .homepage-box-single:hover .box-icon i, .homepage-two-bottom.homepage-three .homepage-box-single:hover h4,
.homepage-two-bottom.homepage-three .homepage-box-single:hover p{
    color: #fff;
}
.homepage-two-bottom.homepage-three .homepage-box-single .box-icon{
    border: transparent;
    padding: 0;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    z-index: 1;
}
.homepage-two-bottom.homepage-three .homepage-box-single h4{
    padding: 15px 0px;
    margin-left: 40px;
    font-weight: 500;
    color: #333333;
    text-transform: capitalize;
}
.homepage-two-bottom.homepage-three .homepage-box-single p{
    padding-bottom: 60px;
    margin-left: 40px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 16px;
}
.homepage-two-bottom.homepage-three .homepage-box-single .box-icon::before{
    background: transparent;
}
.homepage-two-bottom.homepage-three .homepage-box-single .box-icon i{
    color: #0092B8;
    font-size: 50px;
    font-weight: 700;
    font-size: 80px;
}

.service-slider.owl-carousel.owl-theme.owl-loaded.owl-drag {
	z-index: 0;
}
   
/* About */
.about.homepage-three{
    padding-bottom: 0;
}
.about.homepage-three .about-text h4{
    font-size: 37px;
    color: #EB6025;
    margin-top: 20px;
}
/* about */
.counter-area.homepage-three{
    background: #0092B8;
}
.counter-area.homepage-three .home-two.single-counter{
    border: transparent;   
}
.counter-area.homepage-three .home-two.single-counter span, .counter-area.homepage-three .home-two.single-counter p, .counter-area.homepage-three .home-two.single-counter i{
    color: #fff;
}
.counter-area.homepage-three .home-two.single-counter span{
    font-size: 40px;
}
.counter-area.homepage-three .airplane{
    right: 3%;
    bottom: -10%;
    z-index: -1;
}

/* Service */
.services.homepage-three{
    background: #FF7CD8;
    position: relative;
}
.services.homepage-three .section-title span{
    color: #fff;
}
.services.homepage-three .section-title h2{
    color: #fff;
}
.services.homepage-three .section-title p{
    color: #fff;
    width: 40%;
    margin: 0px auto;
}
.service-slider.owl-carousel.owl-theme .slider-iteam{
    background: #fff;
    text-align: center;
    padding: 40px;
    border-radius: 10px; 
    cursor: pointer;
}
.service-slider.owl-carousel.owl-theme .slider-iteam:hover h4{
    color: #EB6025;
    transition: .5s;
}
.service-slider.owl-carousel.owl-theme .slider-iteam h4{
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    padding: 15px 0px 10px 0px;
    transition: .5s;
}
.service-slider.owl-carousel.owl-theme img{
    width: 60px;
    margin: 0px auto;
}
.service-slider.owl-carousel.owl-theme i.fa.fa-angle-left{
    left: -1%;
    background: #fff;
    color: #EB6025;
    padding: 7px 14px;
    box-shadow: 1px 0px 14px 0px rgb(207 207 207);
}
.service-slider.owl-carousel.owl-theme i.fa.fa-angle-right{
    right: -1%;
    background: #fff;
    color: #EB6025;
    padding: 7px 14px;
    box-shadow: 1px 0px 14px 0px rgb(207 207 207);
}
.service-shape-one{
    position: absolute;
    top: 0;
    right: 5%;
}
.service-shape-two{
    position: absolute;
    top: 5%;
    left: 0;
}

/* ==================
	Home Page Three
===================== */
.pagetwo.our-classes.homepage-three .classes-slider-item .slider-img{
    position: relative;
}
.pagetwo.our-classes.homepage-three .classes-slider-item .slider-img .pagetwo-price{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 20px 18px;
    border-radius: 50%;
    visibility: visible;     
}
.pagetwo.our-classes.homepage-three .classes-slider-item .slider-img .pagetwo-price h4{
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 600;
    color: #BF1A88; 
}
.pagetwo.our-classes .classes-slider-item:hover .pagetwo-price{
    background: #BF1A88;
}
.pagetwo.our-classes .classes-slider-item:hover .pagetwo-price h4{
    color: #fff;
}
.pagetwo.our-classes.homepage-three .classes-slider-item:hover .slider-title{
    background: transparent;
    color: #fff;
}
.pagetwo.our-classes.homepage-three .slider-title{
    padding: 0;
    background: none;
}
.pagetwo.our-classes.homepage-three .classes-slider-item:hover .slider-title span{
    color: #fff;
}
.pagetwo.our-classes.homepage-three .kids-active-btn {
    width: 100%;
    padding: 10px 0px;
    font-size: 20px;
}
.pagetwo.our-classes.homepage-three .classes-slider.owl-carousel.owl-theme i.fa.fa-angle-left{
    top: -8%;
    left: 90%;
    background: #fff;
    color: #EB6025;
}
.pagetwo.our-classes.homepage-three .classes-slider.owl-carousel.owl-theme i.fa.fa-angle-right{
    top: -8%;
    right: 0%;
    background: #fff;
    color: #EB6025;
}

/* teachers */
.pagetwo.homepage-three.teachers{
    background: none;
}
.pagetwo.homepage-three.teachers .section-title h2{
    color: #BF1A88;
}
.pagetwo.homepage-three.teachers .teacher-slider-item{
    position: relative;
    padding-top: 100px;
    min-height: 370px;
    border-radius: 66px;
    width: 370px;
    margin-left: auto !important;
    margin-right: auto;
    padding-bottom: 0;
}

.pagetwo.homepage-three.teachers .teacher-slider-item .slider-img-main{
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
}
.pagetwo.homepage-three.teachers .teacher-slider.owl-carousel .owl-item img{
    width: 80%;
    margin-top: -20px;
    padding: 60px 0px;
}
.teacher-slider-item-details{
    min-height: 250px;
    display: flex;
    align-items: center;
}
.teacher-slider-item-details .teacher-social{
    background: #BF1A88;
    padding: 10px 0px;
    width: 250px;
}
.pagetwo.homepage-three.teachers .teacher-slider.owl-carousel.owl-theme i.fa.fa-angle-left, .pagetwo.homepage-three.teachers .teacher-slider.owl-carousel.owl-theme i.fa.fa-angle-right{
    background: #fff ;
    color: #EB6025;
}
.pagetwo.homepage-three.teachers .teacher-shape-three{
    right: -5%;
    bottom: -10%;
    visibility: hidden;
    animation: rocket 4s infinite;
}
@keyframes rocket{
    0%{bottom: -10%; visibility: hidden;}
    5%{bottom: 0; visibility: visible;}
    90%{bottom: 90%;visibility: hidden;}
    100%{bottom: 100%;visibility: hidden; opacity: 0;}
}

.pagetwo.homepage-three.teachers .teacher-shape-three img{
    width: 400px;
}

/* Video */
.pagetwo.homepage-three.video{
    position: relative;
}
.homepage-three.video-main{
    position: absolute;
    bottom: -10%;
    width: 750px;
}
.homepage-three.video-main h2{
    color: #fff;
    font-size: 50px;
}

/* Pricing Plan */
.pricing-plan {
    padding-top: 180px;
}
.pricing-plan .section-title h2{
    color: #EB6025;
}
.pricing-plan .section-title p{
    width: 50%;
    margin: 0px auto;
}
.single-price-table{
    -webkit-box-shadow: 1px 1px 15px 0px rgb(217 217 217);
    -moz-box-shadow: 1px 1px 15px 0px rgba(217,217,217,1);
    box-shadow: 1px 1px 15px 0px rgb(217 217 217);
    border-radius: 15px;
    cursor: pointer;
}
.single-price-table:hover{
    -webkit-box-shadow: 0px 10px 0px 0px rgba(191,26,136,0.5);
    -moz-box-shadow: 0px 10px 0px 0px rgba(191,26,136,0.5);
    box-shadow: 0px 10px 0px 0px rgba(191,26,136,0.5);
    
}
.single-price-table:hover .price-top{
    -webkit-box-shadow: 0px -12px 0px 0px rgba(191,26,136,0.5);
    -moz-box-shadow: 0px -12px 0px 0px rgba(191,26,136,0.5);
    box-shadow: 0px -12px 0px 0px rgba(191,26,136,0.5);
    border-radius: 15px 15px 0px 0px;
}
.price-main .price-top{
    border-bottom: 2px solid #E669A8;
    padding: 20px 40px;
}
.price-main .price-top .price h5{
    font-size: 20px;
}
.price-main .price-top .price h3{
    font-size: 34px;
    color: #E669A8;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.price-main .price-top .price h3 span{
    color: #6b6b6b;
}
.price-main .price-top .price-icon{
    margin-top: 10px;
}
.price-main .price-top .price-icon img{
    width: 80px;
}
.single-price-table .price-list{
    width: 230px;
    margin: 0px auto;
    padding: 60px 0px;
}
.single-price-table .price-list ul li{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
    color: #6b6b6b;
}
.single-price-table .price-list ul li i{
    margin-right: 15px;
}
.single-price-table .price-list ul li i.price-color{
    color: #E669A8;
}
.single-price-table .price-btn{
    padding-bottom: 50px;
}
.single-price-table .price-btn .btn-primary.kids-active-btn{
    background: transparent;
    border: 2px solid #BF1A88;
    color: #BF1A88;
}
.single-price-table .price-btn .btn-primary.kids-active-btn:hover{
    background: #BF1A88;
    color: #fff;
    border: 2px solid transparent;
}

.pagetwo.homepage-three.gallery .section-title h2 {
    color: #BF1A88;
}
/* call to action */
.call-to-action.homepage-three {
    background: transparent;
}
.call-to-action.homepage-three .section-title h2{
    width: 60%;
    margin: 0px auto;
    padding-bottom: 60px;
    color: #BF1A88;
    position: relative;
}
.callaction-shape-one{
    position: absolute;
    bottom: 0;
    left: 0;
}
.callaction-shape-two{
    position: absolute;
    bottom: 0;
    right: 0;
}
/* abouyt */
header.about-page{
    background: rgba(235, 96, 37, 0.33);
    min-height: 400px;
}

.menu{
    z-index: 11;
    position: relative;
}
.aboutcloud{
	margin-top: -1px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    z-index: 0;
}
header.about-page .header-text{
    min-height: 440px;
    text-align: center;
}
header.about-page .header-text h1{
    color: #EB6025;
    margin: 0;
}
.breadcrumb .breadcrumb-item{
    color: #EB6025;
    font-size: 19px;
}
.breadcrumb .breadcrumb-item.active {
    color: #EB6025;
    font-weight: 600;

}
.breadcrumb .breadcrumb-item a{
    text-decoration: none;
    color: #333;
}
.blog-page-sidebar .fa-angle-right::before, .blog-page-sidebar .fa-angle-left::before, .course-sidebar .fa-angle-right::before, .course-sidebar .fa-angle-left::before{
    color: #fff;
}

/* pagination 
--------------------------------------------------*/
.pagination.st-1 {
    width: 100%;
    padding-top: 18px;
}

.pagination.st-1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.pagination.st-2 {
    padding-top: 20px;
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.pagination ul li {
    padding      : 0px;
    margin-right : 9px;
    list-style-type: none;
}

.pagination ul li.custom {
    margin-right : 10px;
}

.pagination ul li a {
    display         : inline-block;
    font-size       : 20px;
    color           : #fff;
    text-align      : center;
    width           : 50px;
    height          : 50px;
    line-height     : 50px;
    background-color: #BF1A88;
    text-decoration: none;
}


.pagination ul li .page-numbers span.fa {
    font-size  : 14px;
    font-weight: 400;
}

.pagination ul li .page-numbers:hover,
.pagination ul li .page-numbers.current {
    background-color: #EB6025;
    color           : #fff;
}

.pagination ul li.custom a {
    background: #EB6025;
    font-size       : 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    justify-content: center;
    align-items: center;
}

.pagination ul li.custom a:hover {
    background-color: #EB6025;
}

/* Teacher-Profile */
.teacher-profile {
    position: relative;
    z-index: 11;
    background: #FDF8EE;
}
.teacher-profile .teacher-img img{
    width: 100%;
}
.teacher-profile .teacher-detiles-box{
    width: 80%;
    padding-top: 15px;

}
.teacher-description{
    position: relative;
}
.t-d.d-flex.justify-content-start span {
    margin-left: 15px; 
}
.t-d.d-flex.justify-content-start{
    margin: 15px 0px;
}
.techer-social.footer-social{
    margin-bottom: 25px;
}
.techer-social.footer-social ul li i{
    border: 1px solid #EB6025;
    color: #EB6025;
}
.teacher-social-shape-one{
    position: absolute; 
    top: 15%;
    left: 0%;
    width: 100%;
    z-index: -1;
}
.modal{background: linear-gradient(180deg, #BF1A88 0%, rgba(249, 176, 73, 0.98) 100%);}
.modal-backdrop.show{z-index: 1;}
.sign-in-form input{
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 15px;
    border: transparent;
    background: #FDF8EE;
    font-size: 18px;

}
.sign-in-form input[type="submit"]{
    background: #EB6025; 
    color: #fff;
    font-weight: 500;
}
.modal-footer a{
    text-decoration: none;
    color: #EB6025;
}

/* ==============
	Single Course
================= */
.single-course .section-title p{
    width: 50%;
    margin: 0px auto;
}
.single-course{
    background: url(../images/background/bg_facility.png);
}
.single-course-details, .course-tabs{
    background: #fff;
    padding: 20px 40px;
    border-radius: 15px;
    box-shadow: 0px 0px 20px 0px rgb(237 237 237);
    text-align: center;
}
.single-course-details .course-review li{
    color: #f2b827;
}
.course-img{   
    overflow: hidden;
    margin: 20px 0px;
    cursor: pointer;
    border-radius: 15px;
    transition: .5s;
}
.course-img img{
    width: 100%;
    transition: .5s;
}
.course-img:hover img{
    transform: scale(1.1);
    transition: .5s;
}
.nav-tabs .nav-link.active, .nav-tabs{
    border: none;
}
.nav-tabs .nav-link {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border: 1px solid #EB6025;
    margin: 0px 10px;
    color: #EB6025;
    font-size: 18px;
    padding: 10px 40px;
    transition: .5s;
}
.nav-tabs .nav-link.active{
    background: #EB6025;
    color: #fff;
    border-radius: 30px;
    transition: .5s;
}
.tab-content{
    padding: 40px 30px;
    text-align: justify;
    background: #FDF8EE;
    margin-top: 20px;
}
.tab-content h4{
    margin: 20px 0px;
    text-transform: capitalize;
}
.course-module li{
    margin-bottom: 10px;
}
.course-module li i{
    margin-right: 10px;
    font-size: 18px;
    color: #EB6025;
}
.course-btn{
    margin: 25px 0px 20px 0px;
}
.accordion-item {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-button, .accordion-button:not(.collapsed){background: transparent;}
.accordion-item{border: 1px solid transparent;}
.accordion-button::after {
    background: url(../images/plus.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
.accordion-button, .tab-content .tab-pane h4{
    background: transparent;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.accordion-button:not(.collapsed)::after{
    background: url(../images/minus.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
.accordion-button:not(.collapsed){
    color: #EB6025;
}
button:focus{
    box-shadow: none;
}
.fa-circle-exclamation{
    color: #EB6025;
}
.insctuctor-img img{
    width: 100%;
}
.course-search{
    margin-bottom: 20px;
}
.course-search form{
    width: 100%;
    background: #EB6025;
    padding: 10px 15px 10px 30px;
    border-radius: 30px;
}
.course-search form input{
    width: 90%;
    border: transparent;
    background: none;
}
.course-search form input::placeholder{
    color: #fff;
}
.course-search form i{
    margin-top: 5px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.course-feature-top h4{
    background: #EB6025;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 15px 0px;
    margin-bottom: 0;
}
.course-feature-info, .course-feature-slider-area{
    background: #FDF8EE;
    padding: 30px;
    margin-bottom: 20px;
}
.course-feature-info .d-flex.justify-content-between{
    padding: 5px 0px;
}
.course-feature-info .d-flex.justify-content-between p{
    font-weight: 700;
}
.course-feature-info .d-flex.justify-content-between i{
    margin-right: 15px;
}
.course-feature-slider-area {cursor: pointer;}
.course-feature-slider-area h4{margin-bottom: 25px;}
.course-feature-slider-area h5 {
    border: 1px solid #cdcbc9;
    text-align: center;
    background-color: #bbb9b840;
    padding: 8px 0px 8px 0px;
}
.course-feature-slider-area h5 a{
    font-size: 17px;
    text-decoration: none;
    font-weight: 600;
    color: #231F20;
}
.course-feature-slider-area p{font-weight: 500;}
.course-fature-slider.owl-carousel i.fa.fa-angle-left{
    left: 70%;
    top: -10%;
    font-size: 18px;
    border-radius: 0;
}
.course-fature-slider.owl-carousel i.fa.fa-angle-right{
    right: 0%;
    top: -10%;
    font-size: 18px;
    border-radius: 0;
}
.course-fature-slider.owl-carousel .owl-theme .owl-nav{
    height: 0;
    margin: 0;
}
.course-fature-slider.owl-carousel img{
    height: 250px;
}

/*================
    contact page
================== */
.pagetwo.contact-page{
    padding-bottom: 0px;
}
.map{
    min-height: 400px;
}

/*================
    Blog page
================== */
.bloge-page{
    padding: 50px 0px;
    background: #ffffff;
}
.bloge-page .blog-main-area .single-blog img, .post-main-text img{
	border-radius: 15px;
    width: 100%;
    margin-bottom: 20px;
}
.bloge-page .blog-main-area .single-blog{
    position: relative;
    margin-bottom: 0px;
}
.bloge-page .blog-main-area .blog-text{
    width: 90%;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    -webkit-box-shadow: 1px 0px 14px 0px rgb(240 240 240);
    -moz-box-shadow: 1px 0px 14px 0px rgba(240,240,240,1);
    box-shadow: 1px 0px 14px 0px rgb(240 240 240);
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%); 
}
.bloge-page .blog-main-area .blog-text a{
    text-decoration: none;
}
.bloge-page .blog-main-area .blog-text span a{
    color: #b2b0b0;
    font-size: 16px;
}
.bloge-page .blog-main-area .blog-text h2 a{
    font-size: 26px;
    font-weight: 700;
    color: #231F20;
}
.bloge-page .blog-main-area .blog-text p{
    font-size: 18px;
    color: #231F20;
}
.bloge-page .blog-main-area .single-blog{
    background: none;
    box-shadow: none;
}
.sidebar-search, .blog-social, .catagury, .wiget-tags{
    padding: 30px 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(237 237 237);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237,237,237,1);
    box-shadow: 0px 0px 20px 0px rgb(237 237 237);
    margin-bottom: 30px;  
}
.sidebar-search input[type="search"]{
    width: 70%;
    padding: 15px;
    background: #F0F5FC;
    border: none;
}
.sidebar-search input[type="submit"]{
    width: 30%;
    padding: 15px;
    background: #EB6025;
    border: none;
    color: #fff;
    font-weight: 700;
}
.course-feature-slider-area i{
    color: #231F20 !important;
}
.blog-social ul{
    margin-top: 30px;
}
.blog-social ul li{
    margin-right: 30px;
}
.blog-social ul li a{
    padding: 12px 17px;
    color: #fff;
    background: #EB6025;
    font-size: 18px;
    border-radius: 50%;
}
.catagury ul li {
    margin: 10px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EBEBEB;
}
.catagury ul li a{
    text-decoration: none;
    color: #231F20;
}
.wiget-tags{
    min-height: 190px;
}
.wiget-tags ul li {
    width: 30%;
    float: left;
    margin: 5px 2px;
    background: #EB6025;
    text-align: center;
    padding: 15px 0px;
    border-radius: 5px;
    overflow: hidden;
}
.wiget-tags ul li a{
    color: #fff;
    text-decoration: none;
}
.single-blog-post{
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(237 237 237);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237,237,237,1);
    box-shadow: 0px 0px 20px 0px rgb(237 237 237);
}
.single-blog-post h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 50px;
}
.writter-img img{
    width: 80px;
}
.writter-share ul{
    width: 80px;
    text-align: center;
    margin-top: 30px;
}
.writter-share ul li{
    margin-bottom: 30px;
}
.writter-share ul li i {
    font-size: 20px;
    color: #EB6025;    
}
.writter-share ul li a{
    text-decoration: none;
    color: #EB6025;
}
.writter-share ul li i.fa-eye{
    color: #EB6025;
}
.post-page-bottom{
    border-top: 1px solid #F0F5FC;
}
.post-page-bottom .blog-social{
    padding: 0;
    background: none;
    box-shadow: none;
}
.post-page-bottom p{
    margin-top: 30px;
    font-size: 20px;
    color: #EB6025;
}
.post-page-bottom p a{
    text-decoration: none;
    color: #231F20;
}
.blog-form{
    margin: 40px 0px;
    padding: 30px 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(237,237,237,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237,237,237,1);
    box-shadow: 0px 0px 20px 0px rgba(237,237,237,1);
    border-radius: 15px;
}
.blog-form input, .blog-form textarea{
    width: 100%;
    height: 60px;
    background: #F0F5FC;
    border:transparent;
    margin: 10px 40px 0px 0px;
    padding-left: 20px;
}
.blog-form textarea{
    height: 140px;
}
.blog-form input[type="submit"]{
    background:  #EB6025;
    color: #fff;
}

/* tf-register */
.tf-section.tf-register {
    padding: 111px 0 20px 0;
}

.tf-register {
    position: relative;
}

.feature-register {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
    width: 100%;
}

.fl-register {
    background-image: url(../images/background/bg-form-register.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fl-register form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fl-register .row-form {
    position: relative;
    width: 48%;
}

.fl-register .row-form.st-1 {
    background-image: url(../images/background/bg-input-register.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fl-register .row-form .icon {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.fl-register .row-form:last-child {
    margin-bottom: 0;
}

.fl-register {
    margin: 0 200px;
    padding: 55px 70px;
}

.fl-register input[type="text"],
.fl-register input[type="text"]::placeholder {
    font-size: 24px;
    margin-bottom: 0;
    border: none;
    padding: 26px 17px;
}

/* About
-------------------------------------------------------------- */
.about .box-parents {
    right: 20%;
    top: 45.5%;
}

.wrap-image .bg1-about {
    position: absolute;
    top: 3%;
    left: 2%;
    z-index: -1;
}

.sc-discovery-about {
    margin-left: -25px;
}

.sc-discovery-about .col-discovery {
    width: calc(25% - 25px);
    margin-left: 25px;
}

.about .sc-discovery-2 {
    position: relative;
    padding: 48px 30px 30px;
}

.about .tf-section.tf-courses {
    background-image: url(../images/background/bg-courses2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.about .tf-counter.st-2 {
    margin-top: -72px;
}

/* tf-employee */
.about .tf-section.tf-employee {
    padding: 127px 0 130px;
}

.about .tf-section.tf-about {
    padding: 130px 0 130px;
}

.about .tf-section.tf-courses {
    padding: 125px 0 176px;
}

.about .tf-section.tf-counter.st-2 {
    padding: 125px 0 86px 0;
}

.about .tf-sc-contact {
    margin-bottom: -93px;
}

.about .title-heading.st-3 {
    padding: 0 23%;
    margin-bottom: 45px;
}

.about .tf-feedback .title-heading.st-3 {
    margin-bottom: 58px;
}

.heading.st-1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.heading.st-1 .title-heading,
.heading.st-1 .heading-btn {
    width: 48%;
}

.title-heading .sub-heading {
    font-size: 20px;
    line-height: 2;
    text-transform: capitalize;
    margin-bottom: 13px;
    font-weight: 600;
}

.title-heading .sub-heading svg {
    transform: translateY(3px);
}

.title-heading .sub-heading .inner-sub.st-1 {
    padding: 0 15px;
}

.title-heading .sub-heading .inner-sub.st-2 {
    padding-right: 15px;
}

.title-heading .title {
    line-height: 1.2;
    letter-spacing: -1.3px;
    text-transform: capitalize;
}

.heading-btn.st-1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: right;
    align-items: end;
}

.title-heading.st-1 {
    padding: 0 22%;
    text-align: center;
    margin-bottom: 50px;
}

.title-heading.st-2 {
    padding: 0 26%;
    text-align: center;
    margin-bottom: 50px;
}

.title-heading.st-3 {
    padding: 0 26%;
    text-align: center;
    margin-bottom: 60px;
}

.title-heading.st-4 {
    padding: 0 26%;
    text-align: center;
    margin-bottom: 70px;
}

.title-heading.st-5 {
    padding: 0 26%;
    text-align: center;
    margin-bottom: 40px;
}

/* page-title 
--------------------------------------------------*/
/* tf-page-title */
.tf-page-title {
    position: relative;
    z-index: 9;
}

.inner-page .tf-page-title {
    overflow: hidden;
}

.tf-page-title .overlay-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #223668;
    opacity: 0.85;
    background-size: cover;
    -webkit-mask-image: url(../images/background/mask3.png);
    mask-image: url(../images/background/mask3.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.tf-page-title .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/thumbnails/studying-classroom.jpg) center center no-repeat;
    background-size: cover;
    -webkit-mask-image: url(../images/background/mask3.png);
    mask-image: url(../images/background/mask3.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.fl-register input[type="text"],
.fl-register input[type="text"]::placeholder {
    font-size: 20px;
    margin-bottom: 0;
    border: none;
    padding: 26px 17px;
}

.fl-register .row-form {
    position: relative;
    width: 48%;
}

.mg-bt-20 {
    margin-bottom: 20px;
}

.fl-btn.st-14:hover, .fl-btn.st-14:hover .inner::before, .fl-btn.st-14:hover .inner::after {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fl-btn.st-14:hover {
    background-color: #fff;
}

.fl-btn.st-14 {
    color: #2b3c6b;
    background-color: #2b3c6b;
    padding: 0px 135px 0 108px;
    font-size: 18px;
    height: 80px;
    width: 100%;
}

.fl-btn {
	    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    align-items: center;
    position: relative;
}

.fl-btn .inner {
    position: relative;
}



.fl-btn .inner::before {
    top: 50%;
    position: absolute;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    font-family: 'Salsa', sans-serif;
   border: 1px solid #ced4da;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    line-height: 24px;
    border-radius: 4px;
    padding: .375rem 2.25rem .375rem .75rem;
    width: 100%;
    background: transparent;
    color: #2b3c6b;
    margin-bottom: 0px;
}
input, textarea, select {
    font-size: 14px;
    max-width: 100%;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
button, input, select, textarea {
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    vertical-align: baseline;
}


#footer.st-2 {
    background: url(../images/background/bg_footer.png) center center no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer a,
#footer p,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer span {
    color: var(--primary-color1);
}

#footer a:hover {
    color: var(--primary-color8);
}

.footer-inner {
    padding: 56px 0 41px 0;
}

.footer-inner.st-2 {
    padding: 100px 0 33px 0;
}

.widget-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

.widget-footer .widget {
    width: 25%;
}

.footer-bottom {
    background-color: #2b3c6b;
    padding: 0px 0;
}

.copy-right {
    line-height: 2;
}

/* Scroll Top
-------------------------------------------------------------- */
#scroll-top {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    text-align: center;
    z-index: 999;
    border-radius: 50%;
    right: 14px;
    bottom: 23px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    overflow: hidden;
    background: #ff6666;
  }
  
  #scroll-top.show {
    right: 30px;
    opacity: 1;
    visibility: visible;
  }
  
  #scroll-top:after {
    content: "\f357";   
    font-size: 18px;
    color: var(--primary-color1);
  }
  
  #scroll-top:hover {
      bottom: 20px;
      background: var(--primary-color2);
  }
   

/* Widget
-------------------------------------------------------------- */
#sidebar2 .widget,
#sidebar .widget {
    margin-bottom: 30px;
}

#sidebar2 .widget:last-child,
#sidebar .widget:last-child {
    margin-bottom: 0;
}

.widget.st-2 {
    border: 1px solid #e8ebf0;
    padding: 25px 38px;
}

.title-widget {
    text-transform: capitalize;
}

#sidebar .title-widget {
    line-height: 1.25;
    color: var(--primary-color2);
    margin-bottom: 23px;
}

#footer .title-widget {
    color: var(--primary-color1);
    margin-bottom: 12px;
}

/* widget quote */
.widget-quote {
    background-color: var(--primary-color7);
    padding: 44px 0 37px;
}


.widget-quote .box-feature {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.widget-quote .box-feature .inner {
    position: relative;
}

.widget-quote .box-feature img {
    border-radius: 50%;
}

.widget-quote .box-icon {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color6);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 1;
}

.widget-quote .box-icon i {
    font-size: 21px;
    color: var(--primary-color1);
}

.widget-quote .box-content {
    text-align: center;
}

.widget-quote .box-content .author,
.widget-quote .box-content .wrap {
    line-height: 30px;
}

.widget-quote .box-content .author {
    margin-bottom: 4px;
}

.widget-quote .box-content {
    padding: 31px 40px 0 40px;
}

/* widget-search */
.form-search-widget form {
    position: relative;
}

.form-search-widget form input,
.form-search-widget form input::placeholder {
   
    font-size: 16px;
    line-height: 30px;
}

.form-search-widget form input {
    background: #eff1f4;
    border: none;
    border-radius: 5px;
    margin-bottom: 4px;
    padding-right: 85px;
}

.form-search-widget form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    font-size: 18px;
    background: transparent;
    color:var(--primary-color6);
}

.form-search-widget form button:hover {
    color:var(--primary-color3);
}

/* widget category */
.widget.st-2.widget-category {
    padding: 30px 38px;
}

.widget-category .list-category ul li {
    margin-bottom: 10px;
    justify-content: space-between;
}

.widget-category .list-category ul li:last-child {
    margin-bottom: 0;
}
.widget-category .list-category ul li span,
.widget-category .list-category ul li a {
    padding-left: 18px;
}

.widget-category .wd-ctm::before,
.widget-category .wd-ctm::after {
    color: var(--primary-color4);
}

.bloglist #sidebar .title-widget {
    margin-bottom: 22px;
}
.bloglist .widget.st-2.widget-category {
    padding: 34px 38px 30px;
}
.wd-ctm {
    position: relative;
}

.wd-ctm::before,
.wd-ctm::after {
   position: absolute;
    top: 50%;
    left: 0;
}

.wd-ctm::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    -webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.wd-ctm::after {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    -webkit-transform: translate(-7px, -50%);
    -moz-transform: translate(-7px, -50%);
    -ms-transform: translate(-7px, -50%);
    -o-transform: translate(-7px, -50%);
    transform: translate(-7px, -50%);
}

.wd-ctm:hover::before {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    -webkit-transform: translate(7px, -50%);
    -moz-transform: translate(7px, -50%);
    -ms-transform: translate(7px, -50%);
    -o-transform: translate(7px, -50%);
    transform: translate(7px, -50%);
}

.wd-ctm:hover::after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
    -webkit-transform: translate(2px, -50%);
    -moz-transform: translate(2px, -50%);
    -ms-transform: translate(2px, -50%);
    -o-transform: translate(2px, -50%);
    transform: translate(2px, -50%);
}

.widget-category .list-category .st {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: var(--primary-color4);
}

.widget-category .list-category a.st:hover {
     color: var(--primary-color3);
}

/* widget news */
.widget.st-2.widget-news {
    padding: 34px 35px 25px 38px;
}


.widget-news .list-news {
    padding: 5px 0;
}

.widget-news .list-news .feature {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    margin-top: 2px;
}

.sidebar-style2 .widget.st-2.widget-news {
    padding: 34px 35px 20px 38px;
}

.sidebar-style2 .widget-news .list-news .feature {
    margin-right: 26px;
    margin-top: 4px;
}

.sidebar-style2 .widget-news .list-news > li {
    margin-bottom: 7px;
}

.sidebar-style2 .widget-news .list-news .title {
    line-height: 1.6;
}
.sidebar-style2 .widget-news .list-news .box-content li {
    padding: 0;
}
.widget-news .list-news > li {
    margin-bottom: 3px;
}

.widget-news .list-news .title {
    line-height: 1.7;
    text-decoration-line: underline;
    overflow: hidden;
    height: 61px;
}

.widget-news .list-news .meta-news {
    font-size: 15px;
    align-items: center;
    text-transform: uppercase;
}

.widget-news .list-news .meta-news i {
    font-size: 15px;
    margin-right: 10px;
}

/* style3 */
.widget.st-3.widget-news {
    padding-left: 28px;
}

#footer .widget-news .meta-news {
    color: var(--primary-color6);
    font-size: 16px;
}

#footer .widget-news .meta-news:hover {
    color: var(--primary-color8);
}

.widget-news.st-3 .list-news > li {
    margin-bottom: 15px;
}

.widget-news.st-3 .list-news > li > ul > li:last-child {
    margin-top: -5px;
}

.widget-news.st-3 .list-news .title {
    line-height: 25px;
    height: 56px;
}

/* widget tag */
.widget.st-2.widget-tag {
    padding: 33px 37px 33px 38px;
}

.widget-tag .list-tag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 2px 0 5px 0;
}

.widget-tag .list-tag a {
    background: #eff1f4;
    color: var(--primary-color4);
    font-size: 14px;
    text-transform: uppercase;
    height: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 5px;
    margin-top: 4px;
    margin-right: 4px;
}

.widget-tag .list-tag a.active,
.widget-tag .list-tag a:hover {
    background: var(--primary-color5);
    color: var(--primary-color1);
}

/* widget gallery */
.widget.st-2.widget-gallery {
    padding: 32px 41px 53px 38px;
}

.widget-gallery .list-gallery {
    justify-content: space-between;
    flex-wrap: wrap;
}

.widget-gallery .list-gallery .box-photo {
    position: relative;
    margin-top: 12px;
}

.widget-gallery .list-gallery .box-photo img {
    width: 86px;
    height: 86px;
}

.widget-gallery .list-gallery .box-photo .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 54, 104, 0.6);
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.widget-gallery .list-gallery .box-photo.active .overlay,
.widget-gallery .list-gallery .box-photo:hover .overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.widget-gallery .list-gallery .box-photo .overlay i {
    font-size: 30px;
    font-weight: 300;
    color: var(--primary-color1);
}

/* widget-logo */
.widget-logo {
    padding: 15px 0;
}

.widget-logo .wrap {
    padding-right: 45px;
    margin-bottom: 28px;
    overflow: hidden;
    height: 110px;
}

.widget-logo .logo-bottom {
    margin-bottom: 20px;
}

.widget-logo .list-contact ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.widget-logo .list-contact ul li:last-child {
    margin-bottom: 0;
}

.widget-logo .list-contact ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color8);
}

.widget-logo .list-contact ul li a,
.widget-logo .list-contact ul li span {
    font-size: 17px;
    line-height: 1.5rem;
}

/* widget-business */
.widget.widget-business {
    padding: 14px 0 0 7px;
}

.widget-business .inner {
    background-image: url(images/background/bg-business2.png);
    background-repeat: no-repeat;
    background-position: center left;
    height: 338px;
    padding: 27px 72px 27px 44px;
}

#footer .widget-business .title-widget {
    margin-bottom: 10px;
}

.widget-business .op-time ul li {
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
}

.widget-business .op-time {
    margin-bottom: 18px;
}

.widget-business .cls-time {
    border-top: 2px dashed var(--primary-color1);
    padding-top: 18px;
    width: 170px;
}

.widget-business .cls-time p {
    font-size: 18px;
    line-height: 29px;
}

/* widget-link */
.widget.widget-link {
    padding-left: 68px;
}

.widget-link .list-link a {
    font-size: 16px;
    line-height: 38px;
    padding-left: 0px;
}

.list-link .wd-ctm::before, 
.list-link .wd-ctm::after {
    font-size: 20px;
}

.list-link .wd-ctm:hover::before, 
.list-link .wd-ctm:hover::after {
    color: var(--primary-color8);
}

.widget-news.st-3 .list-news > li {
    margin-bottom: 15px;
}
.widget-news .list-news > li {
    margin-bottom: 3px;
}
.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
}
ul li, ol li {
    padding: 0.1em 0;
}
li {
    list-style: none;
}

#footer .widget-news .meta-news {
    color: var(--primary-color6);
    font-size: 16px;
}
#footer a, #footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer span {
    color: var(--primary-color1);
}
.widget-news .list-news .meta-news {
    font-size: 15px;
    align-items: center;
    text-transform: uppercase;
}
.clr-pri-6 {
    color: var(--primary-color6);
}
.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
}
a {
    text-decoration: none;
    color: var(--primary-color2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



.jus-ct {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    justify-content: center;
}

.widget-business .inner {
    background-image: url(../images/background/bg-business2.png);
    background-repeat: no-repeat;
    background-position: center left;
    height: 338px;
    padding: 27px 72px 27px 44px;
}

.widget-business .inner {
    background-image: url(../images/background/bg-business2.png);
    background-repeat: no-repeat;
    background-position: center left;
    height: 338px;
    padding: 27px 72px 27px 44px;
}

.fl-register input[type="text"],
.fl-register input[type="text"]::placeholder {
	    color: #2b3c6b;
    font-size: 20px;
    margin-bottom: 0;
    border: none;
    padding: 26px 17px;
}

.fl-register .row-form {
    position: relative;
    width: 48%;
}

.mg-bt-20 {
    margin-bottom: 20px;
}

.fl-btn.st-14:hover, .fl-btn.st-14:hover .inner::before, .fl-btn.st-14:hover .inner::after {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fl-btn.st-14:hover {
    background-color: #fff;
}

.fl-btn.st-14 {
    color: #2b3c6b;
    background-color: #2b3c6b;
   padding: 0px 47px 0 85px;
    font-size: 18px;
    height: 80px;
    width: 100%;
}

.fl-btn {
	    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    align-items: center;
    position: relative;
}

.fl-btn .inner {
    position: relative;
}



.fl-btn .inner::before {
    top: 50%;
    position: absolute;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.hero-slider {
	width:100%;
	 position: relative;
}

.breadcrumb-row {
    background: #fff;
    padding: 6px 0;
	border-bottom: 1px solid #cec2c2;
}
.breadcrumb-row ul {
    margin: 0;
}
.breadcrumb-row ul li {
    padding: 0;
    margin-right: 3px;
    color: #000;
	display: inline-block;
}
.breadcrumb-row ul li:after {
    content: "\f105";
    margin-left: 7px;
	font-family: fontawesome;
}
.breadcrumb-row ul li:last-child {
    color: #000;
}
.breadcrumb-row ul li:last-child:after {
    display: none;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px;
}
.table.borderless > tbody > tr > td,
.table.borderless > tbody > tr > th {
    border: none;
}
.dataTable .sorting_asc .checkbox {
    margin-right: 0;
}

.widget1 .widget1-title::before {
    position: absolute;
    content: '';
    width: 25px;   
    bottom: 0;
    left: 0;
}

.widget1 .widget1-title::after {
    position: absolute;
    content: '';
    width: 50px;   
    bottom: 0;
    left: 30px;
}

.widget1 .widget1-title {
	font-family: "Fredoka One", cursive;
   font-weight: 600; 
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    font-size: 52px;
    color: #9b12db;
}

.content-list li {
	    font-family: 'Open Sans', sans-serif;
	color: #000;
    font-size: 17px;
    line-height: 30px;
    margin-top: 8px;
	list-style: none;
}
.content-list i {
    color: #116E63;
    margin-right: 8px;
}

.mt-2 {
    margin-top: .5rem !important;
}






.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}




@supports ((position: -webkit-sticky) or (position: sticky)) {
   

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    /* margin-top: 1rem !important; */
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    /* margin-bottom: 1rem !important; */
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}



.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}



.card1 {
	 border: 3px solid #fff;
	margin-left: 10px;
        margin-right: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: middle;
    text-align: center;
    align-items: center;
    background: linear-gradient(rgb(100 140 5), rgb(55 74 6 / 88%));
    border-radius: 20px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

.card2 {
	border: 3px solid #fff;
	margin-left: 10px;
        margin-right: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: middle;
    text-align: center;
    align-items: center;
     background: linear-gradient(rgb(172 20 12 / 90%),rgb(118 28 23 / 90%));
    border-radius: 20px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

.card3 {
	border: 3px solid #fff;
	margin-left: 10px;
        margin-right: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: middle;
    text-align: center;
    align-items: center;
    background: linear-gradient(rgb(233 109 17), rgb(148 72 14));
    border-radius: 20px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

.card4 {
	border: 3px solid #fff;
	margin-left: 10px;
        margin-right: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: middle;
    text-align: center;
    align-items: center;
    background: linear-gradient(rgb(40 2 230 / 90%), rgb(48 35 113 / 90%));
    border-radius: 20px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

.card5 {
	border: 3px solid #fff;
	margin-left: 10px;
        margin-right: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: middle;
    text-align: center;
    align-items: center;
    background: linear-gradient(rgb(237 1 112 / 90%), rgb(142 43 89 / 90%));
    border-radius: 20px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    height: 240px;
}

 .gy-40 {
    --bs-gutter-y: 40px;
}

.activity-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.activity-box_icon img {
    width: 100%
}

.activity-box_title {  
    margin-top: -0.24em;
    margin-bottom: 10px
}

.activity-box_text {
    margin-bottom: -0.5em
}

.img-box13 img {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media (max-width: 1199px) {
    .img-box13 {
        margin-top:50px;
        text-align: center
    }

    .img-box13 img {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .activity-box {
        display:block;
        text-align: center
    }

    .activity-box_icon {
        margin-bottom: 20px
    }

    .activity-box_icon img {
        width: auto
    }
}

.activity-box_title {
   
    margin-top: -0.24em;
    margin-bottom: 10px;
}

.box-title {
    font-size: 20px;
    line-height: 1.417;
}
.about-title {
	
	font-family: "Fredoka One", cursive;
    font-size: 52px;
    line-height: 1.2;
    font-weight: 600;
	
}


.service-block {
    position: relative;
    border-radius: 20px;
    padding: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.service-block-tab {
    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;
    margin-bottom: 35px;
}
.service-block-tab .tab-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--title-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.service-block-tab .tab-btn {
    width: auto;
    text-align: center;
    cursor: pointer;
}
.service-block-tab .tab-btn:hover .tab-title,
.service-block-tab .tab-btn.active .tab-title {
    color: var(--theme-color);
}
.service-block-tab .indicator {
    position: absolute;
}
.service-block:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    border-radius: inherit;
    opacity: 0.05;
    z-index: -1;
}
.service-block_thumb {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 5px auto 10px auto;
    background-color: var(--smoke-theme);
    border-radius: 50%;
    position: relative;
}
.service-block_thumb:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    border-radius: inherit;
    z-index: -1;
}
.service-block_title {
    font-size: 30px;
    margin-bottom: 18px;
}
.service-block_title a {
    color: inherit;
}
.service-block_title a:hover {
    color: var(--theme-color);
}
.service-block_img {
    min-width: 285px;
    border-radius: 10px;
    overflow: hidden;
}
.service-block_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-block_text {
    margin-bottom: 28px;
}
@media (max-width: 991px) {
    .service-block {
        gap: 25px;
    }
    .service-block_title {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .service-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .service-block_img {
        min-width: 100%;
    }
}
@media (max-width: 575px) {
    .service-block-tab .tab-title {
        font-size: 16px;
        line-height: 1.3;
    }
}
@media (max-width: 575px) {
    .service-block-tab .tab-title {
        display: none;
    }
    .service-block_thumb {
        height: 50px;
        width: 50px;
        line-height: 50px;
        margin: 5px 0 0 5px;
    }
}
@media (max-width: 375px) {
    .service-block {
        padding: 20px;
    }
}
.img-box14 {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}
.img-box14 .img1 {
    position: absolute;
    bottom: 0;
    right: 0;
}
.img-box14 .img1 img {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
.img-box14 .shape1 {
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: -1;
}
.img-box14 .shape1 img {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
@media (max-width: 1199px) {
    .img-box14 {
        text-align: center;
        margin-bottom: 50px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .img-box14 .img1 {
        position: static;
    }
    .img-box14 .img1 img {
        max-width: 100%;
    }
    .img-box14 .shape1 {
        left: 0;
    }
}


.add-sec {
	margin-bottom: 40px;
	border-radius: 20px;
    background: #7f398a;
    padding: 30px;
    color: #fff
}

.add-sec h2 {
    color: #fff!important;
    margin-bottom: 0;
    font-size: 45px
}

.add-sec h5 {
    color: #fab419
}

.add-sec .office {
    margin-top: 25px
}

.add-sec .office p {
    color: #f0d5f5
}

.contact-form {
    padding: 40px
}

.contact p {
    font-size: 19px;
    text-align: left;
    margin: 0
}

.contact p span {
    font-size: 30px;
    color: #fab419;
    width: 80px;
    margin: 0
}

.category-sec-wrap .sec-title {
    font-size: 36px;
    margin-bottom: 90px
}

@media (max-width: 1299px) {
    .category-sec-wrap .sec-title {
        margin-bottom:80px
    }
}

@media (max-width: 1199px) {
    .category-sec-wrap .sec-title {
        margin-bottom:30px
    }
}

@media (max-width: 767px) {
    .category-sec-wrap .sec-title {
        font-size:28px
    }
}

.category-sec-wrap .category-slider {
    padding-top: 35px
}

.category-sec-wrap .category-slider .slick-arrow {
    opacity: 1;
    visibility: visible;
    --pos-x: 0;
    top: 20px;
    right: 60px;
    left: auto;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background: var(--smoke-color);
    box-shadow: none;
    color: var(--theme-color)
}

.category-sec-wrap .category-slider .slick-arrow.slick-next {
    right: 10px
}

.category-sec-wrap .category-slider .slick-arrow:hover {
    background: var(--theme-color);
    color: var(--white-color)
}

@media (max-width: 1399px) {
    .category-sec-wrap .category-slider {
        margin-left:30px
    }
}

@media (max-width: 1299px) {
    .category-sec-wrap .category-slider {
        margin-top:80px
    }
}

@media (max-width: 1199px) {
    .category-sec-wrap .category-slider {
        margin-top:20px;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 1299px) {
    .category-sec-wrap .category-shape-arrow {
        top:50px
    }
}

.category-card {
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--f-2-f-2-f-2, #F2F2F2);
    background: var(--white-color, #fff);
    box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.06);
    padding: 20px
}

.category-card_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    min-width: 60px;
    background-color: var(--smoke-color);
    border-radius: 999px;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    margin: auto;
    margin-bottom: 20px
}

.category-card_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-card_title {
    font-size: 20px;
    font-weight: 500;
    margin-top: -0.23em;
    margin-bottom: 2px
}

.category-card_title a {
    color: inherit
}

.category-card_title a:hover {
    color: var(--theme-color)
}

.category-card_text {
    margin-bottom: 17px
}

.category-card .th-btn {
    padding: 10.5px 20px;
    width: 100%
}

.category-card:hover .category-card_icon {
    background-color: var(--theme-color)
}

.category-card:hover .category-card_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.category-card.style2 {
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.category-card.style2 .category-card_icon {
    background: #E8EFFA;
    margin-bottom: 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.category-card.style2 .category-card_icon img {
    -webkit-filter: none;
    filter: none
}

.category-card.style2 .box-title {
    font-weight: 500;
    margin-bottom: 10px
}

.category-card.style2 .category-card_text {
    font-family: var(--body-font);
    display: block;
    margin-bottom: 13px
}

.category-card.style2 .link-btn {
    font-weight: 600;
    color: var(--title-color)
}

.category-card.style2 .link-btn:hover {
    color: var(--theme-color)
}

.category-card.style2.cat-card2-active,.category-card.style2:hover {
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0px 10px 30px 0px rgba(206,211,230,0.45)
}

.category-card.style2.cat-card2-active .category-card_icon,.category-card.style2:hover .category-card_icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (max-width: 767px) {
    .category-card {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 22px
    }

    .category-card_content {
        text-align: center
    }

    .category-card_title {
        margin-bottom: 10px
    }

    .category-card_text {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.category-list {
    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: 5px;
    border-radius: 10px;
    border: 1px solid #D0DBE9;
    background: var(--white-color);
    border-radius: 10px;
    margin-left: 30px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2
}

.category-list:before {
    content: '';
    background-color: var(--theme-color);
    width: 0;
    height: 0;
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    z-index: -1
}

.category-list_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    min-width: 60px;
    background-color: #EBF2FF;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    margin-right: 15px;
    border: 1px solid #D0DBE9;
    margin-left: -30px
}

.category-list_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list_content {
    position: relative;
    overflow: hidden;
    padding: 26px 26px 26px 0;
    width: 100%;
    border-radius: 10px
}

.category-list .icon-btn {
    margin-left: auto;
    min-width: 50px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    position: absolute;
    bottom: -12px;
    right: -12px;
    opacity: 0;
    line-height: 44px;
    -webkit-transition: 0.7s;
    transition: 0.7s
}

.category-list .icon-btn i {
    margin-left: -8px
}

.category-list_title {
    font-size: 24px;
    font-weight: 500;
    margin-top: -0.23em;
    margin-bottom: 2px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list_title a {
    color: inherit;
    -webkit-transition: 0s;
    transition: 0s
}

@media (max-width: 1399px) {
    .category-list_title {
        font-size:22px
    }
}

@media (max-width: 1299px) {
    .category-list_title {
        font-size:18px
    }
}

.category-list_text {
    display: block;
    margin-bottom: -0.4em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list:hover {
    box-shadow: 0px 10px 12px 0px rgba(13,94,244,0.2)
}

.category-list:hover:before {
    width: 100%;
    height: 100%
}

.category-list:hover .category-list_title {
    color: var(--white-color)
}

.category-list:hover .category-list_text {
    color: var(--white-color)
}

.category-list:hover .category-list_icon {
    background: var(--theme-color)
}

.category-list:hover .category-list_icon img {
    -webkit-filter: brightness(99);
    filter: brightness(99)
}

.category-list:hover .icon-btn {
    background-color: var(--white-color);
    color: var(--theme-color);
    border-color: var(--white-color);
    opacity: 1
}

.category-card2 {
	margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

.category-card2_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    min-width: 60px;
    background-color: #DEE9FE;
    border-radius: 999px;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-card2_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-card2_content {
    margin-bottom: -0.45em
}

.category-card2_title {
    font-size: 24px;
    font-weight: 500;
    margin-top: -0.23em
}

.category-card2_title a {
    color: inherit
}

.category-card2_title a:hover {
    color: var(--theme-color)
}

.category-card2_text {
    margin-bottom: 12px
}

.category-card2 .link-btn {
    font-weight: 600
}

.category-card2:hover .category-card2_icon {
    background-color: var(--theme-color)
}

.category-card2:hover .category-card2_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media (max-width: 767px) {
    .category-card2 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 22px
    }

    .category-card2_content {
        text-align: center
    }

    .category-card2_title {
        margin-bottom: 10px
    }

    .category-card2_text {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.category-list2 {
    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: 5px;
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 30px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2
}

.category-list2:before {
    content: '';
    background-color: var(--theme-color);
    width: 0;
    height: 0;
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    z-index: -1
}

.category-list2_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    min-width: 60px;
    background-color: #EBF2FF;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    margin-right: 15px
}

.category-list2_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list2 .icon-btn {
    margin-left: auto;
    min-width: 50px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color)
}

.category-list2_title {
    font-size: 24px;
    font-weight: 500;
    margin-top: -0.23em;
    margin-bottom: 2px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list2_title a {
    color: inherit;
    -webkit-transition: 0s;
    transition: 0s
}

.category-list2_text {
    display: block;
    margin-bottom: -0.4em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.category-list2:hover:before {
    width: 100%;
    height: 100%
}

.category-list2:hover .category-list2_title {
    color: var(--white-color)
}

.category-list2:hover .category-list2_text {
    color: var(--white-color)
}

.category-list2:hover .icon-btn {
    background-color: var(--white-color);
    color: var(--theme-color);
    border-color: var(--white-color)
}

@media (max-width: 1399px) {
    .category-list2_title {
        font-size:22px
    }
}

@media (max-width: 375px) {
    .category-list2 {
        padding:15px
    }

    .category-list2_title {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: -0.1em;
        font-weight: 600
    }

    .category-list2_text {
        font-size: 14px
    }

    .category-list2_icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        min-width: 50px;
        margin-right: 7px
    }
}


.fw-medium {
    font-family: "Fredoka One", cursive;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    font-size: 52px;
    color: #9b12db;
    font-weight: 500;
}



.feature-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.feature-block_title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.feature-block_text {
    margin-bottom: -0.5em;
}

@media (max-width: 767px) {
    .feature-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        gap: 15px;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
}

.feature-list {
    padding: 40px 30px 55px 30px;
    background-color: var(--theme-color);
    box-shadow: 0px 6px 30px rgba(0, 6, 18, 0.06);
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 25px;
}

.feature-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--white-color);
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.feature-list_img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 36px;
    color: var(--white-color);
    background-color: var(--theme-color);
    border-radius: 50%;
    margin: 0 auto 25px auto;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2;
    box-shadow: 0px 4px 20px rgba(13, 94, 244, 0.5);
}

.feature-list_title {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: -0.24em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.feature-list_title a {
    color: var(--title-color);
}

.feature-list_text {
    margin-bottom: -0.45em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.feature-list .icon-img {
    --btn-size: 50px;
    background-color: var(--theme-color);
    color: var(--white-color);
    box-shadow: 0px 4px 18px rgba(13, 94, 244, 0.24);
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}

.feature-list:hover:after {
    height: 0;
}

.feature-list:hover .feature-list_icon {
    background-color: var(--white-color);
    color: var(--theme-color);
}

.feature-list:hover .feature-list_title a {
    color: var(--white-color);
}

.feature-list:hover .feature-list_text {
    color: var(--white-color);
}

.feature-list:hover .icon-img {
    background-color: var(--white-color);
    color: var(--theme-color);
    -webkit-animation: jumpIcon 1s linear infinite;
    animation: jumpIcon 1s linear infinite;
}

.feature-sec {
    background-image: -webkit-linear-gradient(right, var(--smoke-color), var(--smoke-color));
    background-image: linear-gradient(to left, var(--smoke-color), var(--smoke-color));
    background-size: 100% 60%;
    background-position: top center;
    background-repeat: no-repeat;
}

.fa-2x {
    font-size: 2em;
}