*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.banner_img{
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.771), rgba(3, 0, 0, 0.745)), url("img/imgagni4.webp");;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.banner_img a button{
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    padding: 5px 40px;
    font-size: 20px;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    color: rgb(0, 117, 0);
    box-shadow: 4px 3px 10px 15px rgb(255, 103, 48);
}
@media only screen and (max-width: 767px){
    .header .navbar{
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #000;
    /* left: 0; */
    width: 100%;
    /* background-color: greenyellow; */
  }
    .banner_img{
        width: 100%;
        height: 60vh;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.771), rgba(3, 0, 0, 0.745)), url("img/imgagni4.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    
    
}
}
.aboutbg_img{
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgba(3, 0, 0, 0.745)), url("img/bg-img.avif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   border: none;
}
.aboutbg_img .about_page .row .about_img{
    height: auto;
}
.aboutbg_img .about_page .row .about_img img{
width: 100%;
height: 330px;
/* margin-top: -50px; */
}
.aboutbg_img .about_page .row .about_content h2{
    font-weight: bold;
    font-size: 5.5rem;
    color: rgb(255, 191, 0);
    margin-top: 150px;
    font-family:'Times New Roman', Times, serif;
}
@media only screen and (max-width: 768px){
    .aboutbg_img .about_page .row .about_content h2{
        font-weight: bold;
        font-size: 3.5rem;
        color: rgb(255, 191, 0);
        margin-top: 50px;
        font-family:'Times New Roman', Times, serif;
    } 
}
.aboutbg_img .about_page .row .about_content p{
    line-height: 29px;
    text-align: justify;
    color: #fff;
}
.aboutbg_img .about_page .row .about_content a >  button{
    padding: 10px 40px;
    margin-top: 30px;
    font-size: 20px;
    border-radius: 6px;
    border: none;
    color: rgb(255, 191, 0);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.amiri-content{
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(3, 0, 0));
    border: none;

}
.amiri-content .container{
    padding: 20px;
}
.amiri-content .container h1{
    color: rgb(198, 161, 0);
    font-size: 3.5rem;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
@media only screen and (max-width: 768px){
    .amiri-content .container h1{
        color: rgb(198, 161, 0);
        font-size: 2.5rem;
        font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    } 
}
.amiri-content .container p{
    color: #fff;
}
.mission_content{
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));
    border: none;
}
.mission_content .container h2{
    color: rgb(198, 161, 0);
    font-weight: bold;
    text-align: center;
    font-size: 3.5rem;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.mission_content .container .lines{
    width: 30%;
    height: 50px;
    position: relative;
}
.mission_content .container .lines img{
    position: absolute;
    width: 100%;
    height: 50px;
    left: 80%;
    top: 0%;
    transform: translate(50%, -50%);
    z-index: 1;
}
@media only screen and (max-width: 768px){
    .mission_content .container .lines{
       
        height: 20px;
        position: relative;
    }
    .mission_content .container .lines img{
        position: absolute;
        width: 100%;
        height: 50px;
        left: 80%;
        top: 0%;
        transform: translate(50%, -50%);
        z-index: 1;
    } 
}
.mission_content .container .our_mission{
    margin-top: 70px;
    position: relative;
}
.mission_content .container .our_mission .ourmission{
    width: 100%;
    height: auto;
    /* border: 1px solid black; */
    
}
.mission_content .container .our_mission  .mission-1{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    /* border: 1px solid rgb(255, 255, 255); */
    position: absolute;
    top: 15%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -70%);
    font-size: 50px;
    box-shadow: 2px 3px 10px rgb(98, 57, 57),
    inset -2px -3px 7px rgb(220, 134, 14);
}
.mission_content .container .our_mission  .mission-1 .fa-rocket{
    color: yellow;
}
.mission_content .container .our_mission .ourmission h3{
    margin-top: 80px;
    font-weight: bold;
    /* color: #fff; */
    -webkit-text-stroke: 0.7px orange;
}
@media only screen and (max-width: 768px){
    .mission_content .container .our_mission .ourmission h3{
        margin-top: 100px;
        font-weight: bold;
        color: #fff;
    }
}
.mission_content .container .our_mission .ourmission p{
    border: 1px solid rgb(159, 98, 0);
    padding: 20px;
    text-align: justify;
    color: #fff;
    border-radius: 14px;
}


.mission_content .container .our_vision{
    margin-top: 70px;
    position: relative;
}

.mission_content .container .our_vision .ourmission{
    width: 100%;
    height: auto;
    /* border: 1px solid black; */
    
}
.mission_content .container .our_vision  .mission-1{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    /* border: 1px solid rgb(255, 255, 255); */
    position: absolute;
    top: 15%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -70%);
    font-size: 50px;
    box-shadow: 2px 3px 10px rgb(98, 57, 57),
    inset -2px -3px 7px rgb(220, 134, 14);
}
.mission_content .container .our_vision  .mission-1 .fa-eye{
    color: yellow;
}
.mission_content .container .our_vision .ourmission h3{
    margin-top: 80px;
    font-weight: bold;
    /* color: #fff; */
    -webkit-text-stroke: 0.7px orange;
}
@media only screen and (max-width: 768px){
    .mission_content .container .our_vision .ourmission h3{
        margin-top: 100px;
        font-weight: bold;
        color: #fff;
    }
}
.mission_content .container .our_vision .ourmission p{
    border: 1px solid rgb(159, 98, 0);
    padding: 20px;
    text-align: justify;
    color: #fff;
    border-radius: 14px;
}
.partners_content{
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));
}
.partners_content .container h3{
    font-size: 4.5rem;
    background-image: linear-gradient( rgb(0, 0, 0), rgb(211, 172, 1));
    color: transparent;
    background-clip: text;
    -webkit-text-stroke: 0.5px rgb(255, 255, 255);
}
.partners_content .container{
    position: relative;
}
.partners_content .container .partnerlines{
    width: 50%;
    height: auto;
    
}
.partners_content .container .lines img{
    position: absolute;
    width: 100%;
    height: 50px;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    z-index: 1;
    
}
@media only screen and (max-width: 767px){
    .partners_content .container .lines img{
        position: absolute;
        width: 100%;
        height: 50px;
        left: 50%;
        top: 15%;
        transform: translate(-50%, -50%);
        z-index: 1;
        
    }
}
@media only screen and (max-width: 767px){
    .partners_content .container h3{
        font-size: 3.5rem;
        background-image: linear-gradient( rgb(0, 0, 0), rgb(211, 172, 1));
        color: transparent;
        background-clip: text;
        -webkit-text-stroke: 0.5px rgb(255, 255, 255);
    }  
}
.partners_content .container .row .partner_carousel{
    width: 100%;
    height: 500px;
    background-image: linear-gradient(to right, rgb(55, 0, 85), rgba(31, 30, 30, 0.664)), url("https://img.freepik.com/free-vector/gambling-ace-card-dark-background-with-text-space-light-effect_1017-54057.jpg?ga=GA1.1.1091755404.1703866454&semt=ais_hybrid");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    position: relative;
    
}
.partners_content .container .row .partner_carousel .owl-carousel{
    width: 100%;
    height: 420px;
    /* border: 1px solid white; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px;
}
.partners_content .container .row .partner_carousel .owl-carousel .slide1{
    width: 100%;
    height: 370px;
    /* border: 1px solid white; */
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px red,
    inset 2px -2px 2px 10px rgb(122, 22, 32);
}
.partners_content .container .row .partner_carousel .owl-carousel .slide1 > a button{
    padding: 10px 40px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    border: 1px solid yellow;
}
.partners_content .container .row .partner_carousel .owl-carousel .slide2 > a button{
    padding: 10px 40px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    border: 1px solid yellow;
}
.partners_content .container .row .partner_carousel .owl-carousel .slide3 > a button{
    padding: 10px 40px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    border: 1px solid yellow;
}
.partners_content .container .row .partner_carousel .owl-carousel .slide2{
    width: 100%;
    height: 370px;
    /* border: 1px solid white; */
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px red,
    inset 2px -2px 2px 10px rgb(122, 22, 32);
}
.partners_content .container .row .partner_carousel .owl-carousel .slide3{
    width: 100%;
    height: 370px;
    /* border: 1px solid white; */
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px red,
    inset 2px -2px 2px 10px rgb(122, 22, 32);
}

/* client-review-start */
.client_review{
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, rgb(201, 0, 0), rgb(0, 0, 0));
}
.client_review .container{
    padding: 30px;
    position: relative;
}
.client_review .container h3{
    margin-left: 25%;
    border-radius: 30px;
    width: 50%;
    font-size: 3.5rem;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: 1px solid white;
}
.client_review .container .slider-wrapper{
    display: flex;
}
.client_review .container .slider-wrapper .client_01{
    width: 100%;
height: auto;
/* border: 1px solid white; */
margin-top: 30px;

}

.client_review .container .slider-wrapper .client_01 .client-1{
    width: 90%;
    padding: 20px;
    /* padding-top: 30px; */
    border: 4px solid rgb(255, 255, 255);
    border-radius: 6px;
    background-image: linear-gradient(rgba(179, 4, 4, 0.778), rgb(143, 33, 0));
    /* background: rgba(255, 255, 255, 0); */
}
.client_review .container .slider-wrapper .client_01 .client-1 h4{
    margin-top: 100px;
}
.client_review .container .slider-wrapper .client_01 .client-1 p{
    text-align: justify;
}

.client_review .container .slider-wrapper .client_01 .client-1 img{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    border-radius: 50%;
    border: 8px solid white;
    margin-top: 20px;
}

@media only screen and (max-width: 768px){
    .client_review{
        width: 100%;
        height: auto;
        background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));
    } 

    .client_review .container h3{
        margin-left: 0;
        border-radius: 30px;
        width: 100%;
        font-size: 2.5rem;
        font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        border: 1px solid white;
    }
}
/* client-review-end */
.bg-img{
    width: 100%;
    height: 400px;
    background-image: linear-gradient(to right, rgb(0, 0, 0),rgba(192, 88, 3, 0.796)), url("https://plus.unsplash.com/premium_photo-1701590725747-ac131d4dcffd?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8d2Vic2l0ZSUyMGJhbm5lcnxlbnwwfHwwfHx8MA%3D%3D");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.bg-img .bg-image{
    width: 80%;
    height: 300px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* border: 1px solid white; */
border-radius: 5px;
}
.bg-img .bg-image h3{
    font-size: 2.4rem;
    margin-top: 90px;
    color: rgb(255, 140, 0);
}
.bg-img .bg-image p{
    color: #fff;
}
.bg-img .bg-image > a button{
    margin-left: 40%;
    padding: 5px 20px;
    border: 1px solid black;
    background-color: transparent;
    color: #fff;
}
@media only screen and (max-width: 767px){
    .bg-img .bg-image h3{
        font-size: 1.4rem;
        margin-top: 1px;
        color: rgb(255, 140, 0);
    }
    .bg-img .bg-image > a button{
        margin-left: 20%;
        padding: 5px 20px;
        border: 1px solid black;
        background-color: transparent;
        color: #fff;
    }
}

/* contact-start */
.contact_banner{
    width: auto;
    height: 100vh;
    background-image: linear-gradient(to left, rgb(0, 0, 0),rgba(31, 31, 31, 0.423)), url("https://t3.ftcdn.net/jpg/01/59/07/92/360_F_159079250_3oo6EuNF6gPjNe3ABeDhMjzzEDlGVdjO.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.contact_banner .container{
    width: 100%;
    height: 40vh;
    /* border: 1px solid black; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contact_banner .container h1{
    font-size: 3.4rem;
    text-align: center;
    color: orangered;
    font-weight: bold;
}
.contact_banner .container p{
    color: #fff;
    text-align: center;
}
.get_id{
    width: 100%;
    height: 20vh;
    background-color: black;
    position: relative;
}
.get_id > a button{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 30px;
    background-color: green;
    color: white;
    border: none;
}

.contact_pagereview{
    width: 100%;
    height: 90vh;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.947),rgba(0, 0, 0, 0.77)), url("https://img1.hscicdn.com/image/upload/f_auto,t_ds_w_1200,q_50/lsci/db/PICTURES/CMS/286100/286173.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_pagereview .container .row{
    display: flex;
}
.contact_pagereview .container .row .contact_01{
height: 90vh;
position: relative;
}
.contact_pagereview .container .row .contact_01 .contact-1{
    width: 90%;
    height: auto;
    /* border: 1px solid wheat; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact_pagereview .container .row .contact_01 .contact-1 h2{
    font-size: 3.1rem;
    color: orangered;
}
.contact_pagereview .container .row .contact_01 .contact-1 p{
    color: #fff;
}
.contact_pagereview .container .row .contact_01 .contact-1 > a button{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -20%);
    padding: 10px 2%;
    background-color: transparent;
    color: white;
    border: 1px solid green;
    border-radius: 5px;
}
.contact_pagereview .container .row .contact_01 .contact-1 > a button:hover{
    background-color: green;
}
.contact_pagereview .container .row .contact_02{
    width: 100%;
    height: 90vh;
    position: relative;
}
.contact_pagereview .container .row .contact_02 img{
    mix-blend-mode: multiply;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.term{
    background-color: rgb(0, 0, 0);
    padding: 20px;
}
.term h1{
    color: #fff;
    font-size: 1.3rem;
}
.term h2{
    font-weight: bold;
    font-size: 2.7rem;
    color: goldenrod;
}
@media only screen and (max-width: 767px){
    .term h1{
        color: #fff;
        font-size: 1.0rem;
    }
    .term h2{
        font-size: 1.2rem;
    }
    .contact_banner .container h2{
        font-size: 1.4rem;
        text-align: center;
        color: orangered;
        font-weight: bold;
    }

    .contact_banner{
        width: auto;
        height: 60vh;
        background-image: linear-gradient(to left, rgb(0, 0, 0),rgba(31, 31, 31, 0.423)), url("https://t3.ftcdn.net/jpg/01/59/07/92/360_F_159079250_3oo6EuNF6gPjNe3ABeDhMjzzEDlGVdjO.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .contact_banner .container{
        width: 100%;
        height: 40vh;
        /* border: 1px solid black; */
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .contact_pagereview .container .row .contact_01 .contact-1{
        width: 90%;
        height: auto;
        /* border: 1px solid wheat; */
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .contact_pagereview .container .row .contact_01 .contact-1 h4{
        font-size: 2.1rem;
        margin-top: 100px;
        color: orangered;
    }
    .contact_pagereview .container .row .contact_02{
        width: 100%;
        height: 60vh;
        position: relative;
    }
    .contact_pagereview{
        width: 100%;
        height: auto;
        background-image: linear-gradient(to left, rgb(0, 0, 0),rgba(0, 0, 0, 0.77)), url("https://img1.hscicdn.com/image/upload/f_auto,t_ds_w_1200,q_50/lsci/db/PICTURES/CMS/286100/286173.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contact_pagereview .container .row .contact_01{
        height: 50vh;
        position: relative;
        }
        .contact_pagereview .container .row .contact_02 img{
            mix-blend-mode: multiply;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            height: 400px;
        }
}
/* contact-end */

.condition{
    width: 100%;
    height: auto;
    background-color: rgb(0, 0, 0);
}
.condition .container .row{
    display: flex;
}
.condition .container .row .condition1 ul{
    margin-top: 20px;
}
.condition .container .row .condition1 ul li{
    padding-top: 20px;
}
.condition .container .row .condition1 ul li::marker{
    color: black;
}
.condition .container .row .condition2 ul{
    margin-top: 20px;
}
.condition .container .row .condition2 ul li{
    padding-top: 20px;
}
.condition .container .row .condition2 ul li::marker{
    color: black;
    
}

.privacy{
    width: 100%;
    height: auto;
    background-color: rgb(0, 0, 0);
    
}
.privacy .container{
    padding: 20px;
}
.privacy .container h1{
    text-align: center;
    color: #fff;
}
.privacy .container p{
    color: #fff;
    margin-top: 20px;
    text-align: justify;
}
.privacy_02{
    width: 100%;
    height: auto;
    background-color: red;
    padding: 10px;
}
.privacy_02 .container ul li{
    margin-top: 20px;
}
.privacy_02 .container p{
    text-align: justify;
    line-height: 27px;
}