body {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



@keyframes scale {

    50% {

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

    }

}



@-webkit-keyframes upNdown2 {
    0% {}

    50% {
        transform: translateX(-30px);
    }

    100% {}
}

@keyframes upNdown2 {
    0% {}

    50% {
        transform: translateX(30px);
    }

    100% {}
}

/* scroll bar*************************************** */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
/* ::-webkit-scrollbar-track {
    background: #156aad;
} */

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1086ae;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #1086ae;
}

/* Header components%%%%%%%%%%%%%% */
header.main-header {
    position: sticky;
    top: 0;
    z-index: 999;
}

.topbar {

    background-color: rgba(21, 106, 173, 255);

    padding: 6px 100px;

    display: flex;

}



nav.navbar.navbar-expand-lg {

    position: sticky;

    top: 0px;

    z-index: 999;

}





a {

    text-decoration: none !important;

    list-style: none;

}



.left-topbar {

    display: flex;

    width: 70%;

}



.left-topbar a {

    padding: 0 20px;

    color: #fff;

    align-items: center;

    display: flex;

    font-size: 16px;



}



.left-topbar i {

    font-size: 1.2rem;

}







.left-topbar a:hover {

    color: #fff;

    font-size: 16px;

}



.left-topbar a span {

    padding: 0 7px;

}



.right-topbar {

    justify-content: flex-end;

    display: flex;

    width: 30%;

    align-items: center;

}



.right-topbar a {

    padding: 0 20px;

    color: #fff;

}



.right-topbar i {

    font-size: 1.2rem;

}



/* .right-topbar a .css-i4bv87-MuiSvgIcon-root{

  font-size: 18px;

  } */

.right-topbar a:hover {

    color: #fff;

}



/* nav&&&&&&&&&&&&&&&&&&&&&&& */



.navbar-expand-lg {

    padding: 0 !important;

}







li.nav-item {

    padding-left: 30px;

}



.me-auto {

    margin-right: auto !important;

    width: 100%;

    display: flex;

    justify-content: flex-end;

}



.navbar-brand img {

    height: 86px;

    width: 100%;

    object-fit: fill;

}



.me-auto a {

    color: #000000;

    font-weight: 600;

    font-size: 16px;

    padding-left: 30px;

}





nav {

    background-color: rgb(252, 252, 252);

}











/* homecomponents ******************* */



.home-image {

    height: 550px;

    object-fit: cover;

    animation: scale 20s linear infinite;

    display: block;

    width: 100%;

}


.carousel-caption {

    left: 100px !important;

    top: 150px !important;

    right: 44% !important;

    text-align: left !important;

}

.caption-crousel h3 {

    font-size: 3.2rem;

    color: #fff;

    margin: 0 0 0.5em;

}



.carousel-caption p {

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    margin: 0 0 2em;

    padding-right: 110px;

}



.crousel-home-button button {

    outline: none;

    border: none;

    margin: 0 10px;

    border-radius: 5px !important;

    font-weight: 500;

    color: #191919;

    font-size: 15px;

    padding: 8px 24px;

    background: #fff;



}



.crousel-home-button button:hover {

    background-image: -webkit-linear-gradient(0deg, #5b5652 0%, #969591 100%);

}



.carousel-control-next,

.carousel-control-prev {

    width: 3% !important;

}



/* HomeAbpur-section################# */

.home-about {

    margin-top: -3rem;

}



.years {

    width: 200px;

    border-radius: 10px;

    height: 200px;

    position: relative;

    top: 130px;

    left: -29px;

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%)
}



.years .years-wrapper {

    padding: 10px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.years .years-wrapper h1 {

    font-size: 80px;

    color: #fff;

    margin: 0;

}



.years .years-wrapper p {

    font-size: 23px;

    color: #fff;

}



.col-md-6.home-about-paragraph {

    padding-top: 200px;

}



.home-about-paragraph-wrapper {

    padding: 150px 50px 50px 50px;

}



.home-container {

    display: flex;

    padding-left: 80px;

}



.home-about-paragraph-wrapper .heading-paragraph {

    color: #1086ae;

    text-transform: uppercase;

    letter-spacing: 4px;

    margin-bottom: 10px;

    font-weight: 700;



}



.home-about-paragraph-wrapper h2 {

    color: #000000;

    margin-bottom: 32px;

    font-weight: 1000;

    font-size: 38px;

}



.home-about-paragraph-wrapper p {

    color: #3b3a3a;

    margin-bottom: 1rem;

    font-size: 18px;



}



.home-about-paragraph-wrapper ul {

    padding: 0;

}



.home-about-paragraph-wrapper ul li {

    list-style: none;

    margin-left: 0;

}



.home-about-paragraph-wrapper ul input {

    margin-left: 0;

    margin-right: 1rem;

    border-radius: 10px !important;

}



.home-about-button {

    border-radius: 5px !important;

    border: none;

    font-weight: 500;

    color: #fff;

    font-size: 16px;

    margin-top: 3rem;

    outline: none;

    padding: 8px 24px;

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%)
}



.home-about-button:hover {

    background-image: -webkit-linear-gradient(0deg, #5b5652 0%, #969591 100%);

}



/* counter ********************************* */

.counter {

    margin-top: 5rem;

}



.counter-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: url(http://wordpress.zcube.in/aquato/wp-content/uploads/2021/06/counter-bg.png) no-repeat;

    background-size: contain;

    background-position: center bottom;

    background-size: cover;

    height: 300px;

}



.boxs {

    width: 16rem;

    height: 6rem;

    border-right: 2px dotted rgb(81 81 81);

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 250px;

    align-items: center;

    text-align: center;

}



.icon-home-counter {

    height: 80px;

    width: 80px;

    border-radius: 50%;

    justify-content: center;

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 20px;

    margin-bottom: 35px;

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%)
}



.boxs h1 {

    color: #fff;

    font-size: 50px;

    font-weight: 800;

}



.boxs p {

    color: rgb(232, 230, 230);

    font-size: 16px;

    font-weight: 700;



}





.boxss {

    width: 16rem;

    height: 6rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 250px;

    align-items: center;

    text-align: center;

}



.boxss h1 {

    color: #fff;

    font-size: 50px;

    font-weight: 800;

}



.boxss p {

    color: rgb(232, 230, 230);

    font-size: 16px;

    font-weight: 700;



}



.icon-home-counter i {

    font-size: 40px !important;

}



/* chooseus @@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.choose {

    display: flex;

    width: 100%;

    margin-top: 5rem;

    align-items: center;

}



.choose-box-wrapper h6 {

    color: #1086ae;

    text-transform: uppercase;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 10px;

    font-weight: 700;

}



.choose-box-wrapper p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}



.choose-box-wrapper h1 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #000000;

}



.choose-box-wrapper-icons {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.choose-box-wrapper-icons .choose-icons-wrapper-left img {

    width: 30px;

    height: auto;

}



.choose-icons-wrapper-right h4 {

    color: #1086ae;

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 0px;

}



.choose-box-image {

    width: 50%;

    position: relative;

    overflow: hidden;

}



.choose-box-image img {

    width: 100%;

    height: 100%;

}



.choose-box-wrapper {

    padding: 0px 130px 0px 100px;

    width: 50%;

}



.choose-icons-wrapper-left {

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

    width: 70px;

    min-width: 70px;

    height: 70px;

    line-height: 80px;

    border-radius: 20px;

    display: block;

    text-align: center;

    box-shadow: 0px 0px 50px #aee1f0;

    margin-right: 30px;

}



.choose-icons-wrapper-left i {

    font-size: 2.1rem;

    color: #fff;

}



.choose-box-image::before {

    background-color: #8fc1e2;

    left: -50%;

    bottom: -2%;

    animation-duration: 10s;

    animation-timing-function: linear;

    animation-delay: 0s;

    animation-iteration-count: infinite;

    animation-direction: normal;

    animation-fill-mode: none;

    animation-play-state: running;

    animation-name: upNdown2;

    transform: rotate(30deg);

    opacity: 0.7;

    position: absolute;

    content: '';

    width: 100%;

    height: 298px;

    z-index: 1;

}



.choose-box-image::after {

    background-color: #31708f;

    right: -70%;

    top: -10%;

    transform: rotate(35deg);

    opacity: 0.7;

    position: absolute;

    content: '';

    width: 100%;

    height: 800px;

    z-index: 1;

    animation: upNdown2 10s infinite linear;

}



/* Testonomianals&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.Certification {

    padding: 5rem 100px 0 100px;

}



.Certification .heading-paragraph {

    color: #1086ae;

    text-transform: uppercase;

    letter-spacing: 4px;

    margin-bottom: 10px;

    font-weight: 700;

    text-align: center;

}



.Certification .heading-box {

    display: flex;

    width: 100%;

    justify-content: center;

}



.Certification .heading-box h1 {

    text-align: center;

    margin-bottom: 2rem;

    font-size: 38px;

    font-weight: 700;

    width: 60%;

    color: #000000;

}



.crousel-box-border {

    display: flex !important;

    justify-content: center;

    padding: 10px;



}



.crousel-box-border-wrapper {

    width: 100% !important;

    padding: 10px 30px;

    box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 14%);

    -webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 14%);

    -moz-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 14%);

}



.crousel-box-border-wrapper .crousel-head {

    display: flex;

    margin: 0;

    padding: 0;

    align-items: center;

}



.crousel-box-border-wrapper .crousel-head img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 20px;

    object-fit: cover;

}



.crousel-head h2 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #156aad;

}



.crousel-head span p {

    color: #1086ae;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 18px;

}



.crousel-box-border-wrapper p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}



.slick-prev:before {

    content: '←';

}



.slick-prev:before,

.slick-next:before {

    font-size: 40px !important;

    color: #156aad !important;

}



/* Newslatter ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.newslatter {

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

    padding: 50px 40px;

    /* margin-top: 5rem; */

    width: 100%;

}



.newslatter-lower-box {

    display: flex;

    justify-content: space-between;

    margin-top: 0rem;

    width: 100%;

}



.newslatter-lower-box ul {

    margin: 0;

    padding: 0;

    /* width: 25%; */

    align-items: center;

}



.newslatter-lower-box ul h3 {

    font-size: 28px;

    color: #fff;

    line-height: 1;

    margin-bottom: 20px;

}



.newslatter-lower-box ul li {

    font-size: 16px;

    color: #fff;

    padding-top: 0;

    list-style: none;

    display: flex;

    align-items: center;

    width: 90%;

    margin: 11px 0 10px 0px;

}



.newslatter-lower-box ul li i {

    margin-right: 10px;

    border-radius: 100%;

    text-align: center;

    /* line-height: 45px; */

    color: #ffffff;

    font-size: 20px;

}



.newslatter-lower-box ul .location-latterbox i {

    margin-right: 10px;

    padding: 10px;

    width: 45px;

    height: 45px;

    background: #c2c9d529;

    border-radius: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    line-height: 45px;

    justify-content: center;

    color: #ffffff;

}



.newslatter-lower-box ul li span {

    outline: none;

    display: flex;

    border: 1px solid #156aad;

    background-color: #fff;

    border-radius: 30px;

    outline: none;

    border: none;

    padding: 0;

    margin-top: 10px;

}



.newslatter-lower-box ul li span input {

    outline: none;

    border: none;

    background-color: #fff;

    border-radius: 30px;

    padding: 0 10px;

    width: 150px;



}



.newslatter-lower-box ul li span button {

    outline: none;

    background-color: #ed2224;

    padding: 10px;

    border: transparent;

    border-radius: 40px 999em 999em 40px;

    color: #fff;

    font-size: 14px;

}



/* Footer############ */



footer {

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

    padding: 10px 0;

    border-top: 1px solid #ffffff52;

    display: flex;

    width: 100%;

    padding: 10px 30px;



}



footer .footer-left {

    display: flex;

    width: 50%;



}



footer .footer-left li {

    color: #fff;

    list-style: none;

    margin: 0 10px;

}



footer .footer-left li i {

    font-size: 20px;

}



footer .footer-right {

    color: #fff;

    font-size: 16px;

    width: 50%;

    text-align: right;

}



/*  Services************************** */



.service {

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

    padding: 5rem;

    margin-top: 5rem;

}



.service-wrapper {

    /* background-image: url('https://media.istockphoto.com/id/627871386/photo/stove-cook-stove-modern-kitchen-stove-with-blue-flames-burning.jpg?s=612x612&w=0&k=20&c=GDLsTSr20OdOwwXvRTvBLVFScyEOT4FpD_rS3VyRU08='); */

    /* background-repeat: no-repeat; */

    /* background-position: 59%; */

    padding: 50px 0;

}



.service .head-service-paragraph {

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 10px;

    font-weight: 700;

}



.service-center {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.service-reponsive {

    display: flex;

    width: 49.5%;

    justify-content: space-around;

}



.service .head-service-heading {

    text-align: center;

    margin-bottom: 2rem;

    font-size: 38px;

    font-weight: 700;

    width: 60%;

    color: #ffffff;

}




.service-wrapper .service-wrapper-top-box {

    height: 100%;

    width: 100%;

    border-radius: 10px;

    background-color: #fff;

    text-align: center;

    transition: all 500ms ease;

    position: relative;

    padding: 30px 20px 20px;

}



.service-wrapper .service-wrapper-top-box:hover {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    transform: translateY(-10px);

}




.service-wrapper .service-wrapper-top-box i {

    font-size: 50px;

    color: #1086ae;

    text-align: center;

    margin: 20px 0;

}



.service-wrapper .service-wrapper-top-box h4 {

    color: #1086ae;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 18px;

}



.service-wrapper .service-wrapper-top-box p {

    color: rgb(52, 52, 52);

    font-size: 16px;

    margin-top: 18px;

}



/* .service-wrapper {

    display: flex;

    justify-content: space-around;

    margin-top: 3rem;

} */




.contact-component {

    padding: 5rem 0;

}



.card-contact-left {

    padding-right: 80px;

}



.card-contact {

    border: 1px solid rgb(209, 209, 209);

    margin-bottom: 2rem;

    display: flex;

    border-radius: 5px;

    padding: 20px;

}



.card-contact .card-contact-icon i {

    margin-right: 30px;

    margin-top: 0;

    padding: 0;

    color: #156aad;

    font-size: 50px;

}



.card-contact-heading h4 {

    color: #1086ae;

    font-weight: 600;

    font-size: 18px;

}



.card-contact-heading p {

    color: rgb(52, 52, 52);

    font-size: 16px;

    margin-bottom: 0px;

}



.col-md-8.contact-component-right {

    padding-left: 80px;

}



.contact-component-right h1 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #156aad;

}



.contact-component-right p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}



.col-md-8.contact-component-right form {

    display: flex;

    flex-direction: column;



}



.col-md-8.contact-component-right form input {

    border: none;

    min-height: 55px;

    padding: 20px;

    outline: 1px solid #1086ae;

    width: 100%;

    margin-bottom: 1rem;

    border-radius: 5px;

    background: #eef3fa;

    color: var(--color-heading);

}



.col-md-8.contact-component-right form input:focus {



    color: #212529;

    background-color: #fff;

    border-color: #1086ae;

    outline: 0;

    box-shadow: 0 0 0 0.15rem #1086ae;



}



.col-md-8.contact-component-right form .email-phone {

    display: flex;

    width: 100%;

    justify-content: space-between;

}



.col-md-8.contact-component-right form .email-phone .input-phone {

    width: 49%;

}



.col-md-8.contact-component-right form .email-phone .input-email {

    width: 49%;

}



.col-md-8.contact-component-right form textarea {

    border: none;

    min-height: 55px;

    padding: 20px;

    background: #eef3fa;

    outline: 1px solid #1086ae;

    border-radius: 5px;



}



.col-md-8.contact-component-right button {

    width: 155px;

    outline: none;

    border: none;

    margin-top: 20px;

    border-radius: 5px !important;

    font-weight: 500;

    color: #fff;

    font-size: 18px;

    padding: 11px 26px;

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

}



.col-md-8.contact-component-right form textarea:focus {



    color: #212529;

    background-color: #fff;

    border-color: #1086ae;

    outline: 0;

    box-shadow: 0 0 0 0.15rem #1086ae;



}



.contact-wrapper {

    background-image: url('https://media.istockphoto.com/photos/contact-us-picture-id1049658692?k=20&m=1049658692&s=612x612&w=0&h=z3sXVbzDit8RKnsC0ihEuFub42FqfmbRcP4vWHOKLK4=');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 100%;

    background-blend-mode: overlay;

    background-color: #0000007d;

    height: 400px;

    width: 100%;

    margin-bottom: 5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.contact-wrapper h4 {

    color: #ffffff;

    font-weight: 600;

    font-size: 18px
}



.contact-wrapper h1 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #ffffff;

}



.contact-wrapper a {

    color: #ffffff;

    font-weight: 600;

    font-size: 18px
}



/* About component^^^^^^^^^^^^^^^^^^^^^^^ */

.about-component-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5rem;
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: #0000007d;
}


.about-component-wrapper h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
}



.about-component-wrapper p {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}



.aboutcomponent {
    /* display: flex; */
    width: 100%;
}



.about-component-left {
    width: 50%;
    padding: 20px;
}



.about-component-left img {
    width: 100%;
    height: 500px;
    border-radius: 10px;
}



.about-component-right {
    width: 50%;
    padding: 20px 20px 20px 10px;
}



.about-component-right h6 {
    color: #1086ae;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}



.about-component-right h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #156aad;
}



.about-component-right p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}



.about-component-box {

    display: flex;

    width: 100%;

    margin-top: 3rem;

    justify-content: space-between;

}



.about-component-box .about-component-box1 {

    width: 50%;

    display: flex;

    padding: 10px 0px;



}



.about-component-box .about-component-box1 i {

    height: 100%;

    width: 60px;

    padding: 10px;

    background-color: #f0f0f0b8;

    margin-right: 20px;

}



.about-component-box .about-component-box1 i:hover {

    height: 100%;

    width: 60px;

    padding: 10px;

    color: #ffffff;

    background-color: #156aad;

    margin-right: 20px;

}



.about-component-box .about-component-box1 h4 {

    color: #1086ae;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 18px;

}



.about-component-box .about-component-box1 p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}



/* aboutdetails&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.about-details {

    width: 100%;

    margin-top: 5rem;

    padding: 40px 0;

    display: flex;

    justify-content: center;

    align-items: center;

    background-image: url('https://img.freepik.com/free-vector/office-workplace-background_24908-58537.jpg?w=2000');

    background-size: cover;

    background-position: 100%;

    background-repeat: no-repeat;

}



.about-details-wrapper {

    display: flex;

    width: 100%;

    justify-content: space-around;

}



.about-details-wrapper .about-details-box {

    width: 16rem;

    height: 11rem;

    display: flex;

    background-color: #156aad;

    flex-direction: column;

    text-align: center;

    align-items: center;

    justify-content: center;

    position: relative;

}



.about-details-box::before {

    position: absolute;

    content: '';

    width: 90%;

    height: 90%;

    top: 50%;

    left: 50%;

    border: 2px dotted #ffffff;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.about-details-wrapper .about-details-box h1 {

    color: #fff;

    font-size: 50px;

    font-weight: 800;

}



.about-details-wrapper .about-details-box p {

    color: rgb(232, 230, 230);

    font-size: 16px;

    font-weight: 700;

}



















/* Service Components$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */



.service-top-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5rem;
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: #0000007d;
}



.service-top-wrapper h1 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #ffffff;

}



.service-top-wrapper p {

    color: #ffffff;

    font-weight: 600;

    font-size: 18px;

}



.service-component-wrapper {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.service-component-wrapper h1 {

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;

    color: #156aad;

    text-align: center;

}



.service-component-wrapper h6 {

    color: #1086ae;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 18px;

    text-align: center;

    width: 60%;

}



.servicecomponents {

    padding: 0 30px;

}



.service-card {

    display: flex;

    width: 100%;

    margin-top: 4rem;

    justify-content: space-between;

}



.service-card .service-card-wrapper {

    width: 14rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 22rem;

    padding: 10px;

    -webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 14%);

    text-align: center;

}



.service-card .service-card-wrapper i {

    height: 120px;

    width: 160px;

    padding: 29px;

    background-image: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);

    border-radius: 5px;

    color: #fff;

    text-align: center;

    font-size: 50px;

    margin-bottom: 3rem;

}



.service-card .service-card-wrapper h2 {

    color: #1086ae;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 22px;

}



.service-card .service-card-wrapper p {

    color: rgb(52, 52, 52);

    font-size: 16px;

    margin-bottom: 0;

    padding: 0;

}





/* Media query %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media only screen and (max-width: 1084px) {

    /* homeabout****** */



    .home-container {

        display: inherit;

        padding-left: 40px;

    }



    .picture-about img {

        width: 100%;

        height: 500px;

        object-fit: cover;

    }



    .home-about-paragraph-wrapper {

        padding: 25px 20px 20px 20px;

        width: 100%;



    }



    .home-about-button {

        margin-top: 10px;

    }



    .service {

        padding: 5rem 1rem;

    }



    .service-wrapper {

        justify-content: space-between;

    }



}





@media only screen and (max-width: 480px) {



    .service-reponsive {

        display: inherit;

    }



    .Certification .heading-paragraph {

        margin-top: 2rem !important;

    }



    .about-component-left img {

        height: auto !important;

    }



    .service-card .service-card-wrapper i {

        height: auto !important;

        margin-bottom: 1rem !important;

        width: 100px !important;

        font-size: 22px !important;

    }



    .service-card .service-card-wrapper h2 {

        font-size: 18px;

    }



    .mt-1 {

        margin-top: 1rem;

    }



    .service-card .service-card-wrapper {

        width: 100%;

        height: 18rem;

        margin: 20px 0;

    }







    .service-card .service-card-wrapper p {

        font-size: 14px;

    }



    /* Topbar*********&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

    .topbar {

        padding: 6px 10px;

        display: inherit;

    }



    .left-topbar {

        width: 100%;

        display: flex;

        justify-content: space-around;

        padding: 2px;
        flex-wrap: wrap;

    }



    .left-topbar a {

        padding: 0 8px;

        font-size: 14px;

    }



    .right-topbar {

        width: 100%;

        justify-content: space-between;

    }



    /* home**************************************************************************** */



    .caption-crousel h3 {

        font-size: 18px;



    }



    .carousel-caption {

        right: 2% !important;

        left: 10% !important;

    }



    .carousel-caption p {

        font-size: 14px;

        font-weight: normal;

        padding-right: 50px;

    }



    .home-about {

        margin-top: -5rem;

    }



    .years {

        display: flex;

        height: 140px;

        width: 140px;

    }



    .years .years-wrapper h1 {

        font-size: 32px;

    }



    .home-container {

        padding: 0 30px;

    }



    .years .years-wrapper p {

        font-size: 16px;

        margin: 0;

    }



    .picture-about img {

        height: 400px;

    }



    .home-about-paragraph-wrapper {

        padding: 20px 0;

    }



    .home-about-paragraph-wrapper h2 {

        font-size: 32px;

        margin-bottom: 5px;



    }



    .home-about-paragraph-wrapper p {

        font-size: 14px;

    }



    .home-about-paragraph-wrapper ul li {

        font-size: 14px;

    }



    .counter {

        margin-top: 2rem;

    }



    .icon-home-counter {

        height: 50px;

        width: 50px;

        border-radius: 50%;

        margin-bottom: 25px;

    }



    .icon-home-counter i {

        font-size: 25px !important;

    }



    .boxs p {

        font-size: 16px;

        font-weight: normal;

        margin: 0;

    }



    .boxs h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .boxss h1 {

        font-size: 30px;

        font-weight: 700;



    }



    .boxss p {

        font-size: 16px;

        font-weight: normal;

        margin: 0;

    }



    .choose {

        display: inherit;

        margin-top: 2rem;

    }



    .choose-box-wrapper {

        width: 100%;

        padding: 20px;

    }



    .choose-box-wrapper h1 {

        font-size: 32px;

        margin-bottom: 5px;

    }



    .choose-box-wrapper p {

        font-size: 14px;

    }



    .choose-box-image {

        width: 100%;

    }



    .service {

        margin-top: 2rem;

        padding: 1rem;

    }



    .service .head-service-heading {

        font-size: 32px;

        width: 100%;

    }



    .service-wrapper .service-wrapper-top-box h4 {

        width: 100%;

        margin-bottom: 5px;

    }



    .service-wrapper .service-wrapper-top-box p {

        font-size: 14px;

        margin: 5px;

    }





    .service-wrapper .service-wrapper-top-box i {

        font-size: 25px;

        margin: 1rem;

    }



    .Certification {

        padding: 0;

        margin-top: 2rem;

    }



    .Certification .heading-box h1 {

        font-size: 32px;

        width: 100%;

    }





    .crousel-box-border-wrapper {

        padding: 10px;

    }



    .crousel-head h2 {

        font-size: 22px;

        width: 100
    }



    .crousel-box-border-wrapper .crousel-head img {

        margin-right: 10px;

    }



    .crousel-box-border-wrapper p {

        font-size: 14px;

    }



    .slick-prev:before,

    .slick-next:before {

        display: none !important;

    }



    .newslatter {

        margin-top: 2rem;

        padding: 50px 20px;

    }



    .newslatter-lower-box {

        display: inherit;



    }



    .newslatter-lower-box ul {

        width: 100%;

    }



    .newslatter-lower-box ul li {

        width: 100%;

    }



    .newslatter-lower-box ul h3 {

        margin-top: 30px;

        margin-bottom: 0;

    }



    footer {

        display: inherit;



    }



    footer .footer-left {

        width: 100%;

        justify-content: space-between;

    }



    footer .footer-right {

        width: 100%;

        text-align: center;

        margin-top: 20px;

    }



    /* Service Section &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&******* */

    .service-top-wrapper {

        margin-bottom: 2rem;

    }



    .service-component-wrapper h1 {

        font-size: 32px;

    }



    .service-component-wrapper h6 {

        width: 100%;

        font-size: 16px;

    }



    .service-card {

        margin-top: 20px;

    }



    .servicecomponents {

        padding: 0;

    }



    .about-details-wrapper .about-details-box h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .about-details-wrapper .about-details-box p {

        font-weight: normal;

    }



    .about-details-wrapper .about-details-box {

        width: 5.8rem;

        height: 9rem;

    }







    /* contact us ******************** */

    .contact-wrapper {

        height: 215px;

    }



    .contact-component {

        padding-top: 2rem;

    }



    .col-md-8.contact-component-right {

        padding: 0 10px;

    }



    .contact-component-right h1 {

        font-size: 32px;

    }





    /* About component ************************************************* */

    .aboutcomponent {

        display: inherit;

    }



    .about-component-wrapper {

        margin-bottom: 2rem;

    }



    .about-component-left {

        width: 100%;

        padding: 10px;

    }



    .about-component-right {

        width: 100%;

    }



    .about-component-right h1 {

        font-size: 32px;

        width: 100%;

    }



    .about-component-right p {

        font-size: 16px;

    }



    .about-component-box .about-component-box1 p {

        font-size: 16px;

    }



    .about-details {

        margin-top: 2rem;

    }

}



@media only screen and (max-width: 576px) {



    /* Topbar*********&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

    /*  */



    /* home**************************************************************************** */

    .about-details-wrapper {

        display: initial !important;

    }



    .about-details-wrapper .about-details-box {

        width: 100% !important;

        margin-top: 1rem !important;

    }



    .carousel-caption.d-md-block.caption-crousel {

        /* display: none; */

    }



    .crousel-box-border {

        padding: 0;

    }



    .carousel-caption {

        right: 2% !important;

        left: 10% !important;

    }



    .carousel-caption p {

        font-size: 16px;

        font-weight: normal;

        padding-right: 50px;

    }



    .home-about {

        margin-top: -5rem;

    }



    .years {

        display: flex;

        height: 140px;

        width: 140px;

    }



    .years .years-wrapper h1 {

        font-size: 32px;

    }



    .home-container {

        padding: 0 30px;

    }



    .years .years-wrapper p {

        font-size: 16px;

        margin: 0;

    }



    .picture-about img {

        height: 400px;

    }



    .home-about-paragraph-wrapper {

        padding: 20px 0;

    }



    .home-about-paragraph-wrapper h2 {

        font-size: 32px;

        margin-bottom: 5px;



    }



    .home-about-paragraph-wrapper p {

        font-size: 14px;

    }



    .home-about-paragraph-wrapper ul li {

        font-size: 14px;

    }



    .counter {

        margin-top: 2rem;

    }



    .icon-home-counter {

        height: 50px;

        width: 50px;

        border-radius: 50%;

        margin-bottom: 25px;

    }



    .icon-home-counter i {

        font-size: 25px !important;

    }



    .boxs p {

        font-size: 16px;

        font-weight: normal;

        margin: 0;

    }



    .boxs h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .boxss h1 {

        font-size: 30px;

        font-weight: 700;



    }



    .boxss p {

        font-size: 16px;

        font-weight: normal;

        margin: 0;

    }



    .choose {

        display: inherit;

        margin-top: 2rem;

    }



    .choose-box-wrapper {

        width: 100%;

        padding: 20px;

    }



    .choose-box-wrapper h1 {

        font-size: 32px;

        margin-bottom: 5px;

    }



    .choose-box-wrapper p {

        font-size: 14px;

    }



    .choose-box-image {

        width: 100%;

    }



    .service {

        margin-top: 2rem;

        padding: 1rem;

    }



    .service .head-service-heading {

        font-size: 32px;

        width: 100%;

    }


    .Certification {

        padding: 0;

        margin-top: 2rem;

    }



    .Certification .heading-box h1 {

        font-size: 32px;

        width: 100%;

    }





    .crousel-box-border-wrapper {

        padding: 10px;

    }



    .crousel-head h2 {

        font-size: 22px;

        width: 100
    }



    .crousel-box-border-wrapper .crousel-head img {

        margin-right: 10px;

    }



    .picture-about img {

        height: 350px;

    }



    .crousel-box-border-wrapper p {

        font-size: 14px;

    }



    .slick-prev:before,

    .slick-next:before {

        display: none !important;

    }





    footer {

        display: inherit;



    }



    footer .footer-left {

        width: 100%;

        justify-content: space-between;

    }



    footer .footer-right {

        width: 100%;

        text-align: center;

        margin-top: 20px;

    }



    /* Service Section &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&******* */

    .service-top-wrapper {

        margin-bottom: 2rem;

    }



    .service-component-wrapper h1 {

        font-size: 32px;

    }



    .service-component-wrapper h6 {

        width: 100%;

        font-size: 16px;

    }



    .service-card {

        margin-top: 20px;

    }



    .servicecomponents {

        padding: 0;

    }



    .about-details-wrapper .about-details-box h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .about-details-wrapper .about-details-box p {

        font-weight: normal;

    }



    .about-details-wrapper .about-details-box {

        width: 5.8rem;

        height: 9rem;

    }







    /* contact us ******************** */

    .contact-wrapper {

        height: 215px;

    }



    .contact-component {

        padding-top: 2rem;

    }



    .col-md-8.contact-component-right {

        padding: 0 10px;

    }



    .contact-component-right h1 {

        font-size: 32px;

    }





    /* About component ************************************************* */

    .aboutcomponent {

        display: inherit;

    }



    .about-component-wrapper {

        margin-bottom: 2rem;

    }



    .about-component-left {

        width: 100%;

        padding: 10px;

    }



    .about-component-right {

        width: 100%;

    }



    .about-component-right h1 {

        font-size: 32px;

        width: 100%;

    }



    .about-component-right p {

        font-size: 14px;

    }



    .about-component-box .about-component-box1 p {

        font-size: 14px;

    }



    .about-details {

        margin-top: 2rem;

    }

}



@media only screen and (max-width: 767px) {

    .swiper-slide.swiper-slide-active {

        width: 100% !important;

    }



    .caption-crousel h3 {

        font-size: 13px !important;

    }

    .caption-crousel p {

        font-size: 8px !important;

    }


    .carousel-caption.d-md-block.caption-crousel {

        top: 40px !important;
        width: 50% !important;

    }



    .counter-wrapper {

        display: inherit;

        height: auto;

    }



    .boxs {

        width: 100%;

    }



    .boxss {

        width: 100%;

    }



    .newslatter-lower-box {

        display: inherit;

    }



    .service-wrapper {

        background-image: none;

    }



    .service-wrapper {

        padding: 0px !important;

    }



    .service-wrapper {

        margin-top: 1rem !important;

    }



    img.d-block.home-image {

        width: 100%;

        object-fit: contain;

        /* height: auto; */

    }



    /* Topbar*********&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

    .topbar {

        padding: 6px 10px;

        display: inherit;

    }



    .left-topbar {

        width: 100%;

        display: flex;

        justify-content: space-around;

        padding: 2px;

    }



    .left-topbar a {

        padding: 0 8px;

        font-size: 16px;

    }



    .right-topbar {

        width: 100%;

        justify-content: space-evenly;

    }



    /* home**************************************************************************** */



    .caption-crousel h3 {

        font-size: 28px;



    }



    .carousel-caption {

        right: 2% !important;

        left: 10% !important;

    }



    .carousel-caption p {

        font-size: 16px;

        font-weight: normal;

        padding-right: 50px;

    }



    .home-about {

        margin-top: -5rem;

    }



    .years {

        display: flex;

        height: 140px;

        width: 140px;

    }



    .years .years-wrapper h1 {

        font-size: 48px;

    }



    .home-container {

        padding: 0 30px;

    }



    .years .years-wrapper p {

        font-size: 18px;

        margin: 0;

    }



    .picture-about img {

        height: 400px;

    }



    .home-about-paragraph-wrapper {

        padding: 20px 0;

    }



    .home-about-paragraph-wrapper h2 {

        font-size: 32px;

        margin-bottom: 5px;



    }



    .home-about-paragraph-wrapper p {

        font-size: 16px;

    }



    .home-about-paragraph-wrapper ul li {

        font-size: 16px;

    }



    .counter {

        margin-top: 2rem;

    }



    .icon-home-counter {

        height: 50px;

        width: 50px;

        border-radius: 50%;

        margin-bottom: 25px;

    }



    .icon-home-counter i {

        font-size: 25px !important;

    }





    .choose-box-wrapper-icons {

        margin-bottom: 15px;

    }



    .service-wrapper {

        justify-content: space-between;

    }



    .boxs p {

        font-size: 18px;

        font-weight: normal;

        margin: 0;

    }



    .boxs h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .boxss h1 {

        font-size: 30px;

        font-weight: 700;



    }



    .boxss p {

        font-size: 16px;

        font-weight: normal;

        margin: 0;

    }



    .choose {

        display: inherit;

        margin-top: 2rem;

    }



    .choose-box-wrapper {

        width: 100%;

        padding: 20px;

    }



    .choose-box-wrapper h1 {

        font-size: 32px;

        margin-bottom: 5px;

    }



    .choose-box-wrapper p {

        font-size: 16px;

    }



    .choose-box-image {

        width: 100%;

    }



    .service {

        margin-top: 2rem;

        padding: 1rem;

    }



    .service .head-service-heading {

        font-size: 32px;

        width: 100%;

    }




    .service-card .service-card-wrapper {

        margin: 20px 0;

    }






    .Certification {

        padding: 0;

        margin-top: 2rem;

    }



    .Certification .heading-box h1 {

        font-size: 32px;

        width: 100%;

    }





    .crousel-box-border-wrapper {

        padding: 10px;

    }



    .crousel-head h2 {

        font-size: 22px;

        width: 100
    }



    .crousel-box-border-wrapper .crousel-head img {

        margin-right: 10px;

    }



    .crousel-box-border-wrapper p {

        font-size: 16px;

    }



    .slick-prev:before,

    .slick-next:before {

        display: none !important;

    }



    .newslatter {

        margin-top: 2rem;

        padding: 50px 20px;

        display: inherit !important;



    }







    .newslatter-lower-box ul {

        width: 100%;

    }



    .newslatter-lower-box ul li {

        width: 100%;

    }



    .newslatter-lower-box ul h3 {

        margin-top: 30px;

        margin-bottom: 0;

    }



    footer {

        display: inherit;



    }



    footer .footer-left {

        width: 100%;

        justify-content: space-between;

    }



    footer .footer-right {

        width: 100%;

        text-align: center;

        margin-top: 20px;

    }



    /* Service Section &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&******* */

    .service-top-wrapper {

        margin-bottom: 2rem;

    }



    .service-component-wrapper h1 {

        font-size: 32px;

    }



    .service-component-wrapper h6 {

        width: 100%;

        font-size: 16px;

    }



    .service-card {

        margin-top: 20px;

    }



    .servicecomponents {

        padding: 0;

    }



    .about-details-wrapper .about-details-box h1 {

        font-size: 30px;

        font-weight: 700;

    }



    .about-details-wrapper .about-details-box p {

        font-weight: normal;

    }



    .about-details-wrapper .about-details-box {

        width: 5.8rem;

        height: 9rem;

    }







    /* contact us ******************** */

    .contact-wrapper {

        height: 215px;

    }



    .contact-component {

        padding-top: 2rem;

    }



    .col-md-8.contact-component-right {

        padding: 0 10px;

    }



    .contact-component-right h1 {

        font-size: 32px;

    }





    /* About component ************************************************* */

    .aboutcomponent {

        display: inherit;

    }



    .about-component-wrapper {

        margin-bottom: 2rem;

    }



    .about-component-left {

        width: 100%;

        padding: 10px;

    }



    .about-component-right {

        width: 100%;

    }



    .about-component-right h1 {

        font-size: 32px;

        width: 100%;

    }



    .about-component-right p {

        font-size: 16px;

    }



    .about-component-box .about-component-box1 p {

        font-size: 16px;

    }



    .about-details {

        margin-top: 2rem;

    }



    .newslatter {

        padding-top: 20px;

    }

}



@media only screen and (max-width: 991px) {



    /* slider%%%%%%%%%%%%%%%%%%%% */

    .home-image {

        width: 100% !important;

        height: auto !important;

    }



    .slick-next {

        right: 15px !important;

        background-size: 100% !important;

        background-repeat: no-repeat !important;

        background-image: url(./assets/arrow-point-to-right.png) !important;

    }



    .slick-prev {

        left: 0px !important;

        z-index: 999;

        background-size: 100% !important;

        background-repeat: no-repeat !important;

        background-image: url(./assets/arrow-point-to.png) !important;

    }



    /* Topbar*********&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

    .topbar {

        padding: 6px 10px;

    }



    .left-topbar {

        width: 100%;

        display: flex;

        justify-content: space-around;

        padding: 2px;

    }



    .left-topbar a {

        padding: 0 0px;

        font-size: 16px;

    }



    .right-topbar {

        width: 100%;

    }



    /* home**************************************************************************** */



    .caption-crousel h3 {

        font-size: 28px;



    }



    .carousel-caption {

        right: 2% !important;

        left: 10% !important;

        top: 142px !important;

    }



    .carousel-caption p {

        font-size: 16px;

        font-weight: normal;

        padding-right: 50px;

    }



    .home-about {

        margin-top: -5rem;

    }



    .years {

        display: flex;

        height: 140px;

        width: 140px;

    }



    .years .years-wrapper h1 {

        font-size: 40px !important;

    }



    .home-container {

        padding: 0 30px;

    }



    .years .years-wrapper p {

        font-size: 18px;

        margin: 0;

    }



    .picture-about img {

        height: 400px;

    }



    .home-about-paragraph-wrapper {

        padding: 20px 0;

    }

    .home-about-paragraph-wrapper h2 {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .home-about-paragraph-wrapper p {
        font-size: 16px;
    }

    .home-about-paragraph-wrapper ul li {
        font-size: 16px;
    }

    .counter {
        margin-top: 2rem;
    }

    .icon-home-counter {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-bottom: 25px;
    }

    .icon-home-counter i {
        font-size: 25px !important;
    }

    .service-wrapper {
        padding: 52px 0px;
    }

    .choose-box-wrapper-icons {
        margin-bottom: 15px;
    }

    .service-card .service-card-wrapper {
        margin: 20px 0;
    }

    .service-wrapper {
        justify-content: space-between;
    }

    .service-card {
        display: inherit;
    }

    .service-reponsive {
        width: 100%;
    }

    .boxs p {
        font-size: 18px;
        font-weight: normal;
        margin: 0;
    }

    .boxs h1 {
        font-size: 30px;
        font-weight: 700;
    }

    .boxss h1 {
        font-size: 30px;
        font-weight: 700;
    }

    .boxss p {
        font-size: 16px;
        font-weight: normal;
        margin: 0;
    }

    .choose {
        display: inherit;
        margin-top: 2rem;
    }

    .choose-box-wrapper {
        width: 100%;
        padding: 20px;
    }

    .choose-box-wrapper h1 {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .choose-box-wrapper p {
        font-size: 16px;
    }

    .choose-box-image {
        width: 100%;
    }

    .service {
        margin-top: 2rem;
        padding: 1rem;
    }

    .service .head-service-heading {
        font-size: 32px;
        width: 100%;
    }



    .Certification {
        padding: 0;
        margin-top: 2rem;
        width: 90%;
        margin: auto;
    }

    .Certification .heading-box h1 {
        font-size: 32px;
        width: 100%;
    }

    .crousel-box-border-wrapper {
        padding: 10px;
    }

    .crousel-head h2 {
        font-size: 22px;
        width: 100
    }

    .crousel-box-border-wrapper .crousel-head img {
        margin-right: 10px;
    }

    .crousel-box-border-wrapper p {
        font-size: 16px;
    }

    .slick-prev:before,
    .slick-next:before {
        display: none !important;
    }

    .newslatter {
        margin-top: 2rem;
        padding: 50px 20px;
    }

    .newslatter-lower-box ul {
        width: 100%;
    }

    .newslatter-lower-box ul li {
        width: 100%;
    }

    .newslatter-lower-box ul h3 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    footer {
        display: inherit;
    }

    footer .footer-left {
        width: 100%;
        justify-content: space-between;
    }

    footer .footer-right {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    /* Service Section &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&******* */

    .service-top-wrapper {
        margin-bottom: 2rem;
    }

    .service-component-wrapper h1 {
        font-size: 32px;
    }

    .service-component-wrapper h6 {
        width: 100%;
        font-size: 16px;
    }

    .service-card {
        margin-top: 20px;
    }

    .servicecomponents {
        padding: 0;
    }

    .about-details-wrapper .about-details-box h1 {
        font-size: 30px;
        font-weight: 700;
    }

    .about-details-wrapper .about-details-box p {
        font-weight: normal;
    }

    .about-details-wrapper .about-details-box {
        width: 5.8rem;
        height: 9rem;
    }

    /* contact us ******************** */

    .contact-wrapper {
        height: 215px;
    }

    .contact-component {
        padding-top: 2rem;
    }

    .col-md-8.contact-component-right {
        padding: 0 10px;
    }

    .contact-component-right h1 {
        font-size: 32px;
    }

    /* About component ************************************************* */

    .aboutcomponent {
        display: inherit;
    }

    .about-component-wrapper {
        margin-bottom: 2rem;
    }

    .about-component-left {
        width: 100%;
        padding: 10px;
    }

    .about-component-right {
        width: 100%;
    }

    .about-component-right h1 {
        font-size: 32px;
        width: 100%;
    }

    .about-component-right p {
        font-size: 16px;
    }

    .about-component-box .about-component-box1 p {
        font-size: 16px;
    }

    .about-details {
        margin-top: 2rem;
    }

    .newslatter {
        padding-top: 20px;
    }
}

/* swipper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  */

.swiper-button-prev:after {
    background-color: #156aad;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    height: 27px;
    justify-content: center;
    font-weight: 1000;
    width: 30px;
    color: white;
    border-radius: 50%;
}

.swiper-button-next:after {
    background-color: #156aad;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    height: 27px;
    justify-content: center;
    font-weight: 1000;
    width: 30px;
    color: white;
    border-radius: 50%;
}

.swiper-pagination {
    display: none;
}

/************************************* Swapnil Css (31-May-2024) **************************************/

.picture-about {
    height: 500px;
}

.picture-about img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.certification_sec_inner {
    background-image: -webkit-linear-gradient(0deg, #156aada6 29%, #1086aeb0 66%);
    padding: 3rem;
    margin-top: 1rem;
    width: 80%;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    outline: 3px solid #1086ae;
    border: 5px solid #ffffff;
    transition: transform 0.3s ease-in;
}

.certification_sec_inner:hover {
    transform: scale(1.1);
}

.certification_sec .heading-box {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    color: #1086ae;
}

.newslatter p {
    color: #fff;
}

.social_icon {
    display: flex;
}

.social_icon i {
    padding-right: 20px;
    color: #fff;
}

.social h3 {
    margin-top: 15px;
    color: #fff;
}

.Offer {
    text-align: center;
}

/* Service service_people Start */

.service_people {
    border: none;
    height: 100% !important;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.service_people:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.service_people img {
    height: 200px;
    object-fit: cover;
}

.service_people .card-title {
    font-size: 1.25rem;
    color: #343a40;
    font-weight: bold;
}

.service_people .card-text {
    font-size: 1rem;
    color: #6c757d;
}

.h2_heading {
    color: #1086ae;
}

/* Service service_people end */


/* Service App Section start */

.app-section {
    background: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);
    color: white;
    border-radius: 15px;
    padding: 60px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.app-section h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
}

.app-section p.lead {
    font-size: 1.25rem;
    margin-bottom: 30px;
}

.service-app-card {
    background-color: #fff;
    color: #333;
    height: 100% !important;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.service-app-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.service-app-card h5 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #1086ae;
}

.service-app-card p {
    font-size: 1rem;
    color: #6c757d;
}

.service-app-card .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-section {
    background-image: url(../images/appstore.jpg);
    background-size: cover;
    background-position: bottom;
    color: white;
    text-align: center;
    padding: 60px 20px;
    background-blend-mode: overlay;
    background-color: #000000a1;
}

.download-section h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.download-section p {
    font-size: 1.2rem;
    margin: 0px auto;
    width: 45%;
}

.download-buttons {
    display: flex;
    justify-content: center;
}

.download-buttons a img {
    height: 100%;
    width: 100%;
    transition: 0.3s ease-in;
    object-fit: contain;
}

.play_store {
    height: 100px;
    width: 100%;
}

.download-buttons a img:hover {
    transform: scale(1.05);
}

/* Service App Section end */

/******************** About Section Start *****************/

.About_page h3 {
    color: #1086ae;
    text-align: center;
    margin: 20px 0;
    font-size: 35px;
    font-weight: 700;
}

.About_page p {
    text-align: center;
}

.Our_Story_img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.Our_Story_img2 img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: 0.4s ease-in;
}

.Our_Story_img2 img:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: scale(1.05);
}

.Our_Story_content h4 {
    color: #1086ae;
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 700;
}

.choose_container h6 {

    color: #1086ae;

    text-transform: uppercase;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 10px;

    font-weight: 700;

}



.choose_container p {

    color: rgb(52, 52, 52);

    font-size: 16px;

}

.Mission_card {
    background: -webkit-linear-gradient(0deg, #156aad 29%, #1086ae 66%);
    color: #fff;
    display: flex !important;
    align-items: center;
    padding: 30px;
    border-radius: 10px;
}

.mission_img img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    margin: 0 30px 0 0;
}

.head-certification-title {
    color: #1086ae;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.certification_sec {
    margin-bottom: 5rem;
}


.contact_det_inner {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.text_primary {
    color: #1086ae !important;
}

.bg_blueclr {
    background-color: #1086ae;
    padding: 100px 0;
    color: #fff;
}

.Mission_card p {
    text-align: start;
}

.Certifications {
    margin: 100px 0;
}

@media (max-width:768px) {
    .service-wrapper .service-wrapper-top-box:hover {
        transform: translateY(0px);
    }

    .Certifications {
        margin: 70px 0;
    }

    .years {
        left: 0px;
        top: 160px;
    }

    .boxs {
        height: 180px;
    }

    .download-section p {
        font-size: 1.2rem;
        margin: 0px auto;
        width: 80%;
    }

    .app-section {
        padding: 20px;
    }

    .Our_Story_content {
        padding-top: 50px;
    }

    .bg_blueclr {
        padding: 30px 0;
    }

    .Mission_card {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
}