.main-button{
    padding: 10px 15px;
    background-image: linear-gradient(to bottom, #292929, #575757);
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.1vw;
    color: #fff;
    text-decoration: none;
}

.main-button:hover{
    color: #fff;
}

.service-button{
    padding: 10px 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid white;
    
}

.service-button:hover{
    color: #fff;
}

.my-card{
   background-color: #fff;
   padding: 40px 30px;
   border-radius: 10px;
   box-shadow: 5px 5px 5px gainsboro;
   transition: all 0.5s ease-in-out;
}

.apo-icon{
    font-size: 3vw;
}

.my-card:hover{
    transform: scale(1.1);
    overflow: hidden;
}


.my-card p{
    font-size: 1.1vw;
}

.my-card h3{
    font-size: 1.6vw;
    font-weight: 600;
}



.apo-back{
    background-color: #f1f1f1;
    margin-top: 140px;
}

.notary-back{
    background-color: rgb(231, 231, 231);
    /* background: linear-gradient(to bottom, rgb(231, 231, 231),rgb(231, 231, 231), rgb(231, 231, 231), rgba(231, 231, 231, 0)); */
    /* margin-top: 150px; */
    overflow: hidden;
}

.heading-border{
    height: 3px;
    max-width: 50px;
    border: 3px solid #747372;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 115px;
    margin-top: 13px;
}

.heading-border-no-margin{
    height: 3px;
    max-width: 50px;
    border: 3px solid #747372;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 13px;
}

.link{
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #747372;
}

.link-white{
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
}

.link-white:hover{
    color: #fff;
}

.link:hover{
    color: #5a5a5a;
}

.arrow{
    color: #747372;
}


.contact-main-new{
    background-color: #f8f8f8;
}

.contact-info-main-page li{
    list-style: none;
    font-family: "Poppins", sans-serif;
    padding-top: 10px;
    font-weight: 400;
}

.contact-info-main-page{
    padding-left: 0px;
}

.page-button{
    font-family: 'Raleway', sans-serif;
    font-size: 1.6vw;
}

.page-button {
    color: #000;
}

.heading-back{
    background-color: rgb(235, 235, 235);
}

.floating-image{
    position: relative;
    bottom: 90px;
}

.why-choose-img{
    box-shadow: 5px 5px 5px gray;
}

.heading-back-2{
    background-color: rgb(36, 36, 36);
}

.div-text{
    font-size: 2vw;
    font-family: "Playfair Display", serif;
    font-weight: 500;
}

.home-bottom-back{
    background-image: url(1733494897010.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
}

.help-cover{
    background:url(./pexels-pavel-danilyuk-8152739.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: max-content;
}



.home-bottom-back-cover{
    /* background-image: linear-gradient(to right, rgb(242, 246, 247) rgba(242, 246, 247, 0)); */
    background: linear-gradient(to right, rgb(0, 0, 0),rgba(22, 22, 22, 0.8), rgba(32, 32, 32, 0.8), rgba(61, 61, 61, 0));
    height: max-content;
    padding-top: 140px;
    padding-bottom: 140px;
}

.contact-icon{
    display: inline-block;
    list-style: none;
    padding-right: 15px;
    font-size: 2vw;
}

.contact-icon a{
    color: #000;
}

.not-back-1{
    background: url(./1733536003811.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
}

.not-back-2{
    background: url(./1733536003845.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
}

.not-back-3{
    background: url(./1733536003833.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
}


.card-new{
    height: 25vh;
}

.card-new h3{
    font-size: 1.5vw;
    font-weight: 600;
}


/* MEDIA QUERY */
@media (max-width:576px){
    .img-big{
        display: none;
    }

    .apo-back{
        margin-top: 70px;
    }

    .apo-icon{
        font-size: 12vw;
    }

    .my-card p{
        font-size: 4vw;
    }

    .my-card:hover{
        transform: scale(1);
    }

    .main-button{
        font-size: 3.8vw;
    }

    .contact-icon{
        font-size: 6vw;
    }

    

    .heading-border{
        margin-left: 70px;
    }

    .my-card{
        padding: 30px 30px;
    }

    .my-card h3{
        font-size: 5.7vw;
    }

    .card-new{
        height: max-content;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .card-new h3{
        font-size: 5.3vw;
    }


    .help-cover{
        height: max-content;
    }

    .home-bottom-back-cover{
        height: max-content;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .link{
        font-size: 4.5vw;
    }

    .contact-para{
        font-size: 4.5vw;
    }

}

@media (min-width:577px) and (max-width:767px){
    .apo-back{
        margin-top: 100px;
    }

    .apo-icon{
        font-size: 10vw;
    }

    .my-card:hover{
        transform: scale(1);
    }

    .main-button{
        font-size: 3.8vw;
    }

    .contact-info-main-page{
        font-size: 3.6vw;
    }

    .contact-icon{
        font-size: 6vw;
    }

    .my-card{
        padding: 35px 35px;
        padding-bottom: 45px;
    }

    .link{
        font-size: 4.5vw;
    }

    .my-card h3{
        font-size: 5.5vw;
    }

    .my-card p{
        font-size: 4vw;
    }

    .card-new p{
        font-size: 4vw;
    }

    .card-new h3{
        font-size: 5.5vw;
    }

    .img-big{
        display: none;
    }

    .help-cover{
        height: max-content;
    }

    .home-bottom-back-cover{
        height: max-content;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .contact-para{
        font-size: 4.4vw;
    }

    .card-new{
        height: max-content;
        padding-bottom: 40px;
        padding-top: 20px;
    }
}


@media (min-width:768px) and (max-width:991px){
    .main-button{
        font-size: 3.3vw;
    }

    .apo-icon{
        font-size: 10vw;
    }

    .my-card:hover{
        transform: scale(1);
    }

    .my-card h3{
        font-size: 5vw;
    }

    .heading-border{
        margin-left: 100px;
    }

    .link{
        font-size: 3.8vw;    
    }

    .midium-no{
        display: none;
    }  

    .home-bottom-back-cover{
        height: 35vh;
    }

    .help-cover{
        height: 35vh;
    }

    .my-card{
        padding: 50px 50px;
    }

    .my-card p{
        font-size: 3.2vw;
    }

    .contact-info-main-page li{
        font-size: 3.2vw;
    }

    .contact-icon{
        font-size: 4vw;
        padding-left: 5px;
    }

    .card-new{
        height: max-content;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card-new h3{
        font-size: 5vw;
    }

    .contact-para{
        font-size: 4.2vw;
    }

    .contact-icon{
        font-size: 5.5vw;
    }
}


@media (min-width:992px) and (max-width:1199px){
    .main-button{
        font-size: 1.3vw;
    }

    .my-card h3{
        font-size: 1.8vw;
    }

    .my-card p{
        font-size: 1.2vw;
    }

    .link{
        font-size: 1.5vw;
    }

    .card-new h3{
        font-size: 1.8vw;
    }

    .card-new p{
        font-size: 1.2vw;
    }

    .not-back-1,.not-back-2,.not-back-3{
        height: 25vh;
    }

    .card-new{
        height: 26vh;
    }

    .contact-para{
        font-size: 1.6vw;
    }


    .home-bottom-back-cover{
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .contact-icon{
        font-size: 2.3vw;
    }
}  


@media (min-width:1200px) and (max-width:1399px){
    
}


@media (min-width:1400px){
    
}