:root {
    --bermahadev-font-w-bold-2: 400;
    --bermahadev-font-w-bold: 300;
    --bermahadev-font-w-regular: 200;
}

html {
    font-size: 16px;
}

body {
    font-family: 'Mitr';
    background-color: #22534D;
    /* background: linear-gradient(152deg, #3D7B74 0%, #22534D 19%, #19403D 60%, #22534D 100%);
    background-size: 300%; */
    color: #FFFFFF;
}

.form-control {
    font-weight: var(--bermahadev-font-w-bold) !important;
}

.font-color-gold {
    color: #C09457 !important;
}

.font-dark-green {
    color: #19403D !important;
}

.font-red {
    color: #FF0B00 !important;
}

.font-green {
    color: #00B900 !important;
}

.font-black {
    color: #000000 !important;
}

.font-primary-color {
    color: #22534D;
}

.font-gold-linear {
    background: linear-gradient(152deg, #996F1D 1%, #C09457 34%, #996F1D 86%, #ae8348 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.font-weight-bold {
    font-weight: var(--bermahadev-font-w-bold) !important;
}

a {
    text-decoration: none;
}

.nav-background {
    background: linear-gradient(90deg, #19403D 19%, #22534D 89%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .35);
    min-height: 107px;
}

.footer-background {
    background: linear-gradient(45deg, #6D6A61 0%, #A09C8E 24%, #8D8878 44%, #6D6A61 100%);
}

.bermahadev-banner{
    background: linear-gradient(45deg, #1B403C 0%, #112C2A 37%, #1B403C 69%, #1A4643 100%);
}

.bermahadev-font-gold {
    color: #C09457;
}

input.form-control {
    border-radius: 0px !important;
}

.card.card-contact {
    padding: 50px 40px 50px 40px;
    background: linear-gradient(180deg, #D9D9D9 26%, #FFFFFF 100%);
}

.text-title-bold {
    font-size: 1.25rem;
    font-weight: var(--bermahadev-font-w-bold);
}

.text-title-big-bold {
    font-size: 2.5rem;
    font-weight: var(--bermahadev-font-w-bold);
    text-shadow: 1px 1px #0000002b;
}

.text-title-middle-bold {
    font-size: 1.875rem;
    font-weight: var(--bermahadev-font-w-bold);
    text-shadow: 1px 1px #0000002b;
}

.text-title {
    font-size: 1.25rem;
    font-weight: var(--bermahadev-font-w-regular)
}

.text-title-big {
    font-size: 1.5rem;
    font-weight: var(--bermahadev-font-w-regular)

}

.text-title-header {
    font-size: 2rem;
    font-weight: var(--bermahadev-font-w-bold);
    text-shadow: 1px 1px #0000002b;
}

.text-open-header {
    font-size: 3rem;
    font-weight: var(--bermahadev-font-w-bold);
}

.font-gold-gradient{
    background: -webkit-linear-gradient(152deg,#C09457, #996F1D, #C09457);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-open-title {
    font-size: 2rem;
    text-shadow: 3px 3px #0000002b;
}

.fw-semi-bold {
    font-weight: var(--bermahadev-font-w-bold);
}

.ask-bar-background {
    min-height: 370px;
    background-size: cover;
}

.btn-green {
    padding: 16px 60px !important;
    background-color: #19403D;
    color: #FFFFFF;
}

.btn-green:hover {
    background-color: #19403D;
    color: #FFFFFF;
}

.btn-green:active {
    background-color: #19403D !important;
    color: #FFFFFF !important;
    border-color: #ffffff !important;
}

.btn-gold {
    padding: 16px 60px !important;
    background: linear-gradient(152deg, #C09457 1%, #af8347 34%, #C09457 86%, #a57f4b 100%);
    color: #FFFFFF;
    width: 322px;
}

.btn-gold:hover {
    background-color: #19403D;
    color: #FFFFFF;
}

.btn-gold:active {
    background-color: #19403D !important;
    color: #FFFFFF !important;
    border-color: #ffffff !important;
}

.phone-numeber {
    border-radius: 8px;
    font-size: 1.25rem;
    padding-left: 20px;
    height: 60px;
}

.main-form {
    padding: 0px 180px;
}

.form-input {
    font-size: 1.25rem;
    padding: 24px;
    height: 40px;
}

.text-shadow {
    text-shadow: 1px 1px #0000002b;
}

.bermahadev-navbar {
    .nav-item.active {
        background-color: #C09457;
        font-weight: var(--bermahadev-font-w-bold);
    }

    .nav-item {
        font-weight: var(--bermahadev-font-w-bold);
    }
}

.text-menu {
    font-size: 1.2rem;
}

select.form-select {
    border-radius: 0 !important;
}

.sidebar {
    .nav-item.active {
        background-color: #C09457;
    }

    .nav-item {
        font-weight: var(--bermahadev-font-w-bold);
    }
}

.bermahadev-avatar-a {
    width: 455px;
    position: absolute;
    bottom: 0;
}

.bermahadev-avatar-a {
    right: 120px;
}

.bermahadev-banner-content {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.bg-banner-line {
    background-size: cover;
}

.bermahadev-banner-content {
    height: 600px;
}

.banner-add-line > img {
    width: 100%;
}

#add-line-image {
    width: 100%;
}

#bermahadev-logo {
    height: 50px;
}

#analyze-logo {
    width: 300px;
}

#ask-bar-content {
    z-index: 60;
    font-weight: var(--bermahadev-font-w-bold);
}

.bermahadev-table > thead > tr > th {
    font-weight: var(--bermahadev-font-w-bold-2) !important;
}


@media (max-width: 768px) { /* md */
    /* .bg-banner-line {
        background-size: 400%;
    } */

    #add-line-image {
        width: 70% !important;
    }

    .banner-title {
        font-size: 3rem !important;
    }

    .banner-detail {
        font-size: 1.5rem !important;
    }
    
    .banner-add-line > img {
        width: 67%;
    }
    
    .bermahadev-banner-content {
        height: 100%;
    }

    .text-open-header {
        font-size: 2rem !important;
    }
    
    .text-open-title {
        font-size: 1rem !important;
    }
    
    .text-title-big-ber {
        font-size: 2rem !important;
    }

    #analyze-logo {
        width: 200px !important;
    }
} 

@media (min-width: 768px) { /* md */
    

    .bermahadev-avatar-a {
        right: -3px;
    }

    /* .bg-banner-line {
        background-size: 400%;
    } */

    .banner-add-line > img {
        width: 60%;
    }
}  

@media (min-width: 992px) { /* lg */
    .bermahadev-avatar-a{
        width: 455px;
        right: 60px;
    }

    .bermahadev-banner-content {
        padding-left: 100px;
        padding-right: 100px ;
    }

    /* .bg-banner-line {
        background-size: 175%;
    } */

    .banner-add-line > img {
        width: 50%;
    }

    .add-line-content{
        font-size: 1.7rem !important;
    }
}

@media (min-width: 1200px) { /* xl */
    .bermahadev-avatar-a{
        width: 570px;
    }

    .bermahadev-banner-content {
        padding-left: 200px;
        padding-right: 200px;
    }

    /* .bg-banner-line {
        background-size: 145%;
    } */

    .banner-add-line > img {
        width: 45%;
    }
}

@media (min-width: 1530px) { /* xxl - custom */
    .bermahadev-avatar-a{
        width: 720px;
    }

    .bermahadev-banner-content {
        padding-left: 200px;
        padding-right: 200px;
    }

    /* .bg-banner-line {
        background-size: 145%;
    } */

    .banner-add-line > img {
        width: 35%;
    }
}

@media (min-width: 1600px) {
    /* .bg-banner-line {
        background-size: 120%;
    } */
}


@media (max-width: 433px) {
    #bermahadev-logo {
        height: 50px;
    }

    html {
        font-size: 14px !important;
    }

    .add-line-content{
        font-size: 1.25rem !important;
    }
}


.bermahadev-banner-bg{
    width: auto;
    bottom: 0;
    height: 500px;
    padding: 0;
    opacity: 0.2;
    object-fit: contain;
}

.text-title-ber {
    font-size: 2.0rem;
    font-weight: var(--bermahadev-font-w-regular)

}

.text-title-big-ber {
    font-size: 3.5rem;
    font-weight: var(--bermahadev-font-w-bold);
    text-shadow: 1px 1px #0000002b;
}

@media (max-width: 992px) { /* lg */

    .text-title-ber,.text-title-header {
        font-size: 1.5rem;
    }
    .text-title-big-ber {
        font-size: 2.5rem;
    }

    .text-title-big-bold {
        font-size: 2.0rem;
    }

    .text-title-middle-bold {
        font-size: 1.25rem;
    }

    .line-scale {
        transform-origin: left;
        transform: scale(0.8);
    }
} 

.banner-title {
    text-shadow: 5px 5px 10px black;
    font-size: 4rem;
}

.banner-detail {
    font-size: 2rem;
}

.footer-website-name {
    text-shadow: 3px 3px 6px black;
}

.add-line-content{
    background-repeat: repeat;
    background-size: 100%;
    font-size: 1.8rem;
    background: linear-gradient(135deg, #b0874d 0%, #cba56f 29%, #b0874d 60%, #cba56f 90%);
}

.text-drop-shadow {
    text-shadow: 2px 2px 3px #413d35;
}

.bg-blog-content {
    border-top: 4px solid #C09457;
}