:root{
    --PrimaryColor: #5E0F0B;
    --SecondaryColor: #E6C391;
    --LightSecondaryColor: #FFF0D9;
    --BlackColor: #000000;
    --WhiteColor: #ffffff;
}

@media screen and (max-width: 1800px)
{
    html{font-size: 60%;}
    .container { max-width: 156rem; }
    /* 
    .main-menu>li>a{font-size: 2.5rem;}
    .main-menu>li + li { margin-left: 3rem; }
    .logo img{max-width: 39rem;}
    .main-menu>li:last-child{margin-left: 0;} */

    .main-menu>li + li { margin-left: 2rem; }
    .logo img { max-width: 25rem;}
    .main-menu>li>a{font-size: 1.8rem;}
    .main-menu>li:last-child{padding-left: 4rem;}
    .main-menu>li:last-child::after{left: 1rem;}

    /* .the-link-header{display: none;} */
}


@media screen and (max-width: 1450px)
{
    .package-detail-left h2{font-size: 3rem;}
    .package-detail-left p{font-size: 1.8rem;}
    .package-detail-right li{font-size: 1.8rem;}
}


@media screen and (max-width: 1024px)
{
    .the-link-topbar{padding: 1.7rem 0;}

    html{font-size: 52%;}

    .hamburger,
    .close-menu{display: inline-block;}
    .the-link-header>.container{align-items: center;}
    .hamburger{color: var(--WhiteColor);font-size: 3.2rem;}
    .close-menu{margin-bottom: 4rem;font-size: 3rem;}
    .main-menu{position: fixed;right: 0;top: 0;width: 30rem;height: 100%;background: var(--WhiteColor);padding: 2rem;display: block;transform: translateX(120%);transition: 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .main-menu>li + li{margin-left: 0;margin-top: 3rem;}
    .main-menu>li a{color: var(--BlackColor);text-align: center;width: 100%;display: block;}
    .main-menu li .dropdown .dropdown-toggle{color: var(--BlackColor);text-align: center;display: block;width: 100%;}
    .main-menu>li:last-child{padding-left: 0;}
    .main-menu>li:last-child::after{display: none;}
    .main-menu li .dropdown-menu{width: 100%;}
    .main-menu li .dropdown-menu a{font-size: 14px;}

    .main-menu.active{transform: none;}

    .the-link-topbar.nav-up{margin-top: -6.4rem;}

    .attachments ul{overflow-x: auto;flex-wrap: initial!important;}
    .attachments ul li{min-width: 150px;}
    .attachments ul li a{font-size: 2rem;padding: 1.6rem 1rem;}


    html[lang="ar"] .main-menu{right: auto;left: 0;transform: translateX(-100%);}
    html[lang="ar"] .main-menu.active{transform: none;}
}

@media screen and (max-width: 991px)
{
    .repeat-heading h2{font-size: 4rem; padding-bottom: 1.7rem; margin-bottom: 2.7rem;}
    .request-consultation .container{display: block;text-align: center;}
    .request-consultation h4{margin-bottom: 2rem;}
    .request-consultation a{font-size: 2rem;}
    .ftr-logo img { max-width: 25rem;}
    .ftr-col h2{padding-bottom: 2.8rem;margin-bottom: 3rem;font-size: 3rem;}
    .ftr-col ul li a{font-size: 1.8rem;}
    .ftr-col h4{font-size: 1.8rem;}
    footer{padding-top: 7rem;}
    .copyright { margin-top: 5rem;}
    .about-us-section{padding: 7rem 0;}

    .packages-row{display: block;padding: 3rem;}
    .package-detail-txt{display: block;max-width: 100%;}
    .package-detail-left{padding: 0;max-width: 100%;}
    .package-detail-right{padding-left: 0;border-top: 1px solid var(--PrimaryColor);border-left: 0;padding-top: 3rem;margin-top: 3rem;}
    .package-price{text-align: center;margin-top: 4rem;}
    .package-price h2{margin-top: 3rem;}

    .static-content-images{margin-bottom: 4rem;}
    .static-content-images>h2{margin-bottom: 4rem;}
    .static-content-images img{max-width: 100%;}
    .register-left { margin-bottom: 4rem;}
    .next-btn button{font-size: 3rem;}
    .next-btn button img{max-width: 3rem;}

    .auth-form{max-width: 100%;padding: 2rem;}
    .login-banner  .banner-txt h2{text-align: center;margin-bottom: 4rem;font-size: 4rem;}

    .main-accordian>.card{padding: 0 2rem;}
    .accordian-icon img{max-width: 2.8rem;}
    .main-accordian>.card>.card-header button{text-align: left;font-size: 2.2rem;}
    .static-content-images>h2{font-size: 4rem;}

    .profile-section h1{text-align: center;}
    .profile-section>img{height: 173px;object-fit: cover;}
    .profile-image label{width: 14rem;height: 14rem;}
    .horizontal-profile label{margin-right: 3rem;}
    .profile-right-part{margin-top: 3rem;padding: 2rem;}


    .the-link-header>.container{padding: 1.5rem;}
    .logo img { max-width: 19rem; }

    .profile-detail-col p{font-size: 1.7rem;}
}

@media screen and (max-width: 575px)
{
    .btn-group-custom a{width: 100%;}
    .btn-group-custom .btnx + .btnx{margin-left: 0;margin-top: 1rem;}
    .attach-label{display: block!important;}
    .attach-label .dropdown{margin-top: 1rem;}
    .request-detail>h2,
    .request-detail-txt-col h2{font-size: 2rem;}
    .repeat-heading3 h2{font-size: 3rem;}

    .topbar-main-menu{justify-content: flex-start; overflow-x: scroll;}
    .topbar-main-menu li a{padding-right: 1rem;}
    .topbar-main-menu li a::after{opacity: 0.5;}
    .topbar-main-menu li + li{margin-left: 1rem;}
    .language-switch{padding-right: 1rem;}
    .language-switch select{padding-right: 2rem;}
    .language-switch::after{right: 1rem;}
    .language-switch::before{opacity: 0.5;}

    .auth-form-head h2 { font-size: 4rem; }    
    .btnx{padding: 1rem 2rem;font-size: 18px;}
    .login-banner .banner-txt h2 {font-size: 3rem;}

    .profile-section h1 { font-size: 4rem;}
}