/*///////////////////////////////////////////////////////// Coston CSS /////////////////////////////////////////////////////////*/


.ak-site_branding img {
    max-height: 100% !important;
    width: 230px;
}

.select.form-select {
    color: #e1dbdb !important;
    background-color: black !important;
}

.img-icon {
    width: 80px;
    height: 80px;
}

.msg-head {
    padding: 30px;
}

.secondary-btn.type2 {
    background: linear-gradient(to right, #f2c842 50%, rgba(213, 189, 162, 0.2) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #fff;
}

.secondary-btn, .secondary-btn.type2 {
    border-left: 5px solid #f2c842 !important;
}

/Class Detail Page/
/*Background colors*/
.feature-content-style-2 .feature-card.style-2.active {
    background-color: none !important;
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.classes-card:hover .classes-img-overlay::before {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
    background: #fbaf34 !important;
}

.stroke-text {
    text-shadow: -1px -1px 0 #fbaf34, 0px -1px 0 #fbaf34, 1px -1px 0 #fbaf34, 1px 0px 0 #fbaf34, 1px 1px 0 #fbaf34, 0px 1px 0 #fbaf34, -1px 1px 0 #fbaf34, -1px 0 0 #fbaf34 !important;
}

    .stroke-text::before {
        background-image: linear-gradient(#fbaf34, #edd74a) !important;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.section-heading.style-1 .section-subtitle {
    color: #fbaf34 !important;
}

.button-primary {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.moving-section-wrap {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.primary-color-border {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.primary-color-border-horizontal {
    background: #edd74a !important;
}

.package-content .package .package-one .border-horizontal, .package-content .package .package-two .border-horizontal, .package-content .package .package-three .border-horizontal {
    background-color: #edd74a !important;
}

a:hover {
    color: #edd74a !important;
}

.footer.style-1 .location-contact span {
    color: #edd74a !important;
}

.offcanvas.style-2 .location-contant .location-contant-text span {
    color: #edd74a !important;
}

.offcanvas.style-2 .location-contant .phone:hover .title {
    color: #bca513 !important;
}

.footer.style-1 .logo-footer .phone:hover .title {
    color: #bca513 !important;
}

.footer.style-1 .location-contact::before {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.calculator-form .from-inputs .type_1 input:focus, .calculator-form .from-inputs .type_1 select:focus {
    border-color: #efd248 !important;
}

/*Background colors*/



/*about page*/

.info-new {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.team-card:hover .team-body-info .team-title {
    color: #edd74a !important;
}
/*about page*/
@media screen and (max-width: 575px) {
    .ak-site_branding img {
        max-height: 42px;
    }

    .ak-site_header.ak-style1 .ak-main_header_in.style-2, .ak-site_header.ak-style1 .ak-top_header_in.style-2 {
        padding-left: 0 !important;
    }

    .ak-site_branding img {
        width: 180px !important;
    }

    .ak-hero.ak-style2 .hero-content-2 .hero-stroke-text .hero-stroke-text-one {
        font-size: 70px !important;
    }

    .stroke-text {
        font-size: 50px !important;
    }

    .testimonial .testimonial-info .stroke-text {
        font-size: 60px !important;
    }
}


/*Plans Page style*/
.package-content .package .package-one.style2.active, .package-content .package .package-two.style2.active, .package-content .package .package-three.style2.active {
    background-image: linear-gradient(#fbaf34, #edd74a) !important;
}

.package-content .package .package-one.style2.active, .package-content .package .package-two.style2.active, .package-content .package .package-three.style2.active {
    background-color: #edd64a !important;
}

.package-content .package .package-one.style2, .package-content .package .package-two.style2, .package-content .package .package-three.style2 {
    background-color: #27200f !important;
}

/*Plans Page style*/

.txtWhite {
    color: #fff !important;
}

.frmWrap {
    padding: 20px;
}

.frmErrorMsg,
.text-danger.field-validation-error {
    font-size: 0.9rem;
    color: #dc3545;
    margin-top: 5px;
}
/* Change modal background color */
.modal-content {
    background-color: #000 !important; /* black */
    color: #fff; /* white text */
}

/* Change modal width */
.modal-dialog {
    max-width: 70% !important; /* 80% of viewport width */
    border: 1px solid #e1dbdb;
}

.custom-select {
    background-color: #1a1a27;
    color: white;
    height: 60px;
    border: none;
    padding: 8px 12px;
    font-size: 16px;
    outline: gray;
    width: 100%;
    -webkit-appearance: none; /* Remove default arrow in some browsers */
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    .custom-select option {
        background-color: #1a1a27;
        color: gray;
    }

    .custom-select:hover,
    .custom-select:focus {
        /*background-color: #f2c842;*/
        color: gray;
    }

.post-card.style1 .post-content .post-info .post-title:hover {
    color: #f6bd3c !important;
}

.package-content .package .package-one.type2 {
    height: 100% !important;
    justify-content: space-between !important;
}

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

.btncstyle {
    width: 87px;
    height: 32px;
    margin: 3px;
}

.package-content .package .package-two {
    justify-content: space-between !important;
}


.package-content .package .package-one.style2 {
    height: 100% !important;
    justify-content: space-between !important;
}

.grecaptcha-badge {
    visibility: hidden;
}