*{
    margin: 0;
    padding: 0;
}
body{
    height: 100vh;
    width: 100%;
    background-color: #F5F5DC;
    font-family: inter;
}
@font-face {
    font-family: inter;
    src: url("Adamina-Regular.woff2");
}
.navbar{
    height: 20vh;
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    #logo{
        height: 80%;
        width: 22%;
        /* background-color: salmon; */
        display: flex;
        justify-content: center;
        align-items: center;
        #inner_logo{
            height: 70%;
            width: 90%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 5vh;
            
        }
        
    }
    a{
        text-decoration: none;
        color:#05003A;
    }
    #nav_2{
        height: 80%;
        width: 60%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-family: inter;
        font-size:0.8rem;
        font-weight: 100;
        h1{
            font-weight: 600;
        }
        
        
        /* background-color: rgb(167, 119, 119); */
        h2:hover{
            scale:1.2;
            
        }
    }
    #SignUp{
        height: 80%;
        width: 18%;
        /* background-color: salmon; */
        
        a{
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            button{
                height: 40%;
                width: 60%;
                font-family: inter;
                color:white;
                background-color: #05003A;
                border-style: none;
                border:solid 1px white;
                border-radius: 2vw;
            }
            button:hover{
                font-size:1.2rem;
                
            }
        }
        
    }
}

@keyframes change {
    0%{
        background-color: red;
        height: 200px;
        display: none;
        img{
            z-index: -1;
        }

    }
    100%{
        display: block;
        img{
            z-index: 2;
        }
    }
    
}
.home{
    height: 70vh;
    width: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
    gap:3vw;
    #home_text{
        height: 80%;
        width:40%;
        /* background-color: sandybrown; */
        display: flex;
        justify-content: center;
        align-items: center;
        #inner_home_text{
            height: 60%;
            width: 100%;
            /* background-color: black; */
            color:white;
            
            h1{
                font-size: 2.8rem;
                font-family: inter;
                font-weight: 100;
                text-align: justify;
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
            #gr{
                    color:#00703A;
                }
            }
            h3{
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.2rem;
                font-family: inter;
                text-align: center;
                font-weight: 100;
                color:#05003A;
                #gr{
                    color:#00703A;
                }
            }
        }
    }
    #home_image{
        height: 80%;
        width:40%;
        background-color: #F5F5DC;
        border-radius: 20px;
        /* animation: change 2s linear infinite; */
        img{
            height: 100%;
            width: 100%;
            object-fit: fill;
            border-radius: 2vw;
        }
    }
}

.home_button{
    height: 10vh;
    width: 100%;
    /* background-color: black; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    #button_aboutus{
        height: 75%;
        width: 20%;
        /* background-color: saddlebrown; */
        
        a{
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            button{
                height: 100%;
                width: 80%;
                border-radius: 2vw;
                border-style: none;
                background-color: #05003a;
                color: white;
                font-family: inter;
                font-size: 1.1rem;
                border:solid #000000 2px;
            }
        }
        
        
    }
}
/* VERTICALS CODE------------------------------------------------------------------------------------- */

.verticals{
    height: 100vh;
    width: 100%;
    
    
    #verticals_title{
        height: 15%;
        width: 100%;
        background-color: #F5F5DC;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        #v_title{
            height: 90%;
            width: 50%;
            /* background-color: aliceblue; */
            color:#05003A;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    #verticals_2{
        height: 70%;
        width: 100%;
       background-color: white;
        
        display: flex;
        background-repeat: no-repeat;
        background-size:contain;
        justify-content: space-evenly;
        align-items: center;


        
        #trading{
            
            height: 90%;
            width: 30%;
            z-index: 2;
            background-image: url("3rd\ image.webp");
            background-position: center;
            background-size: cover;
            
            border-radius: 10%;
            overflow: hidden;
            #trading_title{
                height: 70%;
                width: 100%;
                display: flex;
                
                justify-content: center;
                align-items: center;
                /* background-color: rgb(201, 152, 152); */
                #h1_trading_title{
                    height: 100%;
                    width: 100%;
                    background-color: black;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-family: inter;
                    opacity: 0.7;
                    h3{
                        color: white;
                        font-family: inter;
                        display: flex;
                        padding-top: 10vh;
                        text-align: center;
                        font-size: 2rem;
                        font-family: inter;
                        
                    }
                }
                
                
            }
            #trading_button{
                height: 30%;
                width: 100%;
                /* background-color: rgb(204, 105, 105); */
                background-color: rgb(0, 0, 0,0.7);
                #button_trading_button{
                    height: 100%;
                    width: 100%;
                    
                    a{
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        
                        align-items: center;
                        text-decoration: none;    
                        button{
                            height: 40%;
                            width: 40%;
                            background-color: #05003B;
                            color: white;
                            border-style: none;
                            border-radius: 2vw;
                            font-size:1.2rem;
                            border: solid white 1px;
                            font-family: inter;
                            
                        }
                    }
                }
            }
        }

        #construction{
            height: 90%;
            width: 30%;
            background-color: rgb(136, 154, 170);
            background-image: url("construction.webp");
            background-position: center;
            background-size: cover;
            border-radius: 10%;
            overflow: hidden;
            #construction_title{
                height: 70%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                /* background-color: rgb(201, 152, 152); */
                #h1_construction_title{
                    height: 100%;
                    width: 100%;
                    background-color: black;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    opacity: 0.8;
                    h3{
                        color: white;
                        font-family: inter;
                        display: flex;
                        padding-top: 10vh;
                        text-align: center;
                        font-size: 1.7rem;
                        
                    }
                }
                
                
            }
            #construction_button{
                height: 30%;
                width: 100%;
                /* background-color: rgb(204, 105, 105); */
                background-color: rgb(0, 0, 0,0.8);
                #button_construction_button{
                    height: 100%;
                    width: 100%;
                    
                    a{
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        
                        align-items: center;
                        text-decoration: none;    
                        button{
                            height: 40%;
                            width: 40%;
                            background-color: #05003B;
                            color: white;
                            border-style: none;
                            border-radius: 2vw;
                            font-size:1.2rem;
                            border: solid white 1px;
                            font-family: inter;
                            
                        }
                    }
                }
            }
        }
    }
    #verticals_enquire{
        height: 15%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        #enquire_button{
            height: 80%;
            width: 23%;
            
            
            a{
                display: flex;
            justify-content: center;
            align-items: center;
                height: 100%;
                width: 100%;
                
                text-decoration: none;
                button{
                    width: 80%;
                    height: 70%;
                    background-color: #05003A;
                    border-style: none;
                    border:solid rgb(0, 0, 0) 2px;
                    font-family: inter;
                    color:white;
                    border-radius: 10vw;
                    
                }
            }
        }
    }

}

/* OUR_TEAM CODE------------------------------------------------------------------------------------ */
.our_team{
    height: 100vh;
    width: 100%;
    background-color: #F5F5DC;

    #our_team_title{
        height: 15%;
        width: 100%;
        /* background-color: rgb(213, 224, 235); */
        display: flex;
        justify-content: center;
        align-items: center;
        #our_title{
            height: 90%;
            width: 60%;
            /* background-color: rgb(58, 55, 55); */
            color:#05003A;
            font-family: inter;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }



    #our_team_2{
        height: 85%;
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        background-color: white;
        #div_2_image{
            height: 80%;
            width: 30%;
            
            #upper_div_2{
                height: 50%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                #inner_upper_div_2{
                    height: 70%;
                    width: 70%;
                    border-radius: 12vw;

                    img{
                        object-fit: contain;
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            #lower_div_2{
                height: 50%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                #inner_lower_div_2{
                    height: 70%;
                    width: 70%;
                    border-radius: 12vw;
                }
                img{
                    object-fit: contain;
                    width: 100%;
                    height: 100%;
                }

            }
        }
        #div_2_text{
            height: 100%;
            width: 50%;
            
            #inner_div_2_text{
                height: 100%;
                width: 100%;
                display: flex;
                    justify-content: center;
                    align-items: center;
                h3{
                    padding:2vh 2vw 2vh 2vw;
                    color:#05003A;
                    font-family: inter;
                    text-align: justify;
                    font-weight: 500;
                    line-height: 150%;
                }
            }
        }
    }
}

/* Clients --------------------------------------------------------------------------*/

@keyframes moves {
    from{
        transform:translateX(0%);
    }
    to{
        transform: translateX(calc(-1300%));
    }
    
}
.clients{
    height: 80vh;
    width: 100%;
    /* background-color: saddlebrown; */
    overflow: hidden;
    #clients_title{
        height: 15%;
        width: 100%;
        background-color: #F5F5DC;
        display: flex;
        justify-content: center;
        align-items: center;
        #clients_title_text{
            height: 90%;
            width: 60%;
            display: flex;
            justify-content: center;
            align-items: center;
            color:#05003A;
        }
    }

    .clients_slider{
        height: 90%;
        width: 100%;
        /* background-color: rgb(161, 138, 138); */
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        background-color: #00703A;
        
        /* ?padding: 2vh; */
        #slider_container{
            
            height: 80%;
            width: 100%;
            display: inline-block;
            align-content: center;
            white-space: nowrap;
            .slides{
                animation: moves 30s linear infinite;
                height: 80%;
                width: 30%;
                
                display: inline-block;
                overflow-x: hidden;
                color: white;
                overflow: hidden;
                border: solid 0.8vh #000000;
                border-radius: 10px;
                /* img{
                    height: 20%;
                    width: 70%;
                    transform: translateX(10vw);
                    transform: translate(5vw,20vh);
                } */
                 img{
                    object-fit: contain;
                 }
                 

                 
            }
            #img2{
                /* background-color: white;
            
                width: 30%;
                background-color: #000000;
                img{
                    height: 100%;
                    width: 100%;
                    object-fit: fill;
                } */
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
             }
             #img1{
                /* background-color: white;
                width: 30%;
                
                img{
                    transform: translateY(15vh);    
                    width: 100%;
                    ;
                    object-fit: fill;
                } */
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
             }
             #img3{
                /* background-color: white;
            
                width: 30%;
                background-color: #000000;
                img{
                    
                    width: 100%;
                    object-fit: fill;
                } */
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
             }
             #img4{
                /* background-color: red;
                img{
                    width: 100%;
                    object-fit: fill;
                    height: 100%;
                } */
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }

                
             }
             #img5{
                /* background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: fill;
                } */
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
            }
            #img6{
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
            }
            #img7{
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(40%);
                }
            }
            #img8{
                background-color: white;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: calc(20%);
                }
            }
            
        }
        


        
    }

    
}

/* about us page----------------------------------------------------------------------------------------- */
#contact_title{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15vh;
    background-color: #F5F5DC;
    h1{
        font-size: 2.4rem;
        font-family: inter;
        color:#05003A;
    }
}
.contact_page{
    width: 100%;
    max-height: 100%;
    background-color: #00703A;
    padding-top:5vh;
    padding-bottom: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_div{
    width: 80vw;
    height: 90vh;
    
    display: flex;
    justify-content: space-around;
    
}

.contact_left{
    font-family: inter;
    width: 50%;
    height: 100%;
    background-color: white;
    border-radius: 4%;
    margin-right: 2vw;

    /* .left1{
        width: 100%;
        height: 20%;
        
        

        h1{
            padding-top: 7%;
            
            
        }
        h2{
            color:#05003B;
            padding-left: 7%;
        }
        p{
            color: #05003B;
            padding-left: 7%;
        }
    } */
    .left2{
        width: 100%;
        height: 60%;
        

        h2{
            padding-top: 10%;
            padding-bottom: 5%;
            font-size: 2rem;
            color:#05003B;
            padding-left: 7%;
        }
        h4{
            padding-bottom: 2%;
            padding-top: 6%;
            color: #05003B;
            padding-left: 7%;
        }
        p{
            color: #00703A;
            padding-left: 7%;
            
        }
    }
    .left3{
        width: 100%;
        height: 20%;
        

        .btn1{
            /* display: flex;
            justify-content: center; */
            padding-top: 35px;
            padding-left: 25%;
        }
        .btn1 button{
            width: 60%;
            height: 50px;
            background-color: #F3EEEE;
            border-style: none;
            border-radius: 30px;

            h1{
                font-size: 1.2 rem;
            }
            
        }
    }
}
.contact_right{
    width: 50%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    font-family: inter;
    border-radius: 4%;

    
    h1{
        color: #05003B;
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .map{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    iframe{
        width: 60%;
        height: 40vh;
        border-radius: 20px;
    }
}



/* @media only screen and (max-width:580px){
    .contact_div{
        display: block;
        height: 100%;
    }
    .contact_left{
        width: 100%;
        margin-top:5vh;
    }
    .contact_right{
        
        width: 100%;
        height: 50%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        iframe{
            width: 90%;
            height: 35vh;
            border-radius: 20px;
        }
        h1{
            padding-top: 3vh;
        }
    }
} */


/* FOOTER---------------------------------------------------------------------------------------------- */
.home_footer{
    height: 90vh;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    #inner_footer{
        height: 80%;
        width: 90%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        
    }
    
    .five_inner{
        height: 90%;
        width: 19%;
        background-color: rgb(255, 255, 255);
    }
    #five_logo{
        width:25%;
        #five_logo_text{
            height: 20%;
            width: 100%;
            background-color: rgb(255, 255, 255);
            color:#05003A;
            font-family: inter;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            
        }
        #five_logo_image{
            height: 80%;
            width: 100%;
            
            display: flex;
            justify-content: center;
            align-items: center;
            
        }
    }
    #five_services{
        width: 19%;
        #five_services_h1{
            height: 20%;
            width: 100%;
            background-color: rgb(255, 255, 255);
            color:#05003A;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: inter;
        }
        #five_services_others{
            height: 80%;
            width: 100%;
            font-family: inter;
            text-align: center;
            a{
                text-decoration: none;
            }
            h4{
                padding:2vh 2vw 2vh 2vw;
                color:#05003A;
                /* font-weight: 600; */
            }
        }
    }
    #five_companies{
        width: 19%;
        #five_Companies_h1{
            height: 20%;
            width: 100%;
            background-color: rgb(255, 255, 255);
            color:#05003A;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: inter;
            
        }
        #five_Companies_others{
            height: 80%;
            width: 100%;
            font-family: inter;
            text-align: center;
            a{
                text-decoration: none;
                color:#05003A;
            }
            h4{
                padding:2vh 2vw 2vh 2vw;
                color:#05003A;
                
            }
        }
    }
    #five_Contact{
        width: 19%;
        #five_Contact_h1{
            height: 20%;
            width: 100%;
            background-color: rgb(255, 255, 255);
            color:#05003A;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: inter;
        }
        #five_Contact_others{
            height: 80%;
            width: 100%;
            font-family: inter;
            text-align: center;
            h4{
                padding:2vh 2vw 2vh 2vw;
                color:#05003A;
            }
        }
    }
    #five_address{
        width: 19%;
        background-color: rgb(141, 107, 107);
        #five_Address_h1{
            height: 20%;
            width: 100%;
            background-color: rgb(255, 255, 255);
            color:#05003A;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: inter;
        }
        #five_Address_others{
            height: 80%;
            width: 100%;
            background-color: white;
            font-family: inter;
            text-align: center;
            /* display: flex;
            justify-content: center;
            align-items: center; */
            h4{
                padding:2vh 2vw 2vh 2vw;
                color:#05003A;
                
            }
        }
    }
}

.copyright{
    height: 3vh;
    width: 100%;
    background-color: white;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    #inner_copyright{
        height: 90%;
        width: 50%;
        
        
        display: flex;
        justify-content: center;
        align-items: center;
        p{
            font-size:0.6rem;
            font-family: inter;
            display: block; 
            a{
                text-decoration: none;
                color: black;
            }
        }
    }
}

.navbar_mobile{
    height: 10vh;
    width: 100%;
    background-color: red;
    display: none;
}

/* 
-----------------------RESPONSIVE------------------------------- */

@media only screen and (max-width: 650px) {
    /* Mobile styles */
    .navbar{
        height: 10vh;
        width: 100%;
        background-color: #F5F5DC;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        #logo{
            height: 100%;
            width: 22%;
            /* background-color: salmon; */
            display: flex;
            justify-content: center;
            align-items: center;
            #inner_logo{
                height: 100%;
                width: 100%;
                /* display: flex;
                justify-content: center;
                align-items: center; */
                
                img{
                    object-fit: contain;
                    height: 100%;
                    width: 100%;
                    margin-bottom: 3vh;
                }
            }
            
        }
        a{
            text-decoration: none;
            color:#05003A;
        }
        #nav_2{
            height: 80%;
            width: 60%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            font-family: inter;
            
            font-weight: 100;
            h2{
                font-weight: 600;
                font-size:0.5rem;
            }
            
            
            /* background-color: rgb(167, 119, 119); */
            h2:hover{
                scale:1.2;
                
            }
        }
        #SignUp{
            height: 80%;
            width: 18%;
            
            a{
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                button{
                    font-size: 0.7rem;
                    height: 40%;
                    width: 90%;
                    font-family: inter;
                    color:white;
                    background-color: #05003A;
                    border-style: none;
                    border:solid 1px white;
                    border-radius: 3vw;
                    font-size: 0.5rem;
                }
                button:hover{
                    font-size:1.1rem;
                    
                }
            }
            
        }
    }
    
    @keyframes change {
        0%{
            background-color: red;
            height: 200px;
            display: none;
            img{
                z-index: -1;
            }
    
        }
        100%{
            display: block;
            img{
                z-index: 2;
            }
        }
        
    }
    .home{
        height: 30vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap:3vw;
        #home_text{
            height: 80%;
            width:50%;
            display: flex;
            justify-content: center;
            align-items: center;
            #inner_home_text{
                height: 60%;
                width: 100%;
                
                h1{
                    font-size: 1rem;
                    font-family: inter;
                    font-weight: 100;
                    text-align: justify;
                    color:#05003A;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                #gr{
                        color:#00703A;
                    }
                }
                h3{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 0.5rem;
                    font-family: inter;
                    text-align: center;
                    font-weight: 100;
                    color:#05003A;
                    #gr{
                        color:#00703A;
                    }
                }
            }
        }
        #home_image{
            height: 50%;
            width:40%;
            background-color: #F5F5DC;
            border-radius: 5vw;
            /* animation: change 2s linear infinite; */
            img{
                height: 100%;
                width: 100%;
                object-fit: contain;
                border-radius: 2vw;
            }
        }
    }
    
    .home_button{
        height: 5vh;
        width: 100%;
        
        /* background-color: black; */
        display: flex;
        justify-content: center;
        align-items: center;
        #button_aboutus{
            height: 75%;
            width: 40%;
            /* background-color: saddlebrown; */
            
            a{
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                text-decoration: none;
                button{
                    height: 100%;
                    width: 100%;
                    border-radius: 4vw;
                    border-style: none;
                    background-color: #05003a;
                    color: white;
                    font-family: inter;
                    font-size: 0.8rem;
                    border:solid #000000 2px;
                }
            }
            
            
        }
    }
    /* VERTICALS CODE------------------------------------------------------------------------------------- */
    
    .verticals{
        height: 50vh;
        width: 100%;
        
        
        #verticals_title{
            height: 20%;
            width: 100%;
            background-color: #F5F5DC;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            #v_title{
                height: 90%;
                width: 100%;
                /* background-color: aliceblue; */
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 0.6rem;
                font-family: inter;
            }
        }
        #verticals_2{
            height: 70%;
            width: 100%;
           background-color: white;
            
            display: flex;
            background-repeat: no-repeat;
            background-size:contain;
            justify-content: space-evenly;
            align-items: center;
    
    
            
            #trading{
                
                height: 80%;
                width: 40%;
                z-index: 2;
                background-image: url("3rd\ image.webp");
                background-position: center;
                background-size: cover;
                
                border-radius: 2vw;
                overflow: hidden;
                #trading_title{
                    height: 70%;
                    width: 100%;
                    display: flex;
                    
                    justify-content: center;
                    align-items: center;
                    /* background-color: rgb(201, 152, 152); */
                    #h1_trading_title{
                        height: 100%;
                        width: 100%;
                        background-color: black;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-family: inter;
                        opacity: 0.7;
                        h3{
                            color: white;
                            font-family: inter;
                            display: flex;
                            padding-bottom: 10vh;
                            text-align: center;
                            font-size: 1rem;
                            font-family: inter;
                            
                        }
                    }
                    
                    
                }
                #trading_button{
                    height: 30%;
                    width: 100%;
                    /* background-color: rgb(204, 105, 105); */
                    background-color: rgb(0, 0, 0,0.7);
                    #button_trading_button{
                        height: 100%;
                        width: 100%;
                        
                        a{
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            
                            align-items: center;
                            text-decoration: none;    
                            button{
                                height: 50%;
                                width: 60%;
                                background-color: #05003B;
                                color: white;
                                border-style: none;
                                border-radius: 6vw;
                                font-size:1rem;
                                border: solid white 1px;
                                font-family: inter;
                                
                            }
                        }
                    }
                }
            }
    
            #construction{
                height: 80%;
                width: 40%;
                background-color: rgb(136, 154, 170);
                background-image: url("construction.webp");
                background-position: center;
                background-size: cover;
                border-radius: 2vw;
                overflow: hidden;
                #construction_title{
                    height: 70%;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    /* background-color: rgb(201, 152, 152); */
                    #h1_construction_title{
                        height: 100%;
                        width: 100%;
                        background-color: black;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        opacity: 0.8;
                        h3{
                            color: white;
                            font-family: inter;
                            display: flex;
                            padding-bottom: 10vh;
                            text-align: center;
                            font-size: 0.7rem;
                            
                        }
                    }
                    
                    
                }
                #construction_button{
                    height: 30%;
                    width: 100%;
                    /* background-color: rgb(204, 105, 105); */
                    background-color: rgb(0, 0, 0,0.8);
                    #button_construction_button{
                        height: 100%;
                        width: 100%;
                        
                        a{
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            
                            align-items: center;
                            text-decoration: none;    
                            button{
                                height: 50%;
                                width: 60%;
                                background-color: #05003B;
                                color: white;
                                border-style: none;
                                border-radius: 5vw;
                                font-size:1rem;
                                border: solid white 1px;
                                font-family: inter;
                                
                            }
                        }
                    }
                }
            }
        }
        #verticals_enquire{
            height: 15%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: white;
            #enquire_button{
                height: 80%;
                width: 43%;
                
                
                a{
                    display: flex;
                justify-content: center;
                align-items: center;
                    height: 100%;
                    width: 100%;
                    
                    text-decoration: none;
                    button{
                        width: 100%;
                        height: 70%;
                        background-color: #05003A;
                        border-style: none;
                        border:solid rgb(0, 0, 0) 2px;
                        font-family: inter;
                        font-size: 0.8rem;
                        color:white;
                        border-radius: 10vw;
                        margin-bottom: 4vh;
                    }
                }
            }
        }
    
    }
    
    /* OUR_TEAM CODE------------------------------------------------------------------------------------ */
    .our_team{
        height: 50vh;
        width: 100%;
        background-color: #F5F5DC;
    
        #our_team_title{
            height: 20%;
            width: 100%;
            /* background-color: rgb(213, 224, 235); */
            display: flex;
            justify-content: center;
            align-items: center;
            #our_title{
                height: 90%;
                width: 60%;
                /* background-color: rgb(58, 55, 55); */
                color:#05003A;
                font-family: inter;
                display: flex;
                justify-content: center;
                align-items: center;
                h1{
                    font-size: 1.4rem;
                }
            }
        }
    
    
    
        #our_team_2{
            height: 85%;
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            #div_2_image{
                height: 60%;
                width: 30%;
                #upper_div_2{
                    height: 50%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    #inner_upper_div_2{
                        height: 100%;
                        width: 90%;
                        border-radius: 12vw;
                        
                        img{
                            object-fit: contain;
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                #lower_div_2{
                    height: 50%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    #inner_lower_div_2{
                        height: 100%;
                        width: 90%;
                        border-radius: 12vw;
                    }
                    img{
                        object-fit: contain;
                        width: 100%;
                        height: 100%;
                    }
    
                }
            }
            #div_2_text{
                height: 100%;
                width: 50%;
                
                #inner_div_2_text{
                    height: 100%;
                    width: 100%;
                    display: flex;
                        justify-content: center;
                        align-items: center;
                    h3{
                        padding:2vh 2vw 2vh 2vw;
                        color:#05003A;
                        font-family: inter;
                        text-align: justify;
                        font-weight: 500;
                        line-height: 150%;
                        font-size: 0.6rem;
                    }
                }
            }
        }
    }
    
    /* Clients --------------------------------------------------------------------------*/
    
    @keyframes moves {
        from{
            transform:translateX(0%);
        }
        to{
            transform: translateX(calc(-1300%));
        }
        
    }
    .clients{
        height: 50vh;
        width: 100%;
        /* background-color: saddlebrown; */
        overflow: hidden;
        #clients_title{
            height: 20%;
            width: 100%;
            background-color: #F5F5DC;
            display: flex;
            justify-content: center;
            align-items: center;
            #clients_title_text{
                height: 100%;
                width: 100%;
                display: flex;
                /* justify-content: center;
                align-items: center; */
                color:#05003A;
                h1{    
                font-size: 1rem;
                align-content: center;
                padding-top: 2vh;
                }
            }
        }
    
        .clients_slider{
            height: 80%;
            width: 100%;
            /* background-color: rgb(161, 138, 138); */
            display: flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap;
            background-color: #00703A;
            
            /* ?padding: 2vh; */
            #slider_container{
                
                height: 60%;
                width: 100%;
                display: inline-block;
                align-content: center;
                white-space: nowrap;
                .slides{
                    animation: moves 30s linear infinite;
                    height: 80%;
                    width: 30%;
                    
                    display: inline-block;
                    overflow-x: hidden;
                    color: white;
                    overflow: hidden;
                    border: solid 0.8vh #000000;
                    border-radius: 10px;
                    /* img{
                        height: 20%;
                        width: 70%;
                        transform: translateX(10vw);
                        transform: translate(5vw,20vh);
                    } */
                     img{
                        object-fit: contain;
                     }
                     
    
                     
                }
                #img2{
                    /* background-color: white;
                
                    width: 30%;
                    background-color: #000000;
                    img{
                        height: 100%;
                        width: 100%;
                        object-fit: fill;
                    } */
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                 }
                 #img1{
                    /* background-color: white;
                    width: 30%;
                    
                    img{
                        transform: translateY(15vh);    
                        width: 100%;
                        ;
                        object-fit: fill;
                    } */
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                 }
                 #img3{
                    /* background-color: white;
                
                    width: 30%;
                    background-color: #000000;
                    img{
                        
                        width: 100%;
                        object-fit: fill;
                    } */
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                 }
                 #img4{
                    /* background-color: red;
                    img{
                        width: 100%;
                        object-fit: fill;
                        height: 100%;
                    } */
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
    
                    
                 }
                 #img5{
                    /* background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: fill;
                    } */
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                }
                #img6{
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                }
                #img7{
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(40%);
                    }
                }
                #img8{
                    background-color: white;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: calc(20%);
                    }
                }
                
            }
            
    
    
            
        }
    
        
    }
    
    /* about us page----------------------------------------------------------------------------------------- */
    #contact_title{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10vh;
        background-color: #F5F5DC;
        h1{
            font-size: 2.4rem;
            font-family: inter;
            color:#05003A;
        }
    }
    .contact_page{
        width: 100%;
        max-height: 100%;
        background-color: #00703A;
        padding-top:5vh;
        padding-bottom: 5vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .contact_div{
        width: 80vw;
        height: 60vh;
        
        display: flex;
        justify-content: space-around;
        
    }
    
    .contact_left{
        font-family: inter;
        width: 50%;
        height: 100%;
        background-color: white;
        border-radius: 4vw;
        margin-right: 2vw;
    
        /* .left1{
            width: 100%;
            height: 20%;
            
            
    
            h1{
                padding-top: 7%;
                
                
            }
            h2{
                color:#05003B;
                padding-left: 7%;
            }
            p{
                color: #05003B;
                padding-left: 7%;
            }
        } */
        .left2{
            width: 100%;
            height: 60%;
            
    
            h2{
                padding-top: 10%;
                padding-bottom: 5%;
                font-size: 2rem;
                color:#05003B;
                padding-left: 7%;
            }
            h4{
                padding-bottom: 2%;
                padding-top: 6%;
                color: #05003B;
                padding-left: 7%;
            }
            p{
                color: #00703A;
                padding-left: 7%;
                
            }
        }
        .left3{
            width: 100%;
            height: 20%;
            
    
            .btn1{
                /* display: flex;
                justify-content: center; */
                padding-top: 35px;
                padding-left: 25%;
            }
            .btn1 button{
                width: 60%;
                height: 50px;
                background-color: #F3EEEE;
                border-style: none;
                border-radius: 30px;
    
                h1{
                    font-size: 1.2 rem;
                }
                
            }
        }
    }
    .contact_right{
        width: 50%;
        height: 100%;
        background-color: rgb(255, 255, 255);
        font-family: inter;
        border-radius: 4vw;
    
        
        h1{
            color: #05003B;
            text-align: center;
            margin-top: 10%;
            margin-bottom: 10%;
        }
        .map{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        iframe{
            width: 60%;
            height: 40vh;
            border-radius: 20px;
        }
    }
    
    
    
    @media only screen and (max-width:650px){
        #contact_title{
            width: 100%;
            h1{
                font-size: 1.4rem;
            }
        }
        .contact_div{
            display: block;
            height: 100%;
        }
        .contact_left{
            width: 100%;
            .left2{
                h2{
                    font-size: 1.4rem;
                }
                h4{
                    font-size: 0.9rem;
                    padding-bottom: 1vh;
                }
                p{
                    font-size: 0.8rem;
                    padding-bottom: 1vh;
                }
            }
        }
        .contact_right{
            
            width: 100%;
            height: 50%;
            margin-top: 10vh;
            margin-bottom: 10vh;
            iframe{
                width: 70%;
                height: 35vh;
                border-radius: 20px;
            }
            h1{
                padding-top: 3vh;
                font-size:1rem;
            }
        }
    }
    
    
    /* FOOTER---------------------------------------------------------------------------------------------- */
    .home_footer{
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        #inner_footer{
            height: 80%;
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }
        /* #five_services_h1{
            h1{
                font-size: 1rem;
            }
        } */
        .five_inner{
            height: 90%;
            width: 100%;
        }
        #five_logo{
            width:25%;
            #five_logo_text{
                height: 20%;
                width: 100%;
                color:#05003A;
                font-family: inter;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                h2{
                    font-size: 0.5rem;
                    font-weight: 800;
                }
            }
            #five_logo_image{
                height: 40%;
                width: 100%;
                padding-top:3vh;
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    object-fit: contain;
                    height: 100%;
                width: 100%;
                }
            }
        }
        #five_services{
            width: 19%;
            #five_services_h1{
                height: 20%;
                width: 100%;
                background-color: rgb(255, 255, 255);
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: inter;
                h1{
                    font-size: 0.7rem;
                }
            }
            #five_services_others{
                height: 80%;
                width: 100%;
                font-family: inter;
                text-align: center;
                padding-top:3vh;
                a{
                    text-decoration: none;
                }
                h4{
                    padding:1vh 1vw 1vh 1vw;
                    color:#05003A;
                    font-size: 0.4rem;
                }
            }
        }
        #five_companies{
            width: 19%;
            #five_Companies_h1{
                height: 20%;
                width: 100%;
                background-color: rgb(255, 255, 255);
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: inter;
                h1{
                    font-size: 0.7rem;
                }
                
            }
            #five_Companies_others{
                height: 80%;
                width: 100%;
                font-family: inter;
                text-align: center;
                overflow: hidden;
                padding-top: 3vh;
                a{
                    text-decoration: none;
                    color:#05003A;
                }
                h4{
                    padding:1vh 2vw 1vh 2vw;
                    color:#05003A;
                    font-size: 0.4rem;
                    
                }
            }
        }
        #five_Contact{
            width: 19%;
            #five_Contact_h1{
                height: 20%;
                width: 100%;
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: inter;
                h1{
                    font-size: 0.7rem;
                }
            }
            #five_Contact_others{
                height: 80%;
                width: 100%;
                font-family: inter;
                text-align: center;
                padding-top: 3vh;
                h4{
                    padding:1vh 0vw 1vh 0vw;
                    color:#05003A;
                    font-size: 0.4rem;
                }
            }
        }
        #five_address{
            width: 19%;
            #five_Address_h1{
                height: 20%;
                width: 100%;
                color:#05003A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: inter;
                h1{
                    font-size: 0.7rem;
                }
            }
            #five_Address_others{
                height: 80%;
                width: 100%;
                font-family: inter;
                text-align: center;
                padding-top: 3vh;
                /* display: flex;
                justify-content: center;
                align-items: center; */
                h4{
                    padding:1vh 2vw 1vh 2vw;
                    color:#05003A;
                    font-size: 0.4rem;
                }
            }
        }
    }
    
    .copyright{
        height: 3vh;
        width: 100%;
        background-color: white;
        color:white;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        
        #inner_copyright{
            height: 90%;
            width: 50%;
            
            
            display: flex;
            justify-content: center;
            align-items: center;
            p{
                font-size:0.5rem;
                font-family: inter;
                margin-bottom: 10vh;
                display: block; 
                a{
                    text-decoration: none;
                    color: black;
                }
            }
        }
    }
    
  }
/* 
------------------------------------FOR MOBILE DEVICES ABOVE------------------------- */