body{
    background-color: var(--bs-background);
    color: white;
}
.logo{
    margin-top: 0.4rem;
    padding: 1rem;
}
.logo_img{
    width: 260px;
    height: 42px;
}
.logo_bar{
    width: 38%;
    margin: auto;
    height: 1.5px;
    background-color: var(--bs-primary);
}
.menu{
    margin-inline: 8rem;
    margin-top: 0.1rem;
    margin-bottom: 1rem;
    /* margin-block-start : 5px; */
}
.menu_text{

    text-decoration: none;
    text-align: center;
    color: var(--bs-primary);
    font-weight: 600;
    font-size: medium;
    /* font-size: large; */
    /* padding: 1rem; */
    font-weight: bolder;
    line-height: 80%;
  
}
.menu_text > p{ 
    margin-top: 8px;
    margin-bottom: 5px;
    font-family: heavyFont;

}
.main{
    margin-inline: 8rem ;
    /* margin-bottom: 2rem; */
}
.banner{
    /* margin-inline: 5%; */
    /* width: 90%; */
    height: 280px;
}
a{
    color: --bs-primary !important;
}
.server-main{
    margin-block: 1rem;
    margin-inline: 0.3rem;
}
.center-div {
    height: 100vh; /* Full height of the viewport */
}
.server-div{

    padding: 0.6rem;
    padding-inline: 1rem;
}  
.server-div > img {
    padding-block : 1rem;
    padding-inline : 0.7rem;
    margin-block: 1rem;
}
.server-img1 {
    padding: 0.93rem;
    padding-top: 1.3rem;

}
.server-div > div {
    background-color: rgb(50, 50, 50 );
    /* padding-block: 1rem; */
    border-radius: 1rem;

}

.server-img{
    margin-bottom: 0.85rem;
    padding-inline: 0.2rem;
}
.company_main {
    /* pa */
    margin-top: 3rem;
}
.company-tit > h2{
    text-align: center;
    /* font-family: "calibri"; */
    font-family: heavyItalicFont;
    /* font-weight: 700; */
    /* letter-spacing: 0.1rem; */
    font-style: oblique;
    margin: 0.5rem;
}

.company-logo-div > div{
    margin-inline: 1.2rem;
    margin-block: 0.4rem;
}
.company-logo-div > div > img{
    width: 105px;
    height: 105px;
}

.patner-title {
    font-weight: 100;
    font-style: normal;
    font-family: lightFont;
    margin-top: 2rem;
    text-align: center;
}
.partner-logo{
    margin-inline: 6rem;
}
.partner-line{ 
    width: 88%;
    margin: auto;
    height: 1.8px;
    background-color: var(--bs-primary);
}
.footer{
    
    margin: 2rem;
}

.social{
    /* margin-inline: 35%; */
    margin-block: 2rem ;
}

.Copyright{
    /* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */

    margin-top: 0.7rem;
    text-align: center;
    font-weight: 100;
    color: rgb(73, 108, 138);
    font-family: lightFont;

    /* font-family: 'calibri', Courier, monospace; */
}
/* 
.break {
    display: block;
    height: 0.5rem;
    margin: 0;
    padding: 0;
} */
.text-primary{
    color: var(--bs-primary) !important;
}

@media only screen and (max-width: 800px) {
    body {
      /* background-color: lightblue; */
    }
    .main{
        margin-inline: 0.01rem;
    }
    
    .banner{
        /* margin-inline: 5%; */
        width: 100%;
        height: 160px;
    }
    .no-pad > img{
        padding: 0px !important;
    }
     
    .logo_bar{
        width: 83%;
        margin: auto;
        height: 1.5px;
        background-color: var(--bs-primary);
    }
    
    .logo_img{
        width: 200px;
        height: 32px;
    }
    .menu_text{
        color: white;
    }
    .server-div{
        margin-bottom: 0.5rem;
        padding-inline: 0.2rem;
    } 
    .server-img{
        margin-top: 0.25rem;
        margin-bottom: 0.55rem;
        width: 180;
        height: 50;
    }
    .partner-logo{
        margin-inline: 0.1rem;
    }
    
    .menu{
        margin-inline: 1.5rem;
        margin-inline-start: 2px !important;
        margin-top: 0.1rem;
        margin-bottom: 1rem;
        /* margin-block-start : 5px; */
    }
    .server-img1{
        margin-top: 0.5rem;
        width: 220px;
        height: 47px;
        padding: 0.3rem;
    }
    /* .company-logo-div > div{
        margin-inline: 0rem;
        margin-block: 0.1rem;
    } */
    .company-logo-div{
        margin-inline-start: 0.2rem;
    }
    .partner-logo{
        margin-inline: 0.1rem;
    }
    
    .company-logo-div > div{
        margin-inline: 0rem;
        margin-block: 0.05rem;
        --bs-gutter-x : 0.5rem;
    }
    .company-logo-div > div > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    
    }
    .partner-img{
        padding: 0.1rem ;
        padding-top: 5px !important;
        width: 90px;
        height: 90px;
    }
        
    .partner-line{ 
        width: 77%;
        margin: auto;
        height: 2.4px;
        background-color: var(--bs-primary);
    }
    .Copyright{
        font-size: 11px;
        font-weight: 50;
    }
    .soc-logo{
        width: 25px;
        height: 25px;
    }
    .footer{
        margin-block: 0.5rem;
    }
    .social{
        /* margin-inline: 35%; */
        margin-block: 0.5rem ;
    }

}