@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
body{
    max-width: 2560px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    font-family: "poppins", sans-serif;
}
:root{
    --primary-color-light: #ffd4df;
    --primary-color-dark: #ec2c54;
    --dark-color: #101118;
    --dark-color-two: #080a2d;
    --text-color-gray: #595959;
    --text-color-dark-gray:#7A7A7A;
    --black:#333;
    --light-black:#4F4F4F;
    --white:#fff;
    --border-color:#fedcea;
}
.custom-container{
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: 50px;
}
.custom-container-small{
    max-width: 1140px;
    margin: 0 auto;
}
.section-block-spacing{
    margin-block: 40px;
}
ul.list-type-arrow-circle{
    list-style-image: url('/assets/icons/arrow-right-circle.svg');
}
ul li{
    color: var(--text-color-gray);
}
.spacer{
    height: 50px;
}
.text-primary-dark{
    color: var(--primary-color-dark);
}
.text-color-dark-gray{
    color: var(--text-color-dark-gray);
}
.primary-button{
    background-color: var(--primary-color-dark);
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: none;
    transition: all .3s;
}
.secondary-button{
    color: #000000;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px;
    transition: all .3s;
}
.secondary-button:hover{
    color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
}
/* ----------------------   form control start   -------------------------------- */
.form-control{
    border: 1px solid var(--dark-color);
    padding: .75rem;
}
/* ----------------------   form control end   -------------------------------- */

/* ----------------------   typography start   -------------------------------- */
.head-one{
    font-size: 40px;
    font-weight: 800;
    line-height: normal;
}
.head-two{
    font-size: 28px;
    font-weight: 600;
}
.body-one{
    font-size: 20px;
    font-weight: 600;
}
.body-two{
    font-size: 18px;
    font-weight: 400;
}
.body-three{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
/* ----------------------   typography end   -------------------------------- */

/* ----------------------   accordion start   -------------------------------- */
.accordion{
    border-radius: 0;
}
.accordion-item{
    border-width: 1px;
    border-color: #515050;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed), .accordion-button{
    color: #fff;
    background-color: #838383;
}
.accordion-body{
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}
.accordion-button::after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z" fill="%23E89F87" /></svg>');
}
.accordion-button:not(.collapsed)::after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z" fill="%23fff" /></svg>');
}
/* ----------------------   accordion end   -------------------------------- */
/* redesign common css start */

    .custom-primary-button{
        padding: 17px 32px;
        border: 0;
        background: linear-gradient(95.61deg, #E9204F 0.45%, #EF486F 99.4%);
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 4px 4px 0px #00000014;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        display: block;
        width: fit-content;
        text-decoration: none;
        cursor: pointer;
    }
    .custom-secondary-button{
        padding: 12px 22px;
        border: 0;
        background-color: #333333;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 4px 4px 0px #00000014;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        display: block;
        cursor: pointer;
        width: fit-content;
        
    }
    .landing-page-container{
        max-width: 1920px;
        padding: 0 100px;
        margin: 0 auto;
    }
    .custom-primary-button:hover,
    .custom-secondary-button:hover{
        background: var(--light-black);
    }

    .header-menu{
        /* max-width: 1920px; */
        padding:30px 70px 20px;
    }
    .header-menu .nav-link{
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        color: var(--light-black);
        padding: 0;
    }
    .header-menu .navbar-nav{
        gap: 80px;
        align-items: center;
    }
    .landing-page-footer-bg{
        background: #FEDCEA;
        padding: 75px 160px 20px;
    }

    .sidebar-bg {
        background-color: #000000;
        height: auto;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20);
        overflow: hidden scroll;
        position: fixed;
        top: 0;
        left: -800px;
        z-index: 1100;
        transition: all .5s ease-in-out;
        height: 100vh;
        padding: 20px;
        width: 350px;
    }
    .open-sidebar {
        left: 0;
    }
    .collapse.show{
        display: none;
    }
    .show-sidebar-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background-color: #21252973;
        transition: all 1s ease-in-out;
    }
    .header-nav-link a {
        font-family: "Manrope", Sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        color: #fff;
        text-decoration: none;
        display: block;
    }
    .header-nav-link li {
        list-style-type: none;
        padding-bottom: 20px;
    }
    
/* redesign common css end */

@media screen and (max-width: 1600px){
    .head-two{
        font-size: 26px;
    }
    .landing-page-container{
        padding:0 80px;
    }
}

@media screen and (max-width: 1440px){
    .custom-container{
        padding-inline: 30px;
    }
    .head-one{
        font-size: 32px;
    }
    .body-one{
        font-size: 18px;
    }
    .landing-page-container{
        padding: 0 60px;
    }
}
@media screen and (max-width: 1200px){
    .header-menu .navbar-nav{
        gap: 40px;
    }
}
@media screen and (max-width: 991px){
    .custom-container{
        padding-inline: 20px;
    }
    .head-two{
        font-size: 22px;
    }
    .landing-page-container{
        padding:0 40px;
    }
}
@media screen and (max-width: 840px){
    .custom-secondary-button{
        padding: 12px 12px;
        font-size: 14px;
    }
    .service-custom-padding{
        padding: 60px 20px;
    } 
}
@media screen and (max-width: 767px){
    .head-one{
        font-size: 24px;
    }
    .landing-page-container{
        padding: 20px;
    }
    .header-menu{
        padding: 20px 40px;
    }
}
@media screen and (max-width: 576px){
    .header-menu{
        padding: 20px;
    }
    .sidebar-bg{
        width: 100%;
    }
}
@media screen and (min-width: 1920px) {
    .modal-fonts-custom .modal-title{
        font-size: 40px !important;
    }    
    .modal-fonts-custom label{
        font-size: 24px;
        padding-top: 10px;
    }
}