*{
    margin: 0;
    padding: 0;
    
}
body{
    background-color: #fff;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 14px;
    color: #5c5b5b;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

/* slider */
.owl-carousel .item {
    position: relative;
    text-align: center;
}

.owl-carousel img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.grey{
   background-color:#F2F2F2;
   padding: 50px 0px 50px 0px;
}
.blue{
    color: #1E73BE;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: "Quicksand", Sans-serif;
}
section p{
    text-align: center;
    margin: 0px 69px 0px 68px;
    color: #000000;
    font-family: "Quicksand", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
}
.cc{
    margin-top: 50px !important;
}
.white{
    padding: 50px 0px 50px 0px;
}
.prd{
    margin-bottom: 15px;
}
.abt-sec h3{
margin-bottom: 30px;
}
.abt-sec p{
line-height: 1.8em;
font-style: italic;
color: #000000 !important;
font-family: "Quicksand", Sans-serif;
font-size: 15px;
text-align: left;
font-weight: 500;

}
.card p{
    font-style: normal;
    text-align: center;
}
/* about */

 .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 15px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); 
    border-radius: 10px; 
    z-index: 10;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.card-body i , .cont-body i{
    color: #1E73BE;
}
.card-title{
    color: #1E73BE !important;
    font-size: 26px;
}

/* contact */
.cont{
    padding: 10px;
    height: 160px;
}
.con-text{
    padding-top: 20px;
}
.con-text a{
    text-decoration: none;
    color: #5c5b5b;
}
.cont-text a{
    text-decoration: none;
    color: #5c5b5b;
}

.w-30 {
    width: 30%;
}
.red{
    color: red;
}
.ct-btn {
    background-color: grey !important; 
    color: white; 
    border: none; 
    border-radius: 30px;
    font-weight: bold; 
    transition: all 0.3s ease; 
    text-align: center; 
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.ct-btn:hover {
    background-color: grey; 
    transform: translateY(-3px); 
    box-shadow: 0 6px 12px rgba(0, 123, 255, 0.4); 
}

.ct-btn:focus {
    outline: none; 
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); 
}
.new-sec p{
    font-family: "Quicksand", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #7a7a7a;
    margin-bottom: 40px;
}
.prd-list span , .prd-list i{
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .cont{
height: fit-content;
    }
}

.new-sec{
    padding: 50px 0px 0px 0px;
}

.new-sec p{
    text-align: justify;
}
.image-box {
    overflow: hidden;
}

.bordered-img {
    border: 5px solid grey; 
    transition: transform 0.3s ease;
    border-radius: 30px;
}

.bordered-img:hover {
    transform: scale(1.1);
}
.prd-list span{
   

    font-family: "Quicksand", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #7a7a7a;
}
.prd-list i{
    font-size: 18px;
}



/* mobile-view */
@media screen and (max-width:1300px) {
    section p{
        margin: 0px 0px 0px 0px;
    }
}


@media screen and (max-width:768px) {
    .blue{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .abt-sec h3,.prd-list span, .prd-list i{
        margin-bottom: 0px;
    }
    .abt-sec p{
        text-align: justify;
    }
    section p{
        font-size: 14px;
        text-align: justify;
    }
    .grey {
        padding: 20px 0px 20px 0px;
    }
    .white {
        padding: 20px 0px 20px 0px;
    }
    .card{
        margin-bottom: 10px;
    }
    .cont-body i{
        font-size: 20px;
    }
    .prd-list span{
        font-size: 16px;
    }
    .cc{
        margin-top: 10px !important;
    }
    .card-title {
        font-size: 20px;
    }
}