:root {
    --font-family: 'Poppins', sans-serif;
    --text-color: #000;
    --text-color2: #C1C1C1;
    --button-background: transparent linear-gradient(90deg, #FF00AD 0%, #C818D0 100%) 0% 0% no-repeat padding-box;
    --primary-color:#BE3796;
}
body{
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.fa-close{
    color:#707070
}
.close-btn{
    cursor: pointer;
}
.navbar-nav{
    padding-right: 50px;
}
.navbar-nav  li a {
    padding-right: 25px;

}
.navbar-expand-lg .navbar-toggler {
    display: block;
}
        .navbar-toggler-icon-custom {
            background-image: url('../images/Menu.png');
            width: 55px;
            background-repeat: no-repeat;
            background-size: cover;
            height: 25px;
            border: none !important;
        }

        .sidebar {
            height: 100%;
            width: 750px; /* Initial width of sidebar */
            position: fixed;
            z-index: 1;
            top: 0;
            right: -750px; /* Move sidebar off-screen initially */
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            background: #fff;
        }

        .sidebar.show {
            right: 0; /* Move sidebar on-screen when the show class is added */
        }
        .sidebar h6 {
            text-align: left;
font: normal normal medium 20px/105px Poppins;
letter-spacing: -0.6px;
color: #C1C1C1;
opacity: 1;
        }
        .sidebar .mm{
            text-align: left;
        }
        .sidebar .mm a {
            text-align: left;
            font: normal normal 600 30px/90px Poppins;
            letter-spacing: -0.6px;
            opacity: 1;
            color: #000000;
            text-decoration: none;
            /* height: 40px; */
            display: inline-block;
            line-height: 46px;
            
        }
        .sidebar .mm2 {
            text-align: left;
        }
        .sidebar .mm2 a {
            text-align: left;
            font: normal normal 400 14px/90px Poppins;
            letter-spacing: -0.6px;
            opacity: 1;
            color: #000000;
            text-decoration: none;
            /* height: 40px; */
            display: inline-block;
            line-height: 26px;
        }

        .sidebar a:hover {
            color: #BE3796;
        }
        .header{
            position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1 !important;
        }
        .sidebar .emailbox{
            padding-left: 30px;
            text-align: left;
            margin-top: 50px;
        }
        .sidebar .emailbox a{
            text-decoration: none;
            color: #000;
        }
.sidebarandmenucolum{
    text-align: end;
}
header .mainmenu{
    display: flex;
    justify-content: end;
    padding-top: 20px;
    margin-right: 10px;
}
footer ul{
    display: flex;
    justify-content: end;
    padding-top: 20px;
    margin-right: 10px;
}
header .mainmenu li a{
    margin-right: 30px;
}
        @media (max-width: 720px) {
            html{
                overflow-x: hidden;
            }
            .sidebarandmenucolum{
                text-align: start;
            }
            /* Add your styles here that you want to apply for screens up to 720px wide */
            .sidebar {
                width: 350px; /* Initial width of sidebar */
                right: -350px; /* Move sidebar off-screen initially */
            }
            .navbar-nav li a {
                padding-right: 25px;
                color: #000 !important;
            }
            
            .herobgsection h1 {
                font-size: 39px !important;
                line-height: 45px !important;
            }
            .dontchasesection .row {
                height: auto !important;
            }
            .listsection h1 {
                font: normal normal 600 50px/130px Poppins !important;
                padding-left: 30px !important;
                height: 130px !important;
            }
            .imagesection .row {
                margin-top: 100px !important;
            }
            .imagesection .row .textbox {
                padding-top: 0px !important;
            }
            .clients {
                padding-top: 100px !important;
            }
            .faqsection {
                padding-top: 100px !important;
            }
            .haveanideasection h1{
                font: normal normal 300 55px/65px Poppins !important;
            }
            .maincontactsection h1 {
                font: normal normal 600 60px/130px Poppins !important;
            }
            .maincontactsection2 h1 {
                font: normal normal 600 35px/60px Poppins !important;
            }
            .maincontactsection2 button {
                width: 149px !important;
                height: 40px !important;
                font-size: 10px !important;
            }
            .formsection {
                margin-top: 0px !important;
                margin-bottom: 150px !important;
            }
            .formsection input {
                font: normal normal normal 36px/63px Poppins !important;
            }
            .formsection h3 {
                padding-top: 50px !important;
                font: normal normal 600 40px/63px Poppins !important;
            }
            .formsection button {
                height: 50px !important;
            }
            .contactlistsection h2 {
                font: normal normal 600 70px/30px Poppins !important;
            }
            .contactlistsection h1 {
                text-align: left;
                font: normal normal 600 60px/60px Poppins !important;
                padding-left:30px !important;
            }
            footer p {
                margin-bottom: 0px !important;
                padding-top: 18px;
                text-align: left;
                font: normal normal normal 13px/40px Poppins !important;
                letter-spacing: -0.4px;
                color: #FFFFFF;
                opacity: 0.83;
              text-align: center !important;
              padding-left: 0px !important;
            }
            footer ul{
                display: block !important;
                padding-top: 0px !important;
                margin-right: 0px !important;
            }
            .aboutusherobgsection h1 {
                font-size: 35px !important;
                line-height: 37px !important;
            }
            .aboutusimagesection h4 {
                font: normal normal 600 60px/60px Poppins !important;
            }
            .aboutuscontentsection h1 {
                font: normal normal 600 50px/60px Poppins !important;
            }
            header .mainmenu {
                justify-content: space-around !important;
            }
            /* Other styles specific to screens up to 720px wide */
        }