﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.mb20 {
    margin-bottom: 20px;
}


.greenBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: linear-gradient(90deg, #279A47 0%, #0D3418 100%);
    border-radius: 8px;
    padding: 8px 16px;
    transition: all 0.4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.greenBtn:hover {
    background: linear-gradient(90deg, #0D3418 0%, #279A47 100%);
    color: #FFFFFF;
}

.secondaryGreenBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: #279A47;
    border-radius: 0 4px 4px 0;
    padding: 8px 16px;
    transition: all 0.4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 10px 16px;
}

.secondaryGreenBtn:hover {
    color: #22792D;
    background-color: #fff;
}

.headingWrap {
    margin-bottom: 20px;
}

.mainHeading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #269a44;
    padding-top: 30px;
}

.blackPara {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #000000;
}

.heroCard {
    background-color: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    min-height: 173px;
    margin-bottom: 20px;
    transition: all 0.9s;
    cursor: pointer;
    position: relative;
}

.heroCard:hover {
    animation: flipOnce 0.9s forwards;
}

@keyframes flipOnce {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.heroCardTitle {
    font-family: Poppins;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.heroCardLogoWrap {
    max-width: 95px;
    margin: 0 auto 10px auto;
}

.heroCardLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.heroShadowWrap {
    height: 96px;
    width: 96px;
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 8px rgba(255, 60, 0, 0.5);
}

.heroShadowWrap img {
    height: 96px;
    max-width: 96px;
    object-fit: contain;
    margin: 0 auto;
}

.ourCoursesSection {
    background-color: #E9FFEE80;
}

.secondaryHeading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.ourCoursesCard {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.courseCardImageWrap {
    position: relative;
    padding-top: 52%;
    overflow: hidden;
}

.courseCardImageWrap:hover img {
    transform: scale(1.2);
    transition: all 0.8s;
}

.courseCardImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourCoursesCardTextWrap {
    padding: 20px 15px 30px 15px;
}


.ourCoursesCard {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.courseCardImageWrap {
    position: relative;
    padding-top: 52%;
    overflow: hidden;
}

.courseCardImageWrap:hover img {
    transform: scale(1.2);
    transition: all 0.8s;
}

.courseCardImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourCoursesCardTextWrap {
    padding: 20px 15px 30px 15px;
}

.courseCardTitle {
    font-family: Poppins;
    font-weight: 700;
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
}

.whiteBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #269A47;
    transition: all 0.4s;
}

.whiteBtn:hover {
    color: #fff;
    background-color: #269A47;
}

.courseParaWrap {
    min-height: 140px;
}

/*oper wala naya code hi*/

@media only screen and (max-width: 767px) {
    .search-form {
        margin-top: 7px;
    }

    .carousel-caption.slider-con {
        display: none !important;
    }

    .slider-arr {
        background: transparent;
        color: transparent;
    }

    .carousel .col-xs-6 {
    width: 50% !important;
    float: left !important;
    display: block !important;
  }
}

/* X icon or twitter new icon*/
.x-icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    margin-top: 8px;
    color: white;
}

.x-icont {
    display: inline-block;
    vertical-align: middle;
    margin-top: 13px;
    margin-bottom: 4px;
    color: white;
}

.x-iconb {
    display: inline-block;
    vertical-align: middle;
    color: white;
}

/*New X icon end*/

.wed-foot-link-1 ul li a svg {
    width: 32px;
    height: 32px;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 20px;
    padding: 8px;
    color: #ffffff;
}

/*defaul #007c3d*/

/*celt.com.pk*/
/*mobile menu grid*/
/*.hamburger {
    width: 40px;
    height: 30px;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-top: 5px;
}

    .hamburger span {
        position: absolute;
        width: 100%;
        height: 5px;
        background: #2e3293;
        left: 0;
        border-radius: 5px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.3);
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

        .hamburger span:nth-child(1) {
            top: 0;
        }

        .hamburger span:nth-child(2) {
            top: 12px;
        }

        .hamburger span:nth-child(3) {
            top: 24px;
        }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(12px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translateY(-12px);
    }

.ed-com-t1-left ul li a {
    border-right: 1px solid #2e3293;
}

.ed-com-t1-social ul li a i {
    border-right: 1px solid #2e3293;
}

.bann-btn-1 {
    background: linear-gradient(to top, #3d41cc, #3d41cc);
    border: 1px solid #3d41cc;
}

.slider-con h2 span {
    color: #ffffff;
}

.ed-top {
    background: #2e3293;
}

.search-top {
    background: #2e3293;
}

.pro-menu {
    background: #2e3293;
}

.pro-act {
    background: #3d41cc;
}

.ed-com-t1-right ul li:nth-child(2) a {
    background: #3d41cc;
}

.wed-hom-footer {
    background: #2e3293;
}

.wed-rights {
    background: #3d41cc;
}

.sf-submit input {
    border: 1px solid #3d41cc;
    background: linear-gradient(to top, #3d41cc, #3d41cc);
}

.map-head h2 {
    color: #3d41cc;
}

.ed-ref-form-inn form ul li input[type="submit"] {
    background: #3d41cc;
}

.ed-ban-cal-le {
    background: #3d41cc;
}

.con-title h2 span {
    color: #3d41cc;
}

.full-bot-book {
    background: #3d41cc;
}

.new-con h2 {
    color: #3d41cc;
}

.footer-part-form ul li input[type="submit"] {
    background: #3d41cc;
}

.my-color {
    color: #3d41cc;
}

.light-btn {
    background: #3d41cc;
}

.h-quote:hover .help-arrow i {
    background: #3d41cc;
}

.main-menu ul li a:after {
    color: #3d41cc;
    background-color: #3d41cc;
}

.main-menu ul li a:hover {
    color: #3d41cc;
}

.m-menu-inn > .mm1-s2 > .mm-r-m-btn {
    background-color: #3d41cc;
}

.log-in-pop-left {
    background-color: #3d41cc;
}

.log-in-btn {
    background-color: #3d41cc;
}

.log-in-pop-left h4 {
    color: #3d41cc;
}

.log-in-pop-left p {
    color: #3d41cc;
}

.wed-hom-footer h4 {
    color: #ffffff;
}

.wed-hom-footer p {
    color: #ffffff;
}

    .wed-hom-footer p a {
        color: #ffffff;
    }

.wed-foot-link {
    border-top: 1px groove #ffffff;
    border-bottom: 1px groove #ffffff;
}

    .wed-foot-link div {
        border-right: 1px groove #ffffff;
    }

    .wed-foot-link ul li a {
        color: #ffffff;
    }

.wed-foot-link-1 ul li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.ed-com-t1-left ul li a {
    color: #ffffff;
}

.ed-com-t1-social ul li a i {
    color: #ffffff;
}

.ed-rsear-dec h4 a {
    text-transform: lowercase;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #2e3293;
}

.h-quote:before {
    background: #2e3293;
}

.quote-title p {
    color: #fefefe;
}

.head-2:before {
    background: linear-gradient(to right, #3d41cc, #3d41cc73);
}

.head-2-inn p {
    color: #f1f1f1;
}

.wed-hom-ser ul li a {
    background: #2e3293;
}

    .wed-hom-ser ul li a:hover {
        background: #3d41cc;
    }

.slider-arr {
    background: transparent;
}

.sf-input input {
    background: none;
    color: #ffffff;
    border: 1px solid #3d42cc;
}*/
/*celt.com.pk end*/

/*gstrainings.com*/
/*mobile menu grid*/
/*.hamburger {
    width: 40px;
    height: 30px;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-top: 5px;
}

.hamburger span {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #269943;
    left: 0;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.hamburger span:nth-child(1) {
    top: 0;
}

.hamburger span:nth-child(2) {
    top: 12px;
}

.hamburger span:nth-child(3) {
    top: 24px;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translateY(12px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-12px);
}

.ed-com-t1-left ul li a {
    border-right: 1px solid #175729;
}

.ed-com-t1-social ul li a i {
    border-right: 1px solid #175729;
}

.bann-btn-1 {
    background: linear-gradient(to top, #269a44, #269a44);
    border: 1px solid #269a44;
}

.slider-con h2 span {
    color: #ffffff;
}

.ed-top {
    background: #175729;
}

.search-top {
    background: #175729;
}

.pro-menu {
    background: #175729;
}

.pro-act {
    background: #269a44;
}

.ed-com-t1-right ul li:nth-child(2) a {
    background: #269a44;
}

.wed-hom-footer {
    background: #175729;
}

.wed-rights {
    background: #269a44;
}

.sf-submit input {
    border: 1px solid #269a44;
    background: linear-gradient(to top, #269a44, #269a44);
}

.map-head h2 {
    color: #269a44;
}

.ed-ref-form-inn form ul li input[type="submit"] {
    background: #269a44;
}

.ed-ban-cal-le {
    background: #269a44;
}

.con-title h2 span {
    color: #269a44;
}

.full-bot-book {
    background: #269a44;
}

.new-con h2 {
    color: #269a44;
}

.footer-part-form ul li input[type="submit"] {
    background: #269a44;
}

.my-color {
    color: #269a44;
}

.light-btn {
    background: #269a44;
}

.h-quote:hover .help-arrow i {
    background: #269a44;
}

.main-menu ul li a:after {
    color: #269a44;
    background-color: #269a44;
}

.main-menu ul li a:hover {
    color: #269a44;
}

.m-menu-inn>.mm1-s2>.mm-r-m-btn {
    background-color: #269a44;
}

.log-in-pop-left {
    background-color: #269a44;
}

.log-in-btn {
    background-color: #269a44;
}

.log-in-pop-left h4 {
    color: #269a44;
}

.log-in-pop-left p {
    color: #269a44;
}

.wed-hom-footer h4 {
    color: #ffffff;
}

.wed-hom-footer p {
    color: #ffffff;
}

.wed-hom-footer p a {
    color: #ffffff;
}

.wed-foot-link {
    border-top: 1px groove #ffffff;
    border-bottom: 1px groove #ffffff;
}

.wed-foot-link div {
    border-right: 1px groove #ffffff;
}

.wed-foot-link ul li a {
    color: #ffffff;
}

.wed-foot-link-1 ul li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.ed-com-t1-left ul li a {
    color: #ffffff;
}

.ed-com-t1-social ul li a i {
    color: #ffffff;
}

.ed-rsear-dec h4 a {
    text-transform: lowercase;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #175729;
}

.h-quote:before {
    background: #175729;
}

.quote-title p {
    color: #fefefe;
}

.head-2:before {
    background: linear-gradient(to right, #269a44, #269a4473);
}

.head-2-inn p {
    color: #f1f1f1;
}

.wed-hom-ser ul li a {
    background: #175729;
}

.wed-hom-ser ul li a:hover {
    background: #269a44;
}

.slider-arr {
    background: transparent;
}

.sf-input input {
    background: none;
    color: #ffffff;
}*/

/*gstrainings.com end*/



/*smart shorthand*/
/*.ed-com-t1-left ul li a {
    border-right: 1px solid #2e3192;
}

.ed-com-t1-social ul li a i {
    border-right: 1px solid #2e3192;
}

.bann-btn-1 {
    background: linear-gradient(to top, #6a74cc, #6a74cc);
    border: 1px solid #6a74cc;
}

.slider-con h2 span {
    color: #ffffff;
}

.ed-top {
    background: #2e3192;
}

.search-top {
    background: #2e3192;
}

.pro-menu {
    background: #2e3192;
}

.pro-act {
    background: #6a74cc;
}

.ed-com-t1-right ul li:nth-child(2) a {
    background: #6a74cc;
}

.wed-hom-footer {
    background: #2e3192;
}

.wed-rights {
    background: #6a74cc;
}

.sf-submit input {
    border: 1px solid #6a74cc;
    background: linear-gradient(to top, #6a74cc, #6a74cc);
}

.map-head h2 {
    color: #6a74cc;
}

.ed-ref-form-inn form ul li input[type="submit"] {
    background: #6a74cc;
}

.ed-ban-cal-le {
    background: #6a74cc;
}

.con-title h2 span {
    color: #6a74cc;
}

.full-bot-book {
    background: #6a74cc;
}

.new-con h2 {
    color: #6a74cc;
}

.footer-part-form ul li input[type="submit"] {
    background: #6a74cc;
}

.my-color {
    color: #6a74cc;
}

.light-btn {
    background: #6a74cc;
}

.h-quote:hover .help-arrow i {
    background: #6a74cc;
}

.main-menu ul li a:after {
    color: #6a74cc;
    background-color: #6a74cc;
}

.main-menu ul li a:hover {
    color: #6a74cc;
}

.m-menu-inn > .mm1-s2 > .mm-r-m-btn {
    background-color: #6a74cc;
}

.log-in-pop-left {
    background-color: #6a74cc;
}

.log-in-btn {
    background-color: #6a74cc;
}

.log-in-pop-left h4 {
    color: #6a74cc;
}

.log-in-pop-left p {
    color: #6a74cc;
}

.wed-hom-footer h4 {
    color: #ffffff;
} 
.wed-hom-footer p {
    color: #ffffff;
}

    .wed-hom-footer p a {
        color: #ffffff;
    }
.wed-foot-link ul li a {
    color: #ffffff;
}
.wed-foot-link-1 ul li a i {
    border: 1px solid #ffffff; 
    color: #ffffff;
}
.ed-com-t1-left ul li a {
    color: #ffffff;
}
.ed-com-t1-social ul li a i {
    color: #ffffff;
}
.ed-rsear-dec h4 a {
    text-transform: lowercase;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #2e3192;
}
.h-quote:before { 
    background: #2e3192; 
}*/
/*smart shorthand end*/


/*Shaheen shorthand*/
/*.ed-rsear-dec h4 a {
    text-transform: lowercase;
}*/
/*Shaheen shorthand End*/

/*ITTI*/
/*.ed-com-t1-left ul li a {
    border-right: 1px solid #004382;
}

.ed-com-t1-social ul li a i {
    border-right: 1px solid #004382;
}

.bann-btn-1 {
    background: linear-gradient(to top, #3b5998, #3b5998);
    border: 1px solid #3b5998;
}

.slider-con h2 span {
    color: #ffffff;
}

.ed-top {
    background: #004382;
}

.search-top {
    background: #004382;
}

.pro-menu {
    background: #004382;
}

.pro-act {
    background: #3b5998;
}

.ed-com-t1-right ul li:nth-child(2) a {
    background: #3b5998;
}

.wed-hom-footer {
    background: #004382;
}

.wed-rights {
    background: #3b5998;
}

.sf-submit input {
    border: 1px solid #3b5998;
    background: linear-gradient(to top, #3b5998, #3b5998);
}

.map-head h2 {
    color: #3b5998;
}

.ed-ref-form-inn form ul li input[type="submit"] {
    background: #3b5998;
}

.ed-ban-cal-le {
    background: #3b5998;
}

.con-title h2 span {
    color: #3b5998;
}

.full-bot-book {
    background: #3b5998;
}

.new-con h2 {
    color: #3b5998;
}

.footer-part-form ul li input[type="submit"] {
    background: #3b5998;
}

.my-color {
    color: #3b5998;
}

.light-btn {
    background: #3b5998;
}

.h-quote:hover .help-arrow i {
    background: #3b5998;
}

.main-menu ul li a:after {
    color: #3b5998;
    background-color: #3b5998;
}

.main-menu ul li a:hover {
    color: #3b5998;
}

.m-menu-inn > .mm1-s2 > .mm-r-m-btn {
    background-color: #3b5998;
}

.log-in-pop-left {
    background-color: #3b5998;
}

.log-in-btn {
    background-color: #3b5998;
}

.log-in-pop-left h4 {
    color: #3b5998;
}

.log-in-pop-left p {
    color: #3b5998;
}

.wed-hom-footer h4 {
    color: #ffffff;
}

.wed-hom-footer p {
    color: #ffffff;
}

    .wed-hom-footer p a {
        color: #ffffff;
    }

.wed-foot-link {
    border-top: 1px groove #ffffff;
    border-bottom: 1px groove #ffffff;
}

    .wed-foot-link div {
        border-right: 1px groove #ffffff;
    }

    .wed-foot-link ul li a {
        color: #ffffff;
    }

.wed-foot-link-1 ul li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.ed-com-t1-left ul li a {
    color: #ffffff;
}

.ed-com-t1-social ul li a i {
    color: #ffffff;
}

.ed-rsear-dec h4 a {
    text-transform: lowercase;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #004382;
}
.h-quote:before {
    background: #004382;
}
.quote-title p {
    color: #fefefe;
}
.head-2:before {
    background: linear-gradient(to right, #3b5998, #4776e6d6);
}
.head-2-inn p
{
    color: #f1f1f1;
}*/
/*IITI End*/


/*avtti*/
/*mobile menu grid*/
.hamburger {
    width: 40px;
    height: 30px;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-top: 5px;
}

    .hamburger span {
        position: absolute;
        width: 100%;
        height: 5px;
        background: #17548d;
        left: 0;
        border-radius: 5px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.3);
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

        .hamburger span:nth-child(1) {
            top: 0;
        }

        .hamburger span:nth-child(2) {
            top: 12px;
        }

        .hamburger span:nth-child(3) {
            top: 24px;
        }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(12px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translateY(-12px);
    }

.ed-com-t1-left ul li a {
    border-right: 1px solid #17548d;
}

.ed-com-t1-social ul li a i {
    border-right: 1px solid #17548d;
}

.bann-btn-1 {
    background: linear-gradient(to top, #c3903b, #c3903b);
    border: 1px solid #c3903b;
}

.slider-con h2 span {
    color: #ffffff;
}

.ed-top {
    background: #17548d;
}

.search-top {
    background: #17548d;
}

.pro-menu {
    background: #17548d;
}

.pro-act {
    background: #c3903b;
}

.ed-com-t1-right ul li:nth-child(2) a {
    background: #c3903b;
}

.wed-hom-footer {
    background: #17548d;
}

.wed-rights {
    background: #c3903b;
}

.sf-submit input {
    border: 1px solid #c3903b;
    background: linear-gradient(to top, #c3903b, #c3903b);
}

.map-head h2 {
    color: #c3903b;
}

.ed-ref-form-inn form ul li input[type="submit"] {
    background: #c3903b;
}

.ed-ban-cal-le {
    background: #c3903b;
}

.con-title h2 span {
    color: #c3903b;
}

.full-bot-book {
    background: #c3903b;
}

.new-con h2 {
    color: #c3903b;
}

.footer-part-form ul li input[type="submit"] {
    background: #c3903b;
}

.my-color {
    color: #c3903b;
}

.light-btn {
    background: #c3903b;
}

.h-quote:hover .help-arrow i {
    background: #c3903b;
}

.main-menu ul li a:after {
    color: #c3903b;
    background-color: #c3903b;
}

.main-menu ul li a:hover {
    color: #c3903b;
}

.m-menu-inn > .mm1-s2 > .mm-r-m-btn {
    background-color: #c3903b;
}

.log-in-pop-left {
    background-color: #c3903b;
}

.log-in-btn {
    background-color: #c3903b;
}

.log-in-pop-left h4 {
    color: #c3903b;
}

.log-in-pop-left p {
    color: #c3903b;
}

.wed-hom-footer h4 {
    color: #ffffff;
}

.wed-hom-footer p {
    color: #ffffff;
}

    .wed-hom-footer p a {
        color: #ffffff;
    }

.wed-foot-link {
    border-top: 1px groove #ffffff;
    border-bottom: 1px groove #ffffff;
}

    .wed-foot-link div {
        border-right: 1px groove #ffffff;
    }

    .wed-foot-link ul li a {
        color: #ffffff;
    }

.wed-foot-link-1 ul li a i {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.ed-com-t1-left ul li a {
    color: #ffffff;
}

.ed-com-t1-social ul li a i {
    color: #ffffff;
}

.ed-rsear-dec h4 a {
    text-transform: lowercase;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #17548d;
}
.h-quote:before {
    background: #17548d;
}
.quote-title p {
    color: #fefefe;
}

.head-2:before {
    background: linear-gradient(to right, #17548dc9, #c3903b73)
}

.head-2-inn p {
    color: #f1f1f1;
}

.wed-hom-ser ul li a {
    background: #17548d;
}

    .wed-hom-ser ul li a:hover {
        background: #c3903b;
    }

.slider-arr {
    background: transparent;
}

.sf-input input {
    background: none;
    color: #ffffff;
}
/*avtti end*/


/* updated new css starts here */
/*.container-fluid {
    width: calc(100% - 10%);
    margin: 0 auto;
}

.rich-text {
    text-align: left !important;
}

.mb-3 {
    margin-bottom: 20px !important;
}

.mt-3 {
    margin-top: 20px !important;
}

.mb-2 {
    margin-bottom: 15px !important;
}

.mt-2 {
    margin-top: 15px !important;
}

.mt-4 {
    margin-top: 30px !important;
}

.mb-4 {
    margin-bottom: 30px !important;
}

.text-left {
    text-align: left !important;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footerCol {
    width: calc(100% / 4 - 15px);
}

.time-frame-cards-box {
    display: flex;
    flex-wrap: wrap;
}

.time-frame-card {
    width: calc(100% / 2 - 15px);
    padding: 7.5px;
}

.professionalCardContent {
    width: 50%;
    padding-left: 0;*/ /* remove extra left padding */
    /*margin-left: 0;*/  /* remove extra left margin */
/*}

.profDevCardImage {
    width: 50%;
    max-width: 220px;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}

.topBar {
    width: 100%;
    background-color: #165829;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
}

.whitePara {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.mobileHeader {
    display: none;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}

.mobileNavWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;

}

.burgerWrapper {
    padding: 5px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}

.burgerWrapper .fa {
    color: #000;
    font-size: 30px;

}

.desktopHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 100px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}

.desktopNavLogoWrap {
    max-width: 131px;
}

.desktopNavLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.deskopNavLists {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.desktopNavLink {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.desktopNavLink:hover {
    color: #000000;
}

.greenBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: linear-gradient(90deg, #279A47 0%, #0D3418 100%);
    ;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all 0.4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.encourage-rich-text {
    text-align: left !important;
}

.greenBtn:hover {
    background: linear-gradient(90deg, #0D3418 0%, #279A47 100%);
    color: #FFFFFF;
}

.secondaryGreenBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: #279A47;
    border-radius: 0 4px 4px 0;
    padding: 8px 16px;
    transition: all 0.4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 10px 16px;
}

.secondaryGreenBtn:hover {
    color: #22792D;
    background-color: #fff;
}

.coursesSearchBar {
    font-family: Poppins;
    font-weight: 500;
    font-size: 17px !important;
    color: #A6A6A6 !important;
    padding: 4px 32px !important;
    border-radius: 4px 0 0 4px !important;
    min-width: 500px !important;
    outline: none !important;
    border: none !important;
    background: white !important;
    margin-bottom: 0 !important;
}

.coursesSearchBar:focus .sfList {
    display: block;
}

.sfList {
    display: none;
    position: absolute;
    width: 43.8%;
    background: #fff;
    z-index: 99;
    box-shadow: 0 26px 64px 0 rgba(0, 0, 0, .6);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 300px;
    overflow-y: hidden;
}

.sfList:hover {
    overflow-y: auto;
}

.sfList ul {}

.sfList ul li {}

.sfList ul li a {
    display: block;
    color: #2b333a;
    padding: 10px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 600;
}

.sfList ul li a:hover {
    background: #eee;
}

.sfList ul li:last-child a {
    border-bottom: 0px solid #efefef;
}

.sfList {
    position: absolute;
    left: 50%;
    top: 200px;
    transform: translateX(-50%);
    z-index: 30;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
}

.searchBarWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBarSection {
    background-color: #000000;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.searchBarSection.homeSearchBarSection {
    background-color: #165829 !important;
}

.headerSliderImageWrap {
    position: relative;
    padding-top: 42%;
}

.headerSliderImageWrap::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: rgba(0, 0, 0, 0.1);
}

.headerSliderImageWrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeHeaderSlider .owl-prev {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.homeHeaderSlider .fa {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #05C832;
    font-size: 24px;
}

.homeHeaderSlider .owl-next {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.heroSectionTextWrap {
    max-width: 885px;
    margin: 15px auto 30px auto;
    padding: 0 15px;
}

.headingWrap {
    margin-bottom: 20px;
}

.mainHeading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000000;
}

.blackPara {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #000000;
}
p.authorPostion{
    text-align: left;
}
.heroCard {
    background-color: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 30px 15px 24px 15px;
    text-align: center;
    min-height: 173px;
    margin-bottom: 30px;
    transition: all 0.9s;
    cursor: pointer;
    position: relative;
}


.heroCard:hover {
    animation: flipOnce 0.9s forwards;
}

@keyframes flipOnce {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.heroCardTitle {
    font-family: Poppins;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.heroCardLogoWrap {
    max-width: 95px;
    margin: 0 auto 10px auto;
}

.heroCardLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.heroShadowWrap {
    height: 96px;
    width: 96px;
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0px 0px 10px rgba(0, 0, 0, 0.1),
        0px 0px 8px rgba(255, 60, 0, 0.5);
}

.heroShadowWrap img {
    height: 96px;
    max-width: 96px;
    object-fit: contain;
    margin: 0 auto;
}

.ourCoursesSection {
    background-color: #E9FFEE80;
    padding: 30px 0;
}

.banner-btn-box {
    text-align: right;
}

.secondaryHeading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.ourCoursesCard {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.afflicationwrapimg {
    text-align: center;
    margin: 20px 0;
}
.afflicationwrapimg .affiliationGrid {
    display: inline-block;
}
.afflicationwrapimg .affiliationLogoItem {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
.afflicationwrapimg .affiliationLogoItem img {
    max-width: 150px;
    max-height: 100px;
    display: block;
}
.afflicationwrapimg .affiliationLogoItem {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    width: 220px;
    height: 150px;
    text-align: center;
    line-height: 150px;*/ /* for vertical centering fallback */
    /*background: transparent;
}

.afflicationwrapimg .affiliationLogoItem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
}
.courseCardImageWrap {
    position: relative;
    padding-top: 52%;
    overflow: hidden;
}

.courseCardImageWrap:hover img {
    transform: scale(1.2);
    transition: all 0.8s;
}

.courseCardImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourCoursesCardTextWrap {
    padding: 20px 15px 30px 15px;
}

.courseCardTitle {
    font-family: Poppins;
    font-weight: 700;
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
}

.whiteBtn {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #269A47;
    transition: all 0.4s;
}

.whiteBtn:hover {
    color: #fff;
    background-color: #269A47;
}

.courseParaWrap {
    min-height: 140px;
}

.journeySection {
    margin: 30px auto 38px auto;
}

.journeyTextWrap {
    max-width: 823px;
    margin: 0 auto;
    padding: 15px 15px;
}

.journeyImageWrap {
    height: 146px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    padding-top: 20%;
}

.journeyImageWrap:hover img {
    transform: scale(1.2);
}

.journeyImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}

.ourMissionImageWrap {
    position: relative;
    padding-top: 88%;
}

.ourMissionImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourMissionCard {
    border-radius: 8px;
    padding: 20px 15px;
    margin-bottom: 30px;
    box-shadow:
        0px 0px 10px rgba(0, 0, 0, 0.1),
        0px 0px 8px rgba(94, 255, 0, 0.5);
}

.missionParaWrap {
    max-width: 600px;
    margin: 0 auto;
}

.serviceCard {
    position: relative;
    border-radius: 8px;
    padding: 34px 10px 20px 10px;
    background-color: #F6F6F6;
    border: 1px solid #0000004D;
    height: 100%;
}

.serviceCardTitle {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.serviceCardBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000000;
    transition: all 0.5s;
}

.serviceCardBtn:hover {
    color: #000000;
    transform: translateX(5px);
}

.serviceCardGreenBar {
    content: '';
    position: absolute;
    left: -14px;
    top: 5%;
    width: 26px;
    height: 72px;
    background-color: #1D9238;
    border-radius: 10px;
    z-index: -1;
}

.serviceParaWrap {
    min-height: 134px;
}

.serviceLogoWrap {
    height: 86px;
    width: 86px;
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0px 0px 10px rgba(0, 0, 0, 0.1),
        0px 0px 8px rgba(255, 60, 0, 0.5);
}

.serviceLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.professinalDevSection {
    margin: 30px 0 40px 0;
}

.professinalSectionTextWrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
}

.professionalDevCard {
    border-radius: 4px;
    padding: 18px 10px 10px 18px;*/ /* reduced left and top padding */
    /*display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 18px;*/ /* reduce gap between text and image */
    /*background: #e9ffee80;
    min-height: 220px;
}
.greenBg {
    background-color: #1D923833;
}

.blueBg {
    background-color: #23CAEF33;
}

.profDevTitle {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;

}

.profDevCardImage {
    float: right;
    max-width: 370px;
    height: 182px;
}

.whyChooseUsImageWrap {
    position: relative;
    padding-top: 44%;
}

.whyChooseUsImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

/* Testimonial Section */
/*.studentTestimonialSection {
  padding: 60px 0;
  text-align: center;
}

.testimonialHeadingWrap {
  margin-bottom: 40px;
}

.secondaryHeading {
  font-size: 28px;
  font-weight: bold;
  color: #000;
}*/

/* --------------------
   Student Testimonials Section
-------------------- */
/*.studentTestimonialSection {
  padding: 60px 0;
  text-align: center;
  position: relative;
  background: #f9f9f9;*/ /* optional background */
/*}

.testimonialHeadingWrap {
  margin-bottom: 40px;
}

.secondaryHeading {
  font-size: 33px;
  font-weight: bold;
  color: #000;
}*/

/* --------------------
   Carousel fixes
-------------------- */
/*.carousel-inner,
.item,
.col-sm-4 {
  overflow: visible !important;
}

.carousel-indicators li {
  background-color: #1D9238;
  width: 22px;*/      /* Increased size */
  /*height: 22px;*/     /* Increased size */
  /*border-radius: 50%;
  margin: 0 6px;*/    /* Optional: adds space between dots */
/*}

.carousel-indicators .active {
  background-color: #007bff;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
  color: #007bff;
  font-size: 30px;
  opacity: 0.8;
  transition: opacity 0.3s;

}
.custom-carousel-controls {
    margin-top: 10px;*/ /* less space above controls */
    /*text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;*/ /* controls the space between arrows */
/*}

.custom-carousel-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #98e6b6;
    color: #333 !important;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 28px;
    transition: background 0.3s, color 0.3s;
    box-shadow: 0 2px 8px rgba(29,146,56,0.08);
    border: none;
    margin: 0;*/ /* remove any default margin */
/*}

.custom-carousel-control:hover {
    background: #7edfa2;
    color: #222 !important;
    text-decoration: none;
}
.media-carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;*/ /* space between arrows, adjust as needed */
    /*margin-top: 24px;*/ /* space between logos and arrows */
    /*margin-bottom: 0;
    position: static;*/ /* not absolute, so stays below logos */
/*}

.media-carousel-controls .custom-carousel-control {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b2eac7;
    color: #2d5c3b !important;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 28px;
    border: none;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}
.custom-arrow {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.media-carousel-controls .custom-carousel-control:hover {
    background: #98e6b6;
    color: #1d9238 !important;
    text-decoration: none;
}
#mediaCarousel {
    position: relative;
}
.right-end-controls .custom-carousel-control {
    pointer-events: auto;*/ /* enable clicks */
/*}
#mediaCarousel {
    position: relative;
}


.carousel-control.left:hover,
.carousel-control.right:hover {
  opacity: 1;
}*/

/* --------------------
   Testimonial Card
-------------------- */
/*.testimonialCard {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 60px 20px 40px;*/ /* extra top padding */
  /*position: relative;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 60px;*/ /* makes space for floating circle */
  /*transition: transform 0.3s ease;
}

.testimonialCard:hover {
  transform: translateY(-5px);
}*/

/* --------------------
   Author Circle Image
-------------------- */
/*.testimonialImageWrap {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border: 5px solid #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  z-index: 5;
}

.testimonialImageWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/

/* --------------------
   Text Content
-------------------- */
/*.blackPara {
  font-size: 16px;
  color: #333;
  margin-top: 60px;
  line-height: 1.6;
  font-weight: 500;

}
.coursesPara {
    font-size: 16px;
  color: #333;
  margin-top: 2ch;
  line-height: 1.6;
  font-weight: 500;
}
.blackPara-lastp {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    line-height: 1.6;
    font-weight: 500;
    text-align: left;
}
.carousel-indicators {
        bottom: -15px;
    }*/
/* --------------------
   Author Info
-------------------- */
/*.testimonialInfoWrap {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.testimonialAuthor {
  font-size: 18px;
  font-weight: bold;
  color: #1D9238;
  margin: 0;
}

.authorPostion {
  font-size: 14px;
  color: #777;
  margin: 0;
}*/

/* --------------------
   Ratings
-------------------- */
/*.ratingsWrap {
  display: flex;
  align-items: center;
}

.ratingsWrap img {
  width: 18px;
  margin-left: 2px;
}*/

/* --------------------
   Decorative bubbles
-------------------- */
/*.topbubble,
.bottombubble {
  position: absolute;
  z-index: 1;
}

.topbubble {
  top: -10px;
  left: 8px;
}

.bottombubble {
  bottom: -7px;
  right: 16px;
}

.topbubble img,
.bottombubble img {
  width: 20px;
  height: 20px;
}


.ourCollaborationSection {
    margin: 30px 0;
    position: relative;
    min-height: 380px;
}

.ourCollaborationSection::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 8%;
    height: 100%;
    background: linear-gradient(270deg, rgba(29, 146, 56, 0) 0%, rgba(29, 146, 56, 0.25) 100%);
    z-index: 10;
}

.ourCollaborationSection::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 8%;
    height: 100%;
    background: linear-gradient(90deg, rgba(29, 146, 56, 0) 0%, rgba(29, 146, 56, 0.25) 100%);
    z-index: 10;
}

.collaborationItemWrap {
    max-width: 165px;
}

.collaborationItemWrap img {
    object-fit: contain;
    width: 100%;
}

.ourCollaboratonCarousel {
    position: relative;
}

.ourCollaboratonCarousel .owl-nav {
    position: absolute;
    right: 5%;
    margin-top: 30px;
}

.ourCollaboratonCarousel .owl-dots {
    margin-top: 30px;
}

.ourCollaboratonCarousel .owl-dots .owl-dot span {
    background-color: #1D923859;
    width: 20px;
    height: 10px;
    border-radius: 50px;
}

.ourCollaboratonCarousel .owl-dots .owl-dot.active span {
    background-color: #1D9238;
    width: 30px;
    height: 10px;
    border-radius: 50px;
}

.ourCollaboratonCarousel .owl-nav .fa {
    background-color: #1D923859;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: rgba(0, 0, 0, .6);
    font-size: 18px;
}

.mediaCarousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.mediaCarousel .owl-nav .fa {
    background-color: #1D923859;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: rgba(0, 0, 0, .6);
    font-size: 18px;
}

.ourAffiliationSection {
    margin: 30px 0;
}

.ourAffiliationImageWrap {
    max-width: 1102px;
    margin: 0 auto;
    position: relative;
    padding-top: 13%;

}

.ourAffiliationImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0 15px;
}


.mediaSection {
    margin: 40px 0;
}

.empowerTextWrapper {
    max-width: 635px;
}

.homeBannerSection {
    background-image: url("../images/updated-home/bg-image.png");
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.bannerContentSection {
    display: flex;
    align-items: center;
    gap: 40px;
}

.whiteHeadingSmall {
    font-family: Poppins;
    font-weight: 600;
    font-size: 35px;
    line-height: 38px;
    color: #fff;

}

.whitePara {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
}

.whiteBtnSecondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    color: #22792D;
    padding: 8px 16px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: all 0.4s;
}

.whiteBtnSecondary:hover {
    color: #fff;
    background-color: #22792D;
}

.footerSection {
    background-color: #1D9238;
    padding: 40px 0;
}

.footerHeading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.footerLinkList {
    list-style: none;
}

.footerLinkList li {
    margin-bottom: 15px;
}

.footerLink {
    font-family: Poppins;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.footerLink:hover {
    color: #fff;
}

.footerCompanyInfo {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footerCompanyInfo img {
    flex: 0 0 22px;
}

.footerBottom {
    background-color: #000;
    padding: 15px 0;
}

.footerbottomContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.socialLinksContainer {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.testimonialImageWrap img {
  width: 100px;              
  height: 100px;            
  object-fit: cover;        
  object-position: center;  
  border-radius: 50%;       
  margin: 0 auto 15px;   
  display: block;
  z-index: 5 !important;
}


.copyrightText {
    font-family: Poppins;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}
.bannerContentWrap {
        text-align: center;
    }
.card-btn-box{
   text-align: right;
}*/
/* updated home css ends here */


/*@media (max-width: 767px) {
  .carousel .item .col-sm-4 {
    display: none;*/ /* hide all cards in mobile */
  /*}
  .carousel .item .col-sm-4:first-child {
    display: block;*/ /* only show the first card */
    /*float: none;*/    /* center it */
    /*margin: 0 auto;
  }
}

@media screen and (max-width: 991px) {
    .footerbottomContainer{
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .professionalDevCard {
        flex-direction: column;
    }
    #testimonialCarousel .item .col-sm-4 {
    width: 50%;
  }
#collabCarousel .item .col-sm-3 {
    width: 50%;
  }
    .profDevCardImage,
    .professionalCardContent {
        width: 100%;
    }

    .professionalCardContent {
        margin-top: 15px;
    }

    .profDevCardImage {
        margin: 0 auto;
    }

    .footerCol {
        width: calc(100% / 2 - 15px);
    }

}

@media screen and (max-width: 767px) {
    .serviceCard{
        text-align: center;
    }
    .serviceLogoWrap{
        margin: 0 auto 10px auto;
    }
    .blackPara{
        text-align: center !important;
    }
    #collabCarousel .item .col-sm-3 {
    width: 100%;
  }
    .card-btn-box{
        text-align: center !important;
    }
    #testimonialCarousel .item .col-sm-4 {
    width: 100%;
  }

    .profDevTitle {
        font-size: 20px;
    }

    .time-frame-card {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .footerCol {
        width: 100%;
    }

    .mainHeading,
    .secondaryHeading {
        font-size: 25px;
    }

    .bannerContentSection {
        flex-direction: column;
    }
    .sf-input input {
        padding: 8px 15px !important;
    }

}*/