* {

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

    font-family: "Inter", sans-serif;

}



nav {

    position: fixed;

    width: 100%;

    top: 0px;

    padding: 10px 0px;

    z-index: 111;

}



.nav--ul {

    display: flex;

    margin-bottom: 0px;

    gap: 30px;

    align-items: center;

    justify-content: end;



    li {

        list-style: none;

        position: relative;

    }



    a {

        text-decoration: none;

        color: #21509c;



    }



    li a.active {

        color: #e4087e;

    }

}



.nav-logo {

    img {

        width: 250px;

    }

}



.nav-row {

    align-items: center;

}



.contact-btn {

    background-color: #e4087e;

    color: white !important;

    color: white;

    border-radius: 23px;

    width: 109px;

    display: inline-block;

    height: 36px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.hero-section {

    padding: 60px 0px;

    background-image: linear-gradient(169deg, #e4087e52 0%, #e4087e00 39%);

    padding-top: 130px;

    background: linear-gradient(159.12deg, #FFC2E3 0%, #F8F8F8 48.76%);

}



.hero-col h6 {

    color: #e4087e;

    font-size: 20px;

    /* padding-right:100px ; */

    font-weight: 600;

}



.hero-col h1 {

    color: #21509c;

    font-weight: 700;

    font-size: 50px;

    margin-bottom: 40px;

}



.hero-col p {

    color: #21509c;

    font-size: 16px;

}



.hero-col a {

    background-color: #e4087e;

    color: white;

    color: white;

    border-radius: 23px;

    width: 150px;

    display: inline-block;

    height: 41px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    margin-top: 15px;

}



.img--h {

    display: flex;

    gap: 10px;

}



.img--h .img-h {

    width: 20%;

    /* background-color: #e4087e; */

}



.img-h img {

    width: 100%;

    height: 75px;

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

}



.img---h {

    margin-top: 20px;

}



.img---h span {

    color: #21509c;

    font-weight: bold;

    margin-bottom: 10px;

    display: block;

}



.heroo--image {

    position: relative;

}



.heroo--image .hero--img1 {

    border-radius: 173px 0px 0px 0px;

    height: 550px;

    width: 100%;

    position: relative;

    object-fit: cover;

}



.shape1 {

    position: absolute;

    top: 0px;

    z-index: 1;

}



.shape2 {

    position: absolute;

    bottom: -28px;

    right: -24px;

}



.offer--col {

    span {

        color: #e4087e;

        font-size: 30px;

        font-weight: bold;

    }



    h2 {

        color: #21509c;

        font-weight: bold;

        font-size: 40px;

        margin-top: 15px;

    }

}



.offer-section {

    padding: 30px 0px;

}



.row--offer {

    align-items: end;

}



.offer-c {

    padding-left: 90px;

}



.offer-c p {

    line-height: 19px;

}



.row--offer1 {

    margin-top: 70px;

}



.o-r-d {

    padding: 10px;

    border-bottom: 1px solid rgb(196, 196, 196);

    display: flex;

}



.o-r-1 {

    width: 100%;

    max-width: 85px;

}



.o-r-1 span {

    font-size: 40px;

    color: #e4087e;

}



.row--offer1-c {

    padding-right: 50px;

}



.row--offer1-i {

    height: 100%;

    border-radius: 0px 0px 0px 200px;

}



.o-r-2 h4 {

    font-size: 40px;

}



.o-r-2 p {

    line-height: 100%;

}





/* Odd items (01, 03, 05) */

.o-r-d:nth-child(odd) .o-r-1 span {

    color: #e4087e;



}



/* Even items (02, 04, 06) */

.o-r-d:nth-child(even) .o-r-1 span {

    color: #21509c;



}







.section-choose {

    background-image: linear-gradient(to right, #fffefc 0%, #ffecd2 100%);

    padding: 60px 0px;

    background: linear-gradient(270deg, #FFE5D3 0%, #F8F8F8 100%);

    position: relative;

}



.choose-card {

    position: relative;

}



.row-choose {

    margin-top: 50px;

}



.choose-card img {

    width: 100%;

    border-radius: 20px;

    height: 450px;

    object-fit: cover;

}

.icon-bxx{

    width: 80px;

    height: 80px;

    background-color: #e4087e;

    border-radius: 100%;

    display: block;

    margin: auto;

    margin-bottom: 20px;

}



.choose-c {

    text-align: center;

    position: absolute;

    bottom: 0px;

    background-image: linear-gradient(to top, #000000 0%, #00000000 100%);

    border-radius: 0px 0px 20px 20px;

    padding-bottom: 20px;

    /* padding-top: 100px; */

        height: 100%;

    display: flex

;

    flex-direction: column;

    justify-content: end;



    h5 {

        color: white;

        font-size: 24px;

    }



    p {

        color: white;

    }

}

.row-officeloc{

        display: flex;

    flex-wrap: wrap;

   column-gap: 20px;

}

.officrloc {

    background: white;

    padding: 20px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    margin-top: 10px;

    margin-bottom: 10px;

    width: 48%;

}



.section-testo {

    padding: 60px 0px;

}

.officrloc h6{

    color: #e4087e;

    font-size: 19px;

    font-weight: bold;

}

.officrloc p{

    margin-bottom: 0px;

}



.testo-row {

    justify-content: center;

}



.testo-row-c {

    text-align: center;



    span {

        color: #21509c;

        font-weight: 500;

    }



    h2 {

        font-size: 38px;

        margin-top: 20px;

        font-weight: bold;

        margin-bottom: 20px;

    }

}



.owl-testo-col {

    /* padding-left: 100px; */

}

.aboutp-section-img1.aboutp-section-img {

    .aboutus--immg{

            height: 400px!important;

    width: 100%!important;

    object-fit: cover!important;

    border-radius: 10px!important;

            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

    .aboutus2{

            width: 200px!important;

    height: 200px!important;

    object-fit: cover!important;

    border-radius: 10px!important;

            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

}



.testo-top {

    display: flex;

    justify-content: space-between;

}



.item--testo {

    background-color: white;

    box-shadow: rgb(100 100 111 / 18%) 2px 4px 6px 0px;

    padding: 25px;

    border-radius: 20px;

    position: relative;

    padding-bottom: 50px;

}



.testo-top-i {

    display: flex;

    gap: 5px;

}



.testo-top {

    margin-bottom: 20px;

}



.testo-top-i i {

    color: gold;



}



.owl--testo-s .owl-stage-outer {

    padding: 40px 10px;

}



.img--owll {

    width: 50px !important;

    border-radius: 100%;

    height: 50px !important;

    position: absolute;

    right: 29px;

    object-fit: cover;

    bottom: -14px;

}



.span--owl {

    position: absolute;

    color: #21509c;

    right: 20px;

    font-weight: 500;

    bottom: 10px;

    line-height: 16px;

    text-align: end;

}



.item--testo p {

    line-height: 19px;

}



.owl--testo-s .owl-nav {

    display: none;

}



.work-section {

    background-image: linear-gradient(to left, #fffefc 0%, #e4087e52 100%);

    padding: 60px 0px;

    background: linear-gradient(90deg, #FFC2E3 0%, #F8F8F8 100%);

}

iframe{

    width: 100%;

}

.work-card {

    background: white;

    padding: 25px;

    border-radius: 20px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    text-align: center;

    height: 100%;



    h5 {

        color: #21509c;

        font-size: 16px;

    }



    p {

        line-height: 19px;

    }

}



.work-card-i {

    margin-bottom: 30px;

    height: 72px;

}



.work-card-i img{

    width: 79px;

}

.work-card-i i {

    font-size: 70px;

    color: #e4087e;

}



.row--workk {

    margin-top: 50px;

}



.Remarkable-section {

    padding: 120px 0px;

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

        url('../img/background-image.jpg');

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat;

}



.Remarkable-row {

    justify-content: center;

}



.Remarkable-row-c {

    text-align: center;



    h2 {

        color: white;

        font-size: 38px;

        font-weight: bold;

        margin-bottom: 35px;

    }



    p {

        color: white;

    }



    a {

        background-color: #e4087e;

        color: white;

        color: white;

        border-radius: 23px;

        width: 163px;

        display: inline-block;

        height: 44px;

        display: inline-flex;

        justify-content: center;

        align-items: center;

        text-decoration: none;

        margin-top: 20px;

    }

}



.recent-section {

    padding: 60px 0px;

}



.row--recent {

    align-items: end;

}



.recent--col h2 {

    color: #21509c;

    font-weight: bold;

    font-size: 70px;

}



.recent-c p {

    font-size: 20px;

    font-weight: 500;

}



.img--project {

    position: relative;

}



.name-p {

    position: absolute;

    bottom: 0px;

    background-image: linear-gradient(to top, #000000 0%, #00000000 100%);

    color: white;

    text-align: center;

    width: 100%;

    border-radius: 0px 0px 20px 20px;

}



.img--project img {

    width: 100%;

    border-radius: 20px;

    object-fit: cover;

}



.img--project1 img {

    height: 500px;

}



.img--project2 img {

    height: 240px;

}



.img--project3 img {

    height: 240px;

    margin-top: 20px;

}



.img--project4 img {

    height: 500px;

}



.row--project {

    margin-top: 50px;

}



footer {

    background-color: #e4087e;

    padding: 40px 0px;

}



.footer--main {

    background-color: white;

    padding: 20px;

    border-radius: 20px;

}



.footer--main {

    display: flex;

}



.footer-c {

    width: 20%;

    padding: 0px 10px;

}



.footer-c1 p {

    color: #1E1E1E;

    font-weight: 400;

    /* line-height: 100%; */

    margin-top: 15px;

}



.footer-c1 img {

    width: 200px;

}



.nav-ul p {

    font-size: 24px;

    font-weight: 700;

    color: #1E1E1E;

}



.nav-ul a {

    display: block;

    color: #1E1E1E;

    font-size: 16px;

    /* text-decoration: none; */

    margin-bottom: 4px;

}



.div-social {

    display: flex;

    gap: 12px;

}



.div-social i {

    font-size: 18px;

}

.bottom-footer p a{
    background: white;
    color: black;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 23px;
    font-size: 14px;
}

.bottom-footer {

    margin-top: 40px;



    p {

        text-align: center;

        color: white;

        font-weight: 500;

    }



    p span {

        background-color: white;

        color: black;

        background-color: white;

        color: black;

        padding: 4px 10px;

        border-radius: 26px;

        padding-top: 4px;

        padding-bottom: 6px;

        font-weight: 500;

    }

}



.shape3 {

    position: absolute;

    top: 0px;

    width: 100%;

}



.hero-section .container {

    position: relative;

}



.shape4 {

    position: absolute;

    top: -30px;

    left: -30px;

}



.row--offer1-c {

    position: relative;

}



.row--offer1-c .row--offer1-i {

    position: relative;

    object-fit: cover;

}



.shape5 {

    position: absolute;

    top: 0px;

    width: 100%;

    height: 100%;

    left: -52px;

}



.section-choose .container {

    position: relative;

}



.owl-testo-col {

    position: relative;

}



.shape6 {

    position: absolute;

    top: 0px;

    left: 6%;

}



.shape7 {

    position: absolute;

    top: 0px;

    width: 100%;

    height: 100%;

    left: 0px;

}



.work-section {

    position: relative;

}



.work-section .container {

    position: relative;

}



.Remarkable-row-c {

    position: relative;

}



.shape8 {

    position: absolute;

    left: -37px;

    top: -10px;

}



.shape9 {

    position: absolute;

    bottom: 58px;

    right: -60px;

}



.name-p h4 {

    font-size: 35px;

    margin-bottom: 0px;

}



.name-p p {

    font-weight: bold;

    font-size: 20px;

}



.menu-link {

    display: none;

}



.close-nav {

    display: none;

}





nav.scrolled {

    background: white;

}



nav.scrolled {

    background: white;

    box-shadow: rgb(0 0 0 / 5%) 0px 25px 20px -20px;

}





/* ===========blog============ */

.blog--section {

    background-image: linear-gradient(to right, #fffefc 0%, #ffecd2 100%);

    padding: 60px 0px;

    background: linear-gradient(270deg, #FFE5D3 0%, #F8F8F8 100%);

    position: relative;

}



.blog--section .container {

    position: relative;

}



.blog-container {

    /* max-width: 1200px; */

    margin: 0 auto;

    padding: 20px;

    margin-top: 40px;

}



.blog-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

    gap: 30px;

}



.blog-card {

    background: white;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.blog-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);

}



.card-link {

    text-decoration: none;

    color: inherit;

}



.card-image {

    position: relative;

    height: 200px;

    overflow: hidden;

}



.blog-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;

}



.blog-card:hover .blog-image {

    transform: scale(1.05);

}



.image-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));

}



.card-content {

    padding: 20px;

}



.category-tag {

    display: inline-block;

    background: #f0f0f0;

    color: #555;

    padding: 4px 10px;

    border-radius: 4px;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 12px;

}



.card-title {

    font-size: 18px;

    margin: 0 0 12px;

    color: #333;

    line-height: 1.4;

    font-weight: bold;

}



.card-excerpt {

    font-size: 14px;

    color: #666;

    margin-bottom: 20px;

    line-height: 1.5;

}



.read-more {

    font-size: 14px;

    font-weight: 600;

    color: #ffffff;

    display: flex;

    align-items: center;

    background-color: #e4087e;

    width: fit-content;

    padding: 10px 24px;

    border-radius: 100px;

}



.arrow-icon {

    margin-left: 5px;

    transition: transform 0.3s ease;

}



.blog-card:hover .arrow-icon {

    transform: translateX(3px);

}



@media (max-width: 768px) {

    .blog-grid {

        grid-template-columns: 1fr;

    }

}







.marquee-container {

    width: 100%;

    overflow: hidden;

    /* border: 1px solid #ccc; */



}



.marquee-track {

    display: flex;

    width: max-content;

    position: relative;

    white-space: nowrap;

    margin-top: 20px;

    margin-bottom: 20px;

}



.marquee-item {

    width: 200px;

    padding: 10px 10px;

    margin-right: 40px;

    background: #ffffff;

    color: #fff;

    border-radius: 8px;

    white-space: nowrap;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}



.section-patner {

    background-color: #326ed008;

}



.marquee-c {

    text-align: center;



    img {

        width: 100%;

    }

}



.marquee-c a {

    color: black;

    text-decoration: none;

    text-align: center;

}



.marquee-c p {

    margin-bottom: 0px;

    text-wrap: auto;

    margin-top: 10px;

    font-weight: bold;

}



.marquee-item:hover .marquee-c p {

    color: red;

}



.section-patner {

    padding: 60px 0px;

}



/* =============about===== */

.about--banner {

    background-image: url(../img/aboutbanner.png);

    background-size: cover;

    padding: 160px 0px;

    background-position: center;

}



.about-div {

    text-align: center;

    color: white;

    position: relative;



    h1 {

        font-weight: bold;

        font-size: 70px;

        margin-bottom: 15px;

    }



    P {

        padding: 0px 135px;

    }

}



.abpout--row-b {

    justify-content: center;

}



.whiteshapoe1 {

    position: absolute;

    left: -107px;

    display: none;

}



.whiteshapoe2 {

    position: absolute;

    right: -107px;

    bottom: 0px;

    display: none;

}



.blog-detail img {

    width: 100%;

    height: 400px;

    object-fit: cover;

    margin-bottom: 20px;

}



.blog-detail {

    h1 {

        margin-bottom: 30px;

    }

}



.blog--details {

    padding: 60px 0px;

}



.aboutp-section {

    padding: 60px 0px;

    padding-bottom: 150px;

}



.trus-about {

    position: absolute;

    bottom: -41px;

    right: 37%;

}



.aboutus-col {

    span {

        font-size: 35px;

        color: #e4087e;

        font-weight: bold;

    }



    h2 {

        font-size: 40px;

        color: #21509c;

        font-weight: bold;

        margin-bottom: 30px;

    }



    p {

        color: #1E1E1E;

        font-size: 20px;

        line-height: 24px;

    }



    ul li {

        font-size: 20px;

        color: #1E1E1E;

        margin-bottom: 10px;

    }

}



.aboutp-section {

    position: relative;



    .container {

        position: relative;

    }

}



.Decorationabout {

    position: absolute;

    top: 0px;

    width: 100%;

    opacity: 0.5;

    height: 100%;

}



.aboutp-section-img {

    position: relative;



    .aboutus2 {

        position: absolute;

        bottom: -97px;

        right: 0px;

    }

}



.v-mision {

    padding: 40px;

    background-image: url(../img/expernices-banner.png);

    background-size: cover;

    background-position: center;

}



.col-vmission-top {

    span {

        font-size: 35px;

        color: #F2FF00;

        font-weight: bold;

    }



    h2 {

        font-size: 40px;

        color: white;

        font-weight: bold;

        margin-bottom: 30px;

    }

}



.vision-card {

    background-color: white;

    padding: 20px;

    border-bottom: 8px solid #22519D;

    height: 100%;



    /* margin-top: 30px; */

    h3 {

        font-size: 30px;

        font-weight: 600;

        color: #22519D;

        margin-top: 15px;

    }



    p {

        margin-bottom: 0px;

    }

}



.span-icon {

    background-color: #F2FF00;

    width: 50px;

    height: 50px;

    display: block;

    margin-top: -40px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.vision-card-col {

    padding-top: 30px;

}



.ex-section {

    padding: 60px 0px;

    background-image: url(../img/Decoratione.png);

    background-size: cover;

    background-position: cover;

    background-repeat: no-repeat;

}



.ex-section h3 {

    text-align: center;

    color: #E5097F;

    font-size: 70px;

    font-weight: bold;

    margin-bottom: 0px;

}



.ex-section p {

    font-size: 32px;

    text-align: center;

    font-weight: 600;

    line-height: 100%;

}



.section--meet {

    padding: 60px 0px;

    background: linear-gradient(89.91deg, #F8F8F8 0.07%, #FFE5D3 99.92%);



}



.section--meet--col {

    margin-bottom: 40px;

}



.section--meet--col span {

    color: #E5097F;

    font-size: 35px;

    font-weight: 600;

}



.section--meet--col h2 {

    color: #21509c;

    font-size: 45px;

    font-weight: bold;

}



.section--meet-img img {

    width: 90%;

    border-radius: 20px;

}



.section--meet-cola {

    padding-top: 100px;

}



.section--meet-cola h3 {

    color: #e4087e;

    font-size: 35px;

    text-decoration: underline;

}



.section--meet-cola .h333 {

    color: #21509c;

    margin-top: 30px;

}



.Let--contact {

    background-color: #e4087e;

    color: white;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 20px;

    padding-right: 20px;

    text-decoration: none;

    border-radius: 11px;

    margin-top: 30px;

    display: block;

    width: fit-content;

}



.silderr-lo {

    padding: 60px 0px;

}



.owll-ss.owl-carousel .owl-item img {

     height: 116px !important;

    object-fit: contain;

    border: 2px solid #e4087e;

    border-radius: 10px;

    padding: 10px;

    display: block;

    margin: auto;

}



.silderr-lo {

    padding: 60px 0px;

    background-image: url(../img/Decoratione.png);

    background-size: cover;

    background-position: cover;

    background-repeat: no-repeat;

}



.owll-ss .owl-dots {

    display: none;

}



.owll-ss .owl-prev span {

    color: #E5097F;

    font-size: 90px;

    color: #E5097F;

    font-size: 90px;

    position: absolute;

    left: -40px;

    top: -13px;

}



.owll-ss .owl-next span {

    color: #E5097F;

    font-size: 90px;

    color: #E5097F;

    font-size: 90px;

    position: absolute;

    right: -45px;

    top: -13px;

}



.card-contact {

    text-align: center;

    border-right: 3px solid #e4087e;

    /* padding: 10px; */

}



.card-contact h5 {

    font-weight: bold;

    font-size: 28px;

    color: #e4087e;

    margin-top: 20px;

}



.card-contact a {

    color: #000000;

    text-decoration: none;

    font-size: 17px;

    display: block;

}



.card-contact img {

    width: 45px;

    height: 45px;

    object-fit: contain;

}



.section-card-c {

    padding: 60px 0px;

}



.contact-form {

    padding: 60px 0px;

    background: linear-gradient(89.91deg, #F8F8F8 0.07%, #FFE5D3 99.92%);

    padding-bottom: 0px;



}



.form-con {

    padding: 30px;

    border-radius: 10px;

    background: linear-gradient(180deg, #E5097F 0%, #22519D 100%);

    position: relative;

    margin-bottom: 60px;



}



.form-con img.con-bgg {

    position: absolute;

    top: 0px;

    width: 100%;

    right: 0px;

    height: 100%;

}



.form-con-edit {

    position: relative;

}



.form-con-edit label {

    color: white;

    font-size: 22px;

    margin-top: 20px;

    font-weight: 500;

}



.contact-form {

    position: relative;



    .container {

        position: relative;

    }

}



.contact-decroration {

    position: absolute;

    top: 0px;

    width: 100%;

    right: 0px;

    height: 100%;

}



.form-con-edit input {

    padding-top: 15px;

    padding-bottom: 15px;

}



.form-con-edit textarea {

    min-height: 200px;

}



.form-con-edit button {

    background-color: #e4087e;

    color: white;

    width: 100%;

    padding: 6px 0px;

    text-align: center;

    border-radius: 10px;

    font-size: 36px;

    border: none;

    margin-top: 20px;

}



.form-con-edit h3 {

    text-align: center;

    font-size: 50px;

    color: white;

    text-decoration: underline;

    margin-bottom: 30px;

}



.person-contact {

    position: relative;

}



.person-contact img {

    height: 90%;

    position: absolute;

    bottom: 0px;

    right: 0px;

}



.cta-section {

    background-image: url(../img/expernices-banner.png);

    background-position: center;

    background-size: cover;

    padding: 80px 0px;

}



.col--cta {

    text-align: center;



    h2 {

        color: white;

        font-weight: bold;

        font-size: 50px;

        padding: 0px 50px;

    }



    h5 {

        color: #F2FF00;

        font-size: 40px;

        position: relative;

        width: fit-content;

        text-align: center;

        display: block;

        margin: auto;

    }



    h5::after {

        content: "";

        display: block;

        width: 100px;

        height: 3px;

        background-color: #F2FF00;

        position: absolute;

        top: 27px;

        left: -110px;

    }



    h5::before {

        content: "";

        display: block;

        width: 100px;

        height: 3px;

        background-color: #F2FF00;

        position: absolute;

        top: 27px;

        right: -110px;

    }



    a {

        background-color: #e4087e;

        color: white;

        text-decoration: none;

        padding: 15px 30px;

        border-radius: 10px;

        font-size: 25px;

        font-weight: bold;



        display: block;

        width: fit-content;

        margin: auto;

        margin-top: 30px;

    }

}



.row--servicess {

    margin-top: 50px;

}



.servicep-section {

    padding: 60px 0px;

    background: linear-gradient(90deg, #FFC2E3 0%, #F8F8F8 111.91%);



}



.services-card {

    background: white;

    text-align: center;

    padding: 30px;

    border-radius: 20px;

    box-shadow: 0px 4px 10px 0px #00000040;

    height: 100%;





}



.services-card h3 {

    font-size: 28px;

    font-weight: bold;

    color: #22519D;

    text-transform: capitalize;

    margin-top: 20px;

    margin-bottom: 20px;

}



.services-card p {

    line-height: 23px;

}



.row--servicess {

    row-gap: 40px;

}



.service-d-section {

    padding: 60px 0px;

    /* background: linear-gradient(90deg, #FFFFFF -23.09%, #FFE5D3 101.35%); */



}



.col--serices1 {}



.col--serices1 h2 {

    color: #22519D;

    font-weight: bold;

    font-size: 40px;

    margin-top: 20px;

}



.col--serices1 p {

    font-size: 20px;

    line-height: 25px;

}



.col--serices1 ul li {

    font-size: 20px;

    margin-bottom: 10px;

}



.section--question {

    padding: 60px 0px;

    padding-top: 100px;

    background-color: #f8f8f8;

    /* background-image: url(../img/contact-decroration.png);

    background-position: center;

    background-size: cover; */

}



.section--question-col h2 {

    font-size: 80px;

    color: #e4087e;

    font-weight: bold;

    text-align: center;

    margin-bottom: 0px;

    /* line-height: 44px; */

    margin-bottom: 30px;

}



.section--question-col p {

    font-size: 65px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 50px;

}



.section--question {

    .accordion-flush .accordion-item .accordion-button {

        background: linear-gradient(90deg, #E4097F 0%, #274F9D 100%);

        border-radius: 10px;

        font-size: 22px;

        color: white;

        font-weight: bold;

        text-align: center;

    }



    .accordion-button:focus {

        box-shadow: none;

    }



    .accordion-item {

        margin-bottom: 15px;

    }

}



.service-d-section img {

    width: 100%;

    border-radius: 20px;

}



.dropdown-ul {

    background-color: white;

    padding: 0px;

    position: absolute;

    top: 20px;

    right: 0px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    width: max-content;



    li {

        padding: 9px 19px;

        padding-right: 70px;

        border-bottom: 1px solid #bebebe;

    }



    a {

        display: block;

    }

}



@media screen and (max-width: 2400px) and (min-width: 992px) {

    .dropdown-ul {

        opacity: 0;

        transition: 0.5s all;



        visibility: hidden;

    }



    .nav--ul li:hover .dropdown-ul {

        /* background-color: red; */

        opacity: 1;

        /* left: 0px; */

        top: 48px;

        visibility: visible;

        border-radius: 10px;



    }



}



.white-nav {

    ul.dropdown-ul {

        li {

            a {

                color: #21509c;

            }

        }



    }

}



.why--choose {

    padding: 60px 0px;

    background-color: #f8f8f8;

    background: linear-gradient(90deg, #FFFFFF -23.09%, #FFE5D3 101.35%);

}



.hh-why-choose h2 {

    color: #21509c;

    font-weight: bold;

    font-size: 40px;

    margin-top: 0px;

}



.why--c-item {

    padding: 20px;

    background-color: white;

    border-radius: 12px;

}



.why--c-item h3 {

    font-size: 23px;

    color: #e4087e;

}



.iconnn {

    width: 50px;

    height: 50px;

    background-color: #21509c;

    border-radius: 100%;

    margin-bottom: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: white;

    font-weight: bold;

    font-size: 19px;

}



.owl-carousel.why-owl .owl-prev,

.owl-carousel.why-owl .owl-next {

    width: 40px;

    height: 40px;

    background-color: #21509c !important;

    color: white !important;

}



.civil-section {

    background-image: url(../img/civil-background.png);

    background-size: cover;

    background-position: cover;

    /* padding: 50px 0px; */

}



.civil-col span {

    font-size: 30px;

    color: #e4087e;

    font-weight: bold;

}



.civil-col {

    padding-top: 50px;

}



.civil-col h2 {

    color: #21509c;

    font-weight: bold;

    font-size: 55px;

    margin-top: 0px;

    margin-bottom: 20px;

}



.image-civivl {

    padding: 0px;

}



.civil-col p {

    font-size: 19px;

}



.civil-col ul li {

    font-size: 19px;

}



.civil-col a {

    background: #E5097F;

    color: white;

    text-decoration: none;

    padding: 20px 50px;

    display: inline-block;

    border-radius: 45px;

    margin-top: 20px;

}



.image-civivl img {

        object-fit: cover;

    border-radius: 10px;

    padding-right: 20px;

    height: 100%;

    /* display: flex; */

    /* align-items: end;/ */

}



.civil-col {

    padding-bottom: 45px;

}



.past-section {

    padding: 60px 0px;

    background-image: url(../img/Decorationabout.png);

    background-size: cover;

    background-position: center;

}



.card-past-project {

    position: relative;

}



.card-past-project>img {

    width: 100%;

    height: 475px;

    object-fit: cover;

    border-radius: 20px;

}



.past-p-content {

    position: absolute;

    bottom: 0px;

    width: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

    width: 100%;

    /* margin: auto; */

    right: 0px;

    border-radius: 0px 0px 20px 20px;

    text-align: center;

}



.past-p-content img {

    width: 100px;

}



.past-p-content h4 {

    color: white;

    font-size: 24px;

    margin-top: 20px;

    margin-bottom: 0px;

}



.past-p-content p {

    color: white;

    padding: 0px 30px;

}



.row--past {

    margin-top: 50px;

    row-gap: 50px;

}



.future--section {

    padding: 60px 0px;

}



.future--section-col span {

    color: #e4087e;

    font-size: 30px;

    font-weight: bold;

    margin-top: 30px;

    display: block;

}



.future--section-col h2 {

    font-size: 50px;

    font-weight: bold;

    color: #22519D;

}



.future--section-col p {

    margin-top: 20px;

    font-size: 20px;

    padding-right: 65px;

}



.row-future--section-col {

    .col-6 {

        padding: 10px;

    }

}

.row-future--section-col img{

    height: 300px;

    object-fit: cover;

    width: 100%;

    border-radius: 10px;

}

.future--section-col ul li {

    margin-top: 12px;

    font-size: 20px;

}

.row-mainlogo{

        display: flex;

    flex-wrap: wrap;

    gap: 19px;

}

.row-mainlogo img{

    width: 200px;

    height: 100px;

    border-radius: 10px;

    border: 2px solid #e4087e;

}



.row-mainlogo{

    margin-top: 50px;

}

.section--fff {

    padding: 60px 0px;

    background: linear-gradient(90deg, #FFFFFF -23.09%, #FFE5D3 101.35%);



}



.strategies-col h2 {

    font-size: 50px;

    color: #21509c;

    font-weight: bold;

}



.strategies-col>p {

    font-size: 20px;

    line-height: 25px;

    margin-bottom: 35px;

    margin-top: 20px;

}



.cricle-b {

    width: 100%;

    height: 100%;

    max-width: 124px;

    min-width: 124px;

    max-height: 124px;

    min-height: 124px;



    background-color: #e4087e;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.strategies-box {

    display: flex;

    gap: 20px;

    align-items: center;

    margin-bottom: 20px;

}



.stragries-c {

    padding: 20px;

    border-radius: 10px;

    background: linear-gradient(90deg, #E30A7F 0%, #22519D 100%);



}



.stragries-c h4 {

    color: white;

    font-size: 30px;

}



.stragries-c p {

    color: white;

    margin: 0px;

}



.cta-future-section {

    padding: 100px 0px;

    background-image: url(../img/expernices-banner.png);

    background-size: cover;

    background-position: center;

}



.cta-future-section span {

    text-align: center;

    font-size: 40px;

    color: #F2FF00;

    width: fit-content;

    display: block;

    margin: auto;

    position: relative;

}



.cta-future-section span::after {

    content: "";

    display: block;

    width: 50px;

    background: #F2FF00;

    height: 2px;

    position: absolute;

    top: 33px;

    left: -55px;

}



.cta-future-section span::before {

    content: "";

    display: block;

    width: 40px;

    background: #F2FF00;

    height: 2px;

    position: absolute;

    top: 33px;

    right: -55px;

}



.cta-future-section h2 {

    text-align: center;

    color: white;

    font-weight: bold;

    font-size: 50px;

}



.cta-future-section a {

    color: #fff;

    display: block;

    max-width: fit-content;

    background: #E5097F;

    text-decoration: none;

    padding: 14px 30px;

    border-radius: 37px;

    display: block;

    margin: auto;

    margin-top: 20px;



}



.row--cerficated {

    margin-top: 30px;

}



.row--cerficated h3{

    color: #e4087e;

    font-weight: bold;

    margin-bottom: 0px;

}

.Certification {

    padding: 60px 0px;

    background-image: url(../img/cer-bg.png);

    background-size: cover;

    background-position: center;



}

.row-cccerf{

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}

.cer-bbox {

     width: 23%;

    padding: 0px 30px;

    text-align: center;

    margin-bottom: 30px;

}

.cer-bbox img{

object-fit:contain;

    height: 220px;

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

}

.d-cer{

    background-color: #E5097F;

    margin-top: 20px;

        padding: 7px;

    border-radius: 6px;

    height: 54px;

    display: none;

}

.d-cer1.d-cer{

    background-color: #22519D!important;

}

.d-cer h6{

    color: white;

    font-weight: bold;

    margin-bottom: 0px;

    font-size: 16px;

}

.d-cer p{

    margin-bottom: 0px;

    color: white;

    font-size: 12px;



}

.cerficted-gallery-section {

    display: flex;

    flex-wrap: wrap;

    gap: 21px;

}

.row--cerficated .col-md-4 img{

    border-radius: 20px;

}



.cerficted-gallery {

    width: 100%;

    max-width: 198px;

    height: 147px;

    background: aliceblue;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px;

    position: relative;

    border-radius: 10px;

    cursor: pointer;

}



.cerficted-gallery:hover img {

    transform: scale(1.1);

    transition: 0.5s all;

}



.cerficted-gallery img {

    object-fit: contain;

    height: 100%;

}



/* .cerficted-gallery::after {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    background: #00000012;

    position: absolute;

    top: 0px;

    right: 0px;

    border-radius: 10px;

} */

.gallery--image {

    padding-bottom: 20px;

}



.gallery--image img , .gallery--image video {

    width: 100%;

    height: 300px;



    cursor: pointer;

    object-fit: cover;

    border: 2px solid #E30A7F;

    border-radius: 5px;

}



.owl-carousel.home .owl-prev,

.owl-carousel.home .owl-next {

    /* width: 40px;

    height: 40px; */

    background-color: #b2bfd200 !important;

    color: #21509c !important;

    font-size: 36px !important;

}



.owl-dots {

    display: none;

}



.color-logo {

    display: none;

}



nav.scrolled {

    .white-logo {

        display: none;

    }



    .color-logo {

        display: block;

    }

}





nav.scrolled {

    .nav--ul {

        a {

            text-decoration: none;

            color: #21509c;

        }

    }



    .nav--ul {

        li a.active {

            color: #e4087e;

        }

    }



    .contact-btn {

        background-color: #e4087e;

        color: white !important;

        color: white;

        border-radius: 23px;

        width: 109px;

        display: inline-block;

        height: 36px;

        display: inline-flex;

        justify-content: center;

        align-items: center;

    }

}

.team--section{

    padding: 60px 0px;

}



.team-card {

    background-color: white;

    padding: 20px;

    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.25);

    /* height: 100%; */

    box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px;

    margin-top: 30px;

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



    h4 {

        color: rgba(0, 159, 193, 1);

        font-size: 23px;

        font-weight: bold;

    }



    ul {

        padding-left: 0px;

	margin-bottom:0px!important;

    }



    li {

        list-style: none;

        margin-bottom: 5px;

    }



    .team-img {

        width: 100%;

        /* background-color: rgba(0, 159, 193, 1); */

        max-width: 100%;

        margin-bottom: 20px;

    }



    .team-img {



        /* height: 100%; */

        img {

            margin-top: 0px;

            height: 210px;

            object-fit: cover;

            width: 100%;

            object-position: top;

            border-radius: 10px;

        }

    }



}

.project--st{

    display: flex;   

    gap: 20px;

}

.project--st img{

    border: 3px solid #E5097F;

    border-radius: 10px;

    width: 50%;

    height: 200px;

    object-fit: cover;

}

.project--st{

    

}

.redprojectt{



}

.ppppp{

    font-size: 30px;

}

.redprojectt-circle{

    position: absolute;

    top: 0px;

    right: 0px;

}

.redprojectt{
display: flex;
align-items: end;
    position: relative;

}

.redprojectt1{

    position: relative;

}

.aboutus--immg{

    width: 96%;

    border-radius: 20px;

    height: 100%;

    object-fit: cover;

}

.aboutus2

{

        width: 59%;

    border-radius: 20px;

    height: 43%;

    object-fit: cover;

}

.read-moe-btn{

    color: #e4087e;

    text-decoration: none;

}

.span-icon img{

    width: 45%!important;

}

.project-img11 img{

    width: 100%;

    border-radius: 20px;

    margin-bottom: 10px;

    border: 5px solid #e4087e;

}

.footer-c.footer-c1 {

    width: 40%;

}

.row--cerficated--desktop{}

.row--cerficated--mobile{display: none;}

.owl-carouselgallerysilder {

    .owl-nav{

        position: absolute;

    top: -69px;

    right: 0px;

    }

    .owl-prev , .owl-next{

            background: #e4087e!important;

    color: white!important;

    width: 34px!important;

    height: 40px!important;

    }

}

.div--cer-image {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100%;
                    height: 300px!important;

                    img {
                        width: 80% !important;
                        display: block;
                        margin: auto;
                        object-fit: contain!important;
                        height: 100%;
                    }
                }
/* ================media query =-================== */

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

    .row--offer1-c {

        padding-right: 0px;

    }



    .cta-future-section span {

        font-size: 42px;

    }



    .cerficted-gallery {

        max-width: 105px;

        height: 117px;

    }



    .future--section-col p {

        padding-right: 0px;

        font-size: 18px;

    }



    .cta-future-section h2 {

        font-size: 50px;

    }



    .future--section-col h2 {

        font-size: 40px;

    }



    .future--section-col ul li {

        font-size: 18px;

    }



    .strategies-col h2 {

        font-size: 40px;

    }



    .strategies-col>p {

        font-size: 16px;

    }



    .stragries-c p {

        font-size: 14px;

    }



    .stragries-c h4 {

        font-size: 22px;

    }



    .cricle-b {

        width: 100%;

        height: 100%;

        max-width: 70px;

        min-width: 70px;

        max-height: 70px;

        min-height: 70px;

        background-color: #e4087e;



        img {

            width: 90%;

        }

    }





    .civil-col h2 {

        font-size: 40px;

    }



    .civil-col br {

        display: none;

    }



    .civil-col p {

        font-size: 16px;

    }



    .civil-col ul li {

        font-size: 16px;

    }



    .civil-col a {

        padding: 10px 28px;

        display: inline-block;

        border-radius: 45px;

        margin-top: 20px;

    }



    .card-contact h5 {

        font-size: 26px;

    }



    .card-contact a {

        font-size: 16px;

    }



    .form-con-edit h3 {

        font-size: 36px;

    }



    .person-contact img {

        height: 68%;

        position: absolute;

        bottom: 0px;

        right: 0px;

    }



    .form-con-edit label {

        font-size: 19px;

    }



    .form-con-edit input {

        padding-top: 8px;

        padding-bottom: 8px;

    }



    .form-con-edit input {

        padding-top: 8px;

        padding-bottom: 8px;

    }



    .form-con-edit button {

        font-size: 26PX;

    }



    .col--cta {

        h2 {

            color: white;

            font-weight: bold;

            font-size: 40PX;

        }

    }



    .col--cta {

        h5 {

            color: #F2FF00;

            font-size: 33px;

            position: relative;

            width: fit-content;

            text-align: center;

            display: block;

            margin: auto;

        }

    }



    .o-r-2 h4,

    .o-r-1 span {

        font-size: 35px;

    }



    .offer-c {

        padding-left: 13px;

    }



    .recent-c p {

        font-size: 18px;

        font-weight: 500;

    }



    .recent--col h2 {



        font-size: 60px;

    }



    .footer-c1 img {

        width: 100%;

    }



    .whiteshapoe1,

    .whiteshapoe2 {

        width: 80px;

    }



    .about-div {

        h1 {

            font-weight: bold;

            font-size: 69px;

            margin-bottom: 15px;

        }

    }



    .aboutus-col {

        span {

            font-size: 28px;

            color: #e4087e;

            font-weight: bold;

        }

    }



    .aboutus-col {

        h2 {

            font-size: 34px;

            color: #21509c;

            font-weight: bold;

            margin-bottom: 30px;

        }

    }



    .aboutus--immg {

        width: 100%;

    }



    .aboutus-col {

        p {

            color: #1E1E1E;

            font-size: 17px;

            line-height: 24px;

        }

    }



    .aboutus-col {

        ul li {

            font-size: 20px;

            color: #1E1E1E;

            margin-bottom: 6px;

            font-size: 17px;

        }

    }



    .aboutp-section-img {

        .aboutus2 {

            bottom: 91px;

        }

    }



    .trus-about {

        bottom: 64px;

        right: 37%;

        width: 37%;

    }



    .col-vmission-top {

        h2 {

            font-size: 34px;

        }

    }



    .col-vmission-top {

        span {

            font-size: 28px;

        }

    }



    .vision-card p {

        font-size: 14px;

    }



    .vision-card {

        h3 {

            font-size: 24px;

        }

    }



    .vision-card-col {

        padding-top: 0px;

    }



    .ex-section p {

        font-size: 22px;

    }



    .ex-section h3 {

        font-size: 45px;

    }



    .section--meet--col span {

        font-size: 28px;

    }



    .section--meet--col h2 {

        font-size: 34px;

    }



    .section--meet-cola {

        padding-top: 0px;

    }



    .section--meet-cola h3 {

        font-size: 28px;

    }

}







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

    .cer-bbox {

    width: 31%;

    padding: 0px 10px;

    text-align: center;

    margin-bottom: 30px;

}

.d-cer{

    height: 80px;

}

    .not-white {

        ul.dropdown-ul.active {

            position: relative;

            box-shadow: none !important;

        }



        .dropdown-ul li a {

            color: #21509c !important;

        }

    }



    .hero-col h1 {

        font-size: 30px;

    }



    .row-future--section-col {

        margin-top: 20px;

    }



    .row--f--img .col-12 {

        width: 50%;

    }



    .section--fff-row {

        flex-direction: column-reverse;

    }



    .strategies-box {

        width: 70%;

    }



    .strategies-col h2 {

        font-size: 28px;

        margin-top: 30px;

    }



    .future--section-col h2 {

        font-size: 28px;

    }



    .cerficted-gallery {

        max-width: 97px;

        height: 83px;

    }



    .future--section-col span {

        font-size: 19px;

        margin-top: 0px;

    }



    .card-contact {

        margin-bottom: 30px;

    }



    .hero-col h6 {

        font-size: 16px;

    }



    .img-h img {

        height: 55px;

    }



    .shape1 {

        width: 85px;

    }



    .col--serices1 h2 {

        font-size: 28px;

        margin: 0px;

        margin-bottom: 20px;

    }



    .cta-future-section h2 {

        font-size: 34px;

    }



    .cta-future-section span {

        font-size: 28px;

    }



    .cta-future-section span::before {

        top: 23px;

    }



    .cta-future-section span::after {

        top: 23px;

    }





    .section--question-col h2 {

        font-size: 40px;

    }



    .section--question-col p {

        font-size: 34px;

    }



    .section--question {

        padding: 60px 0px;

    }



    .section--question {

        .accordion-flush .accordion-item .accordion-button {

            background: linear-gradient(90deg, #E4097F 0%, #274F9D 100%);

            border-radius: 10px;

            font-size: 16px;

            color: white;

            font-weight: bold;

            text-align: center;

        }

    }



    .col--serices1 p {

        font-size: 14px;

        line-height: 20px;

    }



    .services-card h3 {

        font-size: 21px;

    }



    .col--serices1 ul li {

        font-size: 14px;

        margin-bottom: 0px;

    }



    .heroo--image .hero--img1 {

        height: 430px;

        object-fit: cover;

    }



    .shape2 {

        position: absolute;

        bottom: 42px;

        right: -16px;

        width: 80px;

    }



    .offer--col {

        h2 {

            font-size: 28px;

        }



        span {

            color: #e4087e;

            font-size: 19px;

            font-weight: bold;

        }

    }



    .o-r-1 {

        width: 100%;

        max-width: 52px;

    }



    .o-r-2 h4,

    .o-r-1 span {

        font-size: 25px;

    }



    .offer-c p {

        font-size: 14px;

    }



    .o-r-2 p {

        font-size: 14px;

    }



    .choose-card {

        margin-bottom: 20px;

    }



    .shape5 {

        left: -87px;

    }



    .testo-row-c {

        h2 {

            font-size: 28px;

        }

    }



    .testo-row-c p {

        font-size: 14px;

    }



    .work-card-i {

        height: 45px;

    }



    .work-card-i img {

        width: 45px;

    }



    .work-card h5 {

        font-size: 15px;

    }



    .work-card p {

        font-size: 15px;

    }



    .Remarkable-row-c {

        h2 {

            font-size: 28px;

        }

    }



    .shape8,

    .shape9 {

        width: 44px;

    }



    .shape9 {

        right: -36px;

    }



    .row--recent {

        align-items: center;

    }



    .recent--col h2 {

        font-size: 40px;

    }



    .recent-c p {

        font-size: 14px;

        font-weight: 500;

    }



    .name-p h4 {

        font-size: 22px;

    }



    .name-p p {

        font-size: 14px;

    }



    .footer-c {

        width: 25%;

    }



    .footer--main {

        flex-wrap: wrap;

    }



    .nav-ul p {

        font-size: 17px;

    }



    .nav-ul a {

        font-size: 14px;

    }



    .footer-c1 p {

        font-size: 14px;

    }



    .about-div {

        h1 {

            font-size: 45px;

        }

    }



    .whiteshapoe1,

    .whiteshapoe2 {

        width: 50px;

    }



    .about-div {

        P {

            padding: 0px 13px;

        }

    }



    .aboutus-col {

        span {

            font-size: 19px;

        }



        h2 {

            font-size: 28px;

            margin-bottom: 15px;

        }



        p,

        ul li {

            font-size: 14px;

        }

    }



    .aboutp-section-img {

        .aboutus2 {

            bottom: 200px;

            width: 50%;

        }

    }



    .trus-about {

        bottom: 148px;

        right: 37%;

        width: 37%;

    }



    .aboutp-section {

        padding-bottom: 60px;

    }



    .col-vmission-top {

        max-width: 100%;

        width: 100%;

    }



    .section--meet--col span {

        font-size: 19px;

    }



    .section--meet--col h2 {

        font-size: 28px;

    }



    .col-vmission-top {

        span {

            font-size: 19px;

        }

    }



    .col-vmission-top {

        h2 {

            font-size: 28px;

        }

    }



    .section--meet-cola h3 {

        font-size: 21px;

    }



    .section--meet-cola p {

        font-size: 14px;

    }



    .aboutus--immg {

        width: 68%;

        display: block;

        margin: auto;

    }



    .aboutp-section-img {

        .aboutus2 {

            bottom: 0px;

            width: 33%;

        }

    }



    .trus-about {

        bottom: 0px;

        right: 26%;

        width: 21%;

    }



    .aboutp-section-img {

        padding-bottom: 50px;

    }



    .dropdown-ul {

        opacity: 0;

        visibility: hidden;

    }



    .dropdown-ul.active {

        opacity: 1;

        visibility: visible;

    }



    .white-nav {

        ul.dropdown-ul.active {

            /* background-color: #e4087e; */

            box-shadow: none;

            z-index: 111;

            position: relative;

        }

    }



    .nav--ul {

        li {

            text-align: center;

        }

    }



    .dropdown-ul li a {

        color: white !important;

    }

}







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

    /* .row--cerficated--desktop{display: none;} */

    .row--cerficated--mobile{display: block;}

    .menu-link {

        display: block;

    }

    .footer-c.footer-c1 {

    width: 100%;

}

    .cer-bbox {

    width: 48%;

    padding: 0px 10px;

    text-align: center;

    margin-bottom: 30px;

}



    .cerficted-gallery {

        max-width: 132px;

        height: 141px;

    }



    .cerficted-gallery-section {

        justify-content: center;

        margin-top: 30px;

    }



    .strategies-box {

        width: 100%;

    }



    .civil-col h2 {

        font-size: 28px;

    }



    .civil-col span {

        font-size: 19px;

    }



    .section--question-col h2 {

        font-size: 28px;

    }



    .col--cta {

        h2 {

            color: white;

            font-weight: bold;

            font-size: 36px;

            padding: 0px;

        }

    }



    .section--question-col p {

        font-size: 26px;

    }



    .section--question {

        padding: 40px 0px;

    }



    .white-nav {

        & .nav--ul {

            a {

                text-decoration: none;

                color: #21509c !important;

            }

        }

    }



    .white-nav {

        & .nav--ul {

            li a.active {

                color: #E30A7F !important;

            }

        }

    }



    .white-nav {

        .contact-btn {

            background-color: #e4087e !important;

            color: white !important;

        }

    }



    .nav--ul {

        position: fixed;

        width: 300px;

        top: 0px;

        right: -300px;

        height: 100%;

        transition: 0.5s all;

    }



    .nav--ul {

        flex-direction: column;

        justify-content: start;

        background-color: white;

    }



    .close-nav {

        display: block;

    }



    .close-nav {

        width: 100%;

        text-align: end;

        padding-right: 20px;

        padding-top: 20px;

        margin-bottom: 20px;

    }



    .close-nav i {

        cursor: pointer;

        font-size: 21px;

    }



    .menu-link {

        display: flex;

        justify-content: end;



        i {

            cursor: pointer;

            font-size: 33px;

        }

    }



    ul.nav--ul.active {

        right: 0px;

    }



    .nav-logo {

        img {

            width: 250px;

            max-width: 175px;

        }

    }



    .heroo--image {

        font-size: 50px;

    }



    .img-h img {

        height: 77px;

    }



    .img--h .img-h {

        width: 23%;

        /* background-color: #e4087e; */

    }



    .row--offer1-i {

        height: 500px;

        border-radius: 0px 0px 0px 200px;

        width: 100%;

        object-fit: cover;

        margin-bottom: 40px;

    }



    .work-card {

        margin-bottom: 20px;

    }



    .img--project1 img {

        height: 300px;

    }



    .img--project2 img {

        height: 300px;

    }



    .img--project3,

    .img--project2,

    .img--project1 {

        margin-bottom: 20px;

    }



    .img--project3 img,

    .img--project4 img {

        height: 300px;

    }



    .img--project3 img {

        margin-top: 0px;

    }



    .footer-c {

        width: 100%;

    }



    .footer-c1 img {

        width: 200px;

    }



    .nav-ul p {

        margin-top: 30px;

    }



    .shape9 {

        right: 0px;

    }



    .shape8 {

        left: 0px;

    }



    .main-o-r {

        margin-top: 20px;

    }



    .vision-card-col {

        margin-top: 35px;

    }



    .ex-section p {

        font-size: 12px;

    }



    .ex-section h3 {

        font-size: 30px;

    }



    .popup-overlay img {

        margin-top: 120px !important;

    }

}







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

    .div--cer-image {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100%;
                    height: 300px!important;

                    img {
                        width: 100% !important;
                        display: block;
                        margin: auto;
                            object-fit: contain;
                    }
                }
    .owll-ss .owl-next span{

        right: 0px;

    }

    .owll-ss .owl-prev span{

        left: 0px;

    }

    .hero-section .row{

        flex-direction: column-reverse;

    }

    .white-nav {

    & .nav--ul {

        .contact-btn  {

            text-decoration: none;

            color: #ffffff!important;

        }

    }

}

        .about-div {

        h1 {

            font-size: 21px;

            line-height: normal;

        }

    }

.row-mainlogo img{

    width: 46%;

    height: max-content;

}

    .shape2 {

        right: 0px;

    }

    .cer-bbox img {

    height: 158px;

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

}

.aboutus--immg{

    width: 100%;

}



.d-cer p {

    margin-bottom: 0px;

    color: white;

    font-size: 12px;

    line-height: 18px;

}

.d-cer h6 {

    color: white;

    font-weight: bold;

    margin-bottom: 0px;

    font-size: 14px;

}

.d-cer1.d-cer {

    background-color: #22519D !important;

    display: flex

;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    display: none;

}

.cer-bbox {

    width: 47%;

    padding: 0px 10px;

    text-align: center;

    margin-bottom: 0px;

}

.d-cer {

    background-color: #E5097F;

    margin-top: 20px;

    padding: 7px;

    border-radius: 6px;

    height: 54px;

    width: fit-content;

    padding: 10px 20px;

    margin: auto;

    margin-top: 6px;

    height: unset;

}

    .hh-why-choose h2 {

        font-size: 28px;

        margin-bottom: 20px;

    }



    .cerficted-gallery {

        max-width: 29%;

        height: 141px;

        padding: 9px;

    }



    .cta-future-section h2 {

        text-align: center;

        color: white;

        font-weight: bold;

        font-size: 24px;

        margin-top: 20px;

    }



    .row--offer1-c .row--offer1-i {

        width: 95%;

        display: block;

        margin: auto;

        height: 400px;

    }



    .heroo--image {

        margin-bottom: 50px;

    }



    .heroo--image .hero--img1 {

        height: 375px;

        object-fit: cover;

    }



    .owl-testo-col {

        padding-left: 0px;

    }



    .gallery--image img , .gallery--image video {

        height: 250px;

    }

    



    .bottom-footer {

        p {

            text-align: center;

            color: white;

            font-weight: 500;

            font-size: 12px;

        }

    }
    .bottom-footer p a{
            background: white;
    color: black;
    text-decoration: none;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 20px;
    font-size: 13px;
    }



    .marquee-item {

        width: 95px;

    }



    .shape8 {

        top: -45px;

    }



    .shape9 {

        bottom: 0px;

    }



    .whiteshapoe2 {

        position: absolute;

        right: 6px;

        bottom: -29px;

    }



    .whiteshapoe1 {

        position: absolute;

        left: 10px;

    }



    .about--banner {

        padding: 110px 0px;

    }



    .aboutp-section-img {

        .aboutus2 {

            bottom: 0px;

            width: 34%;

            right: 11%;

        }

    }



    .trus-about {

        bottom: 0px;

        right: 38%;

        width: 21%;

    }



    .section--meet-img {

        margin-bottom: 20px;

    }



    .section--meet-img img {

        width: 75%;

        display: block;

        margin: auto;

        border-radius: 20px;

    }



    .v-mision {

        padding: 40px 0px;

    }

    .officrloc{

            width: 46%;

    }

    .officrloc h6{

        font-size: 16px;

    }

    .officrloc p {

    margin-bottom: 0px;

    font-size: 14px;

}

.dropdown-ul {

    li {

        padding: 9px 19px;

        padding-right: 0px;

        border-bottom: navajowhite;

        padding: 10px 0px;

    }

}

}



.white-nav {



    .nav--ul {

        a {

            text-decoration: none;

            color: #ffffff;

        }

    }



    .nav--ul {

        li a.active {

            color: #ffffff;

        }

    }



    .contact-btn {

        background-color: #ffffff;

        color: #e4087e !important;

        /* color: white!important; */

        border-radius: 23px;

        width: 109px;

        display: inline-block;

        height: 36px;

        display: inline-flex;

        justify-content: center;

        align-items: center;

    }





}





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

        .about-div {

        h1 {

            font-size: 21px;

            line-height: normal;

        }

    }

    .white-nav {

        .nav--ul {

            flex-direction: column;

            justify-content: start;

            /* background-color: #e4087e; */

            padding-left: 0px;

        }



        .menu-link {

            i {

                cursor: pointer;

                font-size: 33px;

                color: rgb(0, 0, 0);

            }

        }



        .close-nav i {

            cursor: pointer;

            /* color: white; */

            font-size: 21px;

        }

    }



}