* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    list-style: none;
}

a {
    text-decoration: none;
    transition: all .4s ease;
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
    transition: all .4s ease;
}

ul {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Poppins', sans-serif;
}


/* ------- header---------------- */
.btn-primary {
    background-color: #27B296;
    border: 1px solid #27B296;
    color: #FFFFFF;
    font-size: 16px;
    padding: 12px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: none;
}

.btn-primary:hover {
    background-color: #fff;
    color: #27B296;
    border: 1px solid #27B296;
    transition: all .4s ease-in-out;
}

.btn-outline-primary {
    background-color: #FFFFFF;
    border: 1px solid #27B296;
    font-size: 16px;
    padding: 12px 15px;
    color: #27B296;
    border-radius: 4px;
}

.btn-outline-primary:hover {
    background-color: #27B296;
    border: 1px solid #27B296;
    color: #FFFFFF;
}



header {
    padding: 9px 0 8px 0;
}

.nav-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.navigation ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.navigation ul li {
    padding-right: 30px;
}

.navigation ul li:last-child {
    padding-right: 0;
}
.navigation ul li a:hover{
    color: #27B296;
}
.navigation ul li a {
    font-size: 17px;
    color: #000000;
    line-height: 26px;
    font-weight: 500;
    transition: .4s all ease-in-out;
}
.navigation ul li a.active{
   color: #27B296;
   border-bottom: 2px solid #27B296;
}

.navigation ul li a.btn-primary {
    color: #fff;
}

.navigation ul li a.btn-primary:hover {
    color: #27B296;
}

.menu-bar {
    width: 40px;
    height: 28px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99;
}
 .third-section a:hover{
    color: #1F65A7;
}
.info-section .left .second-section a:hover{
    color: #1F65A7;
}
.menu-bar {}

.menu-bar span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #27B296;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu-bar span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

.menu-bar span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

.menu-bar span:nth-child(1),
.menu-bar span:nth-child(2) {
    top: 0px;
}

.menu-bar span:nth-child(3),
.menu-bar span:nth-child(4) {
    top: 10px;
}

.menu-bar span:nth-child(5),
.menu-bar span:nth-child(6) {
    top: 20px;
}

.menu-bar.open span:nth-child(1),
.menu-bar.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-bar.open span:nth-child(2),
.menu-bar.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-bar.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

.menu-bar.open span:nth-child(2) {
    left: calc(50% - 3px);
    top: 7px;
}

.menu-bar.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.menu-bar.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.menu-bar.open span:nth-child(5) {
    left: 5px;
    top: 20px;
}

.menu-bar.open span:nth-child(6) {
    left: calc(50% - 2px);
    top: 20px;
}


/* ------ header---------------- */

/* ------- banner--------------- */
.banner {
    background-image: url(../images/banner-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    padding: 135px 0px 0px 0px;
}

.banner-slider {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.banner-slider .left-section {
    width: 50%;
    padding-right: 100px;
}

.heading-section span {
    font-size: 18px;
    color: #333333;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-left: 108px;
    position: relative;
    display: block;
}

.heading-section span:after {
    position: absolute;
    content: "";
    border: 1px solid #F1A013;
    width: 90px;
    top: 14px;
    left: 0px;
}

.heading-section h1 {
    font-size: 50px;
    color: #000000;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 9px;
}

.heading-section p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    max-width: 584px;
}

.banner .owl-carousel .owl-dots {
    display: block;
    text-align: center;
}

.banner .owl-carousel button.owl-dot.active {
    background-color: #1F65A7;
    box-shadow: #1F65A7 0px 1px 3px 0px, #1F65A7 0px 0px 0px 1px;
    border: solid 3px #fff;
}

.banner .owl-carousel button.owl-dot {
    color: #000;
    font: inherit;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 3px;
    box-shadow: #dcdcdc 0px 1px 3px 0px, #dcdcdc 0px 0px 0px 1px;
    border: solid 3px #fff;
    background: transparent;
    display: none;
}

.banner-img {
    position: relative;
}

.banner-img::after {
    width: 500px;
    height: 500px;
    background-color: #79cccf;
    border-radius: 50%;
    right: 30px;
    content: "";
    position: absolute;
    bottom: 2px;
    z-index: -1;
    border: solid 15px #fff;
    box-shadow: #79cccf 0px 1px 3px 0px, #79cccf 0px 0px 0px 1px;
}

.banner-icons .banner-icon {
    position: absolute;
    z-index: 2;

}

.banner-icons .banner-icon img {
    width: 40px;
    height: 40px;
    animation: zoom-in-zoom-out 2s ease infinite;
}

.banner-icons .banner-icon.icon-1 {
    top: 335px;
    left: -30px;
}

.banner-icons .banner-icon.icon-2 {
    top: 175px;
    left: -18px;
}

.banner-icons .banner-icon.icon-3 {
    top: 40px;
    left: 42px;
}

.banner-icons .banner-icon.icon-4 {
    top: 20px;
    left: 272px;
}

.banner-icons .banner-icon.icon-5 {
    top: 80px;
    right: 35px;
}

.banner-icons .banner-icon.icon-6 {
    top: 269px;
    right: -58px;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(0.8, 0.8);
    }

    50% {
        transform: scale(1.0, 1.0);
    }

    100% {
        transform: scale(0.8, 0.8);
    }
}

/* ------- banner--------------- */

/* ------- focus-section--------------- */
.focus-section {
    padding-top: 56.76px;
}

.focus-section .heading-section h2 {
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    text-align: center;
}

.focus-listing {
    padding-top: 39px;
}

.focus-listing>.row>div {
    display: flex;
}

.focus-listing .card {
    box-shadow: 0px 0px 15px #00000014;
    border-radius: 4px;
    transition: 0.4s all;
    flex: 1;
}

.focus-listing .card:hover {
    background-color: #1F65A7;
    cursor: pointer;
    box-shadow: 0px 0px 50px #1F65A763;
}

.focus-listing .card:hover .card-text {
    color: #FFFFFF;
}

.focus-listing .card:hover .card-title {
    color: #FFFFFF;
}

.focus-listing .card:hover a {
    color: #FFFFFF;
}

.focus-listing .card-body {
    padding-bottom: 30px;
}

.focus-listing .card:hover .hover-img {
    display: block;
}

.focus-listing .card:hover .custom-img {
    display: none;
}

.focus-listing .card .hover-img {
    display: none;
}

.focus-listing .focus-inner-section .card-title {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 14px;
}

.focus-listing .focus-inner-section .card-text {
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    padding-bottom: 22px;
}

.focus-listing .focus-inner-section a {
    font-size: 14px;
    font-weight: 600;
    color: #27B296;
    line-height: 22px;
    position: absolute;
    padding: 0;
    bottom: 20px;
}

.focus-listing .focus-inner-section a i.fa-solid.fa-arrow-right {
    font-size: 12px;
    padding-left: 7px;
}

/* ------- focus-section--------------- */
.testimonial-section {
    padding: 60px 0;
}

.testimonial-box {
    box-shadow: 0px 0px 15px #00000014;
    border-radius: 6px;
    padding: 40px 100px;
    margin: 30px 0;
    position: relative;
}

.testimonial-box::before {
    width: 79px;
    height: 50px;
    background-image: url(../images/testimonial-01.svg);
    position: absolute;
    left: 20px;
    top: 20px;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
}

.testimonial-box::after {
    width: 79px;
    height: 50px;
    background-image: url(../images/testimonial-02.svg);
    position: absolute;
    right: 20px;
    bottom: 20px;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
}

.testimonial-box p {
    font-size: 15px;
    text-align: center;
    line-height: 22px;
}

.testimonial-box strong {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.testimonial-box span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.testimonial-section .heading-section {
    text-align: center;
}

.testimonial-section .heading-section span {
    padding: 0;
    margin-bottom: 10px;
}

.testimonial-section .heading-section span:after {
    display: none;
}

.testimonial-section .heading-section h2 {
    font-size: 40px;
    font-weight: 600;
}

.testimonial-section .owl-item {
    opacity: 0.2;
}

.testimonial-section .owl-item.center {
    opacity: 1;
}

.testimonial-section .owl-dots {
    display: flex;
    justify-content: center;
}

.testimonial-section .owl-dots .owl-dot {
    color: #000;
    font: inherit;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 3px;
    box-shadow: #dcdcdc 0px 1px 3px 0px, #dcdcdc 0px 0px 0px 1px;
    border: solid 3px #fff;
    background: transparent;
}

.testimonial-section .owl-dots .owl-dot.active {
    background-color: #1F65A7;
    box-shadow: #1F65A7 0px 1px 3px 0px, #1F65A7 0px 0px 0px 1px;
    border: solid 3px #fff;
}

/* ------ planned-section------------- */
.planned-section {
    margin: 80px 0;
    position: relative;
    z-index: 1;
}

.left-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-image: url(../images/plan-img.png);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.planned-section::after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    content: "";
    background-color: #F4F4F4;
    z-index: -1;
}

.planned-section .planned-inner-section {
    display: flex;
}

.planned-inner-section .plan-img {
    width: 50%;
}

.planned-inner-section .plan-content {
    width: 50%;
    padding: 40px 0 40px 60px;
}

.planned-inner-section .heading-section h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    max-width: 522px;
    margin-bottom: 20px;
}

.planned-inner-section .heading-section p {
    max-width: 560px;
    margin-bottom: 15px;
}

.planned-inner-section .heading-section .btn-primary {
    margin-top: 15px;
}

/* .planned-inner-section .btn-primary{
    border-radius: 4px;
    position: absolute;
} */

/* ------ planned-section------------- */

/* --------- who-we-are-section------ */
.who-we-are-section {
    margin-bottom: 79px;
}

.about-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-section .about-left .heading-section h2 {
    font-size: 40px;
    line-height: 50px;
    max-width: 374px;
    font-weight: 600;
}

.about-section .about-left .heading-section p {
    max-width: 634px;
}

.about-left {
    width: 60%;
}

.about-img-section {
    width: 40%;
}

.counter-section {
    display: flex;
    padding-right: 50px;
    border-right: 1px solid #DDD;
}

.counter-section li .counter span {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    line-height: 28px;
}

.counter-section li .counter p {
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
}

.counter-section li .counter {
    padding-left: 14.5px;
}

.counter-section li:last-child {
    padding-right: 0;
    padding-left: 45px;
    flex: 1;
}

.counter-section {
    display: flex;
    align-items: center;
    margin-top: 63px;
    margin-bottom: 59px;
}

.counter-section li {
    display: flex;
    padding-right: 45px;
    position: relative;
    max-width: 50%;
}

.counter-section li figure {
    flex: 0 0 auto;
    width: 45px;
}

.counter-section li:last-child::after {
    display: none;
}

.counter-section li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background-color: #DDD;
    right: 0;
    top: 0;
}



/* --------- social-section--------  */
.helping-section {
    padding: 20px 0;
    border-top: 1px solid rgb(112 112 112 / 30%);
    border-bottom: 1px solid rgb(112 112 112 / 30%);
}

.info-section {
    display: flex;
    align-items: center;
}

.info-section .left {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}

.first-section {
    width: 40%;
}

.second-section {
    width: 30%;
}

.third-section {
    width: 30%;
}

.info-section .left .first-section span {
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    line-height: 30px;
}

.info-section .left .first-section p {
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    max-width: 291px;
}

.info-section .left .second-section ul,
.third-section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.info-section .left .second-section ul li,
.third-section ul li {
    display: flex;
    flex-direction: column;
    padding-right: 14.5px;
}

.info-section .left .second-section ul li:last-child,
.third-section ul li:last-child {
    padding-right: 0;
}

.info-section .left .second-section span,
.third-section span {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 30px;
}

.info-section .left .second-section a,
.third-section a {
    font-size: 16px;
    color: #27B296;
    font-weight: 500;
    line-height: 22px;
}

.info-section .right {
    width: 30%;
}

.info-section .right ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.info-section .right ul li {
    padding-right: 6.5px;
}

.info-section .right ul li:last-child {
    padding-right: 0;
}

.info-section .right ul li a {
    width: 39px;
    height: 39px;
    background-color: #9B9B9B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.info-section .right ul li a:hover {
    background-color: #27B296;
}

.info-section .right ul li a img {
    width: 20px;
}

/* --------- social-section--------  */

/* -------- what-we-do-section------ */
.what-we-do {
    margin-bottom: 79px;
}

/* .lead-section {
    display: flex;
    align-items: center;
} */

.lead-section h2 {
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 0;
    text-align: center;
}

/* .lead-section .right-lead p {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    max-width: 584px;
} */

.service-section {
    padding-top: 64px;
}

.service-section ul {
    display: flex;
    flex-wrap: wrap;
}

.service-section ul li {
    width: 33.33%;
    position: relative;
    padding: 31px 25px 40px 25px;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

.service-section ul li:nth-child(3) {
    border-right: none;
}

.service-section ul li:nth-child(3)::after {
    display: none;
}

.service-section ul li:nth-child(6) {
    border-right: none;
}

.service-section ul li:nth-child(6)::after,
.service-section ul li:nth-child(5)::after,
.service-section ul li:nth-child(4)::after {
    display: none;
}

.service-section ul li:nth-child(4) {
    border-bottom: none;
}

.service-section ul li:nth-child(5) {
    border-bottom: none;
}

.service-section ul li:nth-child(6) {
    border-bottom: none;
}


.service-section ul li::after {
    position: absolute;
    content: "";
    background: url(../images/plus-icon-index.svg);
    width: 30px;
    height: 30px;
    bottom: -15px;
    right: -15px;
}

.service-section ul li h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    line-height: 30px;
}

.service-section ul li p {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    max-width: 272px;
    margin: 22px 0;
}

.service-section ul li a h3:hover {
    color: #27B296;
}

.service-section ul li a.view-case {
    font-size: 14px;
    font-weight: 600;
    color: #27B296;
    line-height: 22px;
    position: absolute;
    padding: 0;
    bottom: 20px;
}

.service-section ul li a i {
    padding-left: 4px;
    font-size: 12px;
}

li.service-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

li.service-btn a.btn-primary {
    position: relative;
    background-color: #fff;
    color: #27B296;

}
li.service-btn a.btn-primary:hover{
    background-color: #27B296;
    color: #fff;
}





/* ---------- quote-section-------- */
.quote-content {
    background: url(../images/quote-img.png);
    width: 100%;
    padding: 59px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.quote-content h2 {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 50px;
    margin-bottom: 13px;
}

.quote-content p {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 27px;
    max-width: 822px;
    margin: 0 auto;
    padding-bottom: 50px;
}


/* ------- footer-section-------------- */
footer {
    background-color: rgba(244, 244, 244, 0.5);
    padding: 31px 0 0;
}

footer span {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 43px;
}

footer li a {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
}

footer li a:hover {
    color: #27B296;
    transition: all .4s ease-in-out;
}

.footer-list {
    position: relative;
}

.footer-list::before {
    position: absolute;
    content: "";
    background-color: #D4D4D4;
    height: 355px;
    width: 1px;
    top: 0;
    right: 0;
    opacity: 0.5;
}

footer .row>div:last-child .footer-list:before {
    display: none;
}

.footer-list figure {
    margin-bottom: 25px;
}

.footer-list p {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    max-width: 278px;
    margin-bottom: 32px;
}

.copyright-content {
    text-align: center;
    padding: 10px 0px;
}

.copyright-section span {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    line-height: 40px;
}


.copyright-section {
    background-color: #F4F4F4;
    opacity: 1;
    margin-top: 20px;
}

footer p strong {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 43px;
}

.footer-desktop-view .collapse:not(.show) {
    display: block;
}

.mobile-footer-heading {
    display: none;
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 43px;
}

/* ------- footer-section-------------- */

/* company-section */

.company-section{
    padding-top: 60px;
}
/* .company-section .company-slider .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -10px;
} */
.company-section .company-slider .item .logo-img{
    padding: 0 10px;
}
.company-section .company-slider .item figure{
    border: 1px solid #ddd;
    padding: 5px 5px;
    border-radius: 5px;
    height: 100px;
    display: flex;
    justify-content: center;
    max-width: 100%;
}
.company-section .company-slider .item img{
    width: auto;
    max-height: 100%;
}
.company-section .owl-dots{
    display: flex;
    justify-content:center;
    padding-top: 25px;
}
.company-section .owl-dots .owl-dot{
    color: #000;
    font: inherit;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 3px;
    box-shadow: #dcdcdc 0px 1px 3px 0px, #dcdcdc 0px 0px 0px 1px;
    border: solid 3px #fff;
    background: transparent;
} 
.company-section .owl-dots .owl-dot.active{
    background-color: #1F65A7;
    box-shadow: #1f65a7 0px 1px 3px 0px, #1f65a7 0px 0px 0px 1px;
    border: solid 3px #fff;
} 

/*--About page start 07-12-2022--*/
/*--about banner--*/
.about-banner{
    max-width: 1920px;
    margin: 0 auto;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/*--who we are section--*/
.who-we-are-section{
    max-width: 1920px;
    margin: 0 auto;
}
.who-we-are-content{
    display: flex;
    flex-wrap: wrap;   
    align-items: end; 
}
.who-we-are-content .left-content{
    width: 46%;
}
.who-we-are-content .left-content figure img{
    width: 100%;
}
.who-we-are-content .right-content{
    width: 54%;
    background: #1F65A7;
    padding: 40px 30px 50px 40px;
}
.who-we-are-content .right-content h2{
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 50px;
}
.who-we-are-content .right-content p{
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    max-width: 657px;
    margin-bottom: 0px;
    line-height: 30px;
}

/*--who we are section--*/
.what-we-do-section{
    max-width: 1920px;
    margin: 0 auto;
}
.what-we-do-content{
    display: flex;
    flex-wrap: wrap; 
    align-items: end;   
}
.what-we-do-content .right-content{
    width: 44%;
}
.what-we-do-content .right-content figure img{
    width: 100%;
}
.what-we-do-content .left-content{
    width: 56%;
    background: #27B296;
    padding: 19px 30px 50px 40px;
}
.what-we-do-content .left-content h2{
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 50px;
}
.what-we-do-content .left-content p{
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    max-width: 657px;
    margin-bottom: 0px;
    line-height: 30px;
}
.what-we-do-content .left-content ul li{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 300;
    padding-left: 20px;
    position: relative;
    line-height: 30px;
}
.what-we-do-content .left-content ul li:before{
    position: absolute;
    content: "";
    border: 2px solid #FFFFFF;
    top: 13px;
    left: 0;
    width: 10px;
    height: 2px;
}

/*--how we do section--*/
.how-we-do-section .who-we-are-content {
   align-items: inherit;
}
.how-we-do-section .who-we-are-content .right-content{
    padding: 40px 30px 30px 40px;
}

/*--counting section--*/
.counting-section{
    max-width: 1920px;
    margin: 0 auto;
    padding: 60px 0px;
}
.counting-section .counting-content{
    background: #F4F4F4;
    margin: 0;
    padding: 34px 0px;
}
.counting-section .counting-detail{
    display: flex;
    align-items: center;
    justify-content: center;
}
.counting-section .counting-detail span{
   font-size: 60px;
   font-weight: 700;
   color: #1F65A7;
}
.counting-section .counting-content .counting-left{
    position: relative;
}
.counting-section .counting-content .counting-left:after{
    position: absolute;
    content: "";
    border-right: 1px solid #707070;
    top: 0;
    right: 0;
    width: 1px;
    height: 94px;
}
.counting-section .counting-detail p{
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 30px;
    margin-left: 20px;
}

/*--founder section--*/
.founder-section{
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.founder-section .founer-content{
    display: flex;
    flex-wrap: wrap;
}
.founer-content .founder-left{
    width: 44%;
    padding: 20px;
}
.founer-content .founder-left figure{
    position: relative;
}
.founer-content .founder-left figure:before{
    position: absolute;
    content: "";
    background-image: url(../images/founder-before-img.png);
    top: -20px;
    left: -20px;
    width: 183px;
    height: 535px;
    z-index: -1;
}
.founer-content .founder-left figure:after{
    position: absolute;
    content: "";
    background-image: url(../images/founder-after-img.png);
    bottom: -20px;
    right: -20px;
    width: 183px;
    height: 535px;
    z-index: -1;
}
.founer-content .founder-right{
    width: 56%;
    padding: 90px 0px 0 126px;
}
.founder-right .founder-detail h2{
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 50px;
}
.founder-right .founder-detail p{
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    max-width: 657px;
    margin-bottom: 51px;
    line-height: 30px;
    max-width: 582px;
}
.founder-right .founder-detail h3{
    font-size: 22px;
    font-weight: 600;
    color: #1F65A7;
    line-height: 33px;
    margin-bottom: 0;
}
.founder-right .founder-detail span{
    font-size: 18px;
    font-weight: 400;
    color: #1F65A7;
}
.founder-right .founder-detail figure{
    background: #1F65A7;
    width: 69px;
    height: 69px;
    border-radius: 10px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 51px;
}
/*--About page end 07-12-2022--*/


/*--Services page start 08-12-2022--*/
/*--banner sectionn services--*/
.services-banner{
    max-width: 1920px;
    margin: 0 auto;
}
.sevices-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0px 60px 0px;
}
.sevices-heading h2{
    font-size: 50px;
color: #000000;
font-weight: 700;
line-height: 60px;
max-width: 670px;
}
.sevices-heading .left-heading{
    padding-right: 50px
}
.sevices-heading p{
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    max-width: 657px;
    line-height: 30px;
    max-width: 591px;
    margin-bottom: 0;
}

/*--services tabing section--*/
.services-tabing-section{
    max-width: 1920px;
    margin: 0 auto;
    padding: 40px 0px 50px 0px;
}
.services-tabing-section .nav-tabs .nav-link.active {
    background: #F6F6F6;
    opacity: 1;
    position: relative;
}
.services-tabing-section .nav-tabs figure{
    margin-bottom: 15px;
}
.services-tabing-section .nav-tabs .nav-link{
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    opacity: 0.4;
    border-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.services-tabing-section .nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: none;
}
.services-tabing-section .tab-content{
    background-color: #F6F6F6;
    padding: 60px 50px;
    
}
.services-tab-content{
    text-align: center;
}
.services-tabing-section .tab-content .services-tab-content p{
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    color: #000000;
    font-weight: 35px;
    max-width: 904px;
   margin: 0px auto 30px auto;
   text-align: center;
}
.services-tabing-section .tab-content .services-tab-content i {
    padding-left: 4px;
    font-size: 14px;
  }
  .services-tabing-section ul li.nav-item{
    display: flex;
    align-items: stretch;
}
.services-tabing-section .nav-tabs .nav-link.active:before{
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   border: 3px solid #27B296;
   height: 3px;
   width: 100%;
}
.services-tabing-section .nav-tabs{
    display: flex;
    justify-content: space-between;
}
.services-tabing-section .services-tabing{
    overflow: hidden;
}
/*--insight section--*/
.insight-section{
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 0px 50px 0px;
}
.insight-section h2{
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
}
.insight-section .blog_section{
    max-width: 1128px;
    margin: 40px auto 0px auto;
}
.insight-section .blog_section .item{
    padding: 10px;
}
.blog_section h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000000;
}


.blog .owl-carousel .owl-stage {
    display: flex;
}

.blog .owl-carousel .owl-item {
    display: flex;
}

.blog .item {
    display: flex;
    flex: 1;
}
.blog .item .card{
    flex-direction: initial;
    flex: 1;
}
.blog .item .card figure{
    overflow: hidden;
}
.blog .item .card figure img{
    transform: scale(1);
	transition: .3s ease-in-out;
}
.blog .item .card figure:hover img{
    transform: scale(1.3);
}
.blog_section p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
}

.blog_section .card-body {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.blog_section .read_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: 25px;
    margin-top: 10px;
}

.blog_section .read_btn a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
}

.blog_section .read_btn a:hover {
    color: #27B296;
}

.read_btn:hover img {
    filter: brightness(0.1);
}

.blog_section .read_btn figure {
    padding: 0 0 0 15px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.blog_heading.text-center {
    padding: 0 0 50px 0;
}

.blog_section .card .col-md-5 figure {
    margin-bottom: 0px;
    flex: 1;
    display: flex;
}

.blog_section .card .col-md-5 figure img {
    object-fit: cover;
}
.blog_section .item figure {
    display: flex;
    flex: 1;
}
.blog-button {
    text-align: center;
}
.blog_section .card{
    border: none;
    background: #fff;
    box-shadow: 0px 0px 15px #00000014;
    padding: 10px;
}
.insight-section .slider button.owl-prev{
   position: absolute;
   background: url(../images/left-arrow.svg);
   top: 50%;
   left: -60px;
   width: 60px;
   height: 60px;
   background-repeat: no-repeat;
   background-size: 60px;
}
.insight-section .slider button.owl-next{
    position: absolute;
    background: url(../images/right-arrow.svg);
    top: 50%;
    right: -60px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 60px;
 }
 .insight-section  .slider button span{
    font-size: 0;
 }
/*--Services page end 08-12-2022--*/

/*--contact page start 08-12-2022--*/
.contact-heading .contact-btn{
    margin-top: 30px;
}
.contact-heading .contact-btn figure img{
    width: 30px;
}
.contact-heading .contact-btn .btn-primary:hover {
    background-color: #27B296;
    color: #FFFFFF;
    border: 1px solid #27B296;
    transition: all .4s ease-in-out;
}
.contact-heading p {
    max-width: 565px;
}
.contact-heading h2{
    max-width: 430px;
}

/*--form section--*/
.form-section{
    padding: 50px 0px;
}
.form-section .form-box{
    max-width: 915px;
    margin: 0 auto;
}
.form-section .form-box input:focus {
    border: 1px solid #27B296;
  }
 
  .form-section .form-box .form-group {
    margin-bottom: 20px;
  }
  .form-section .form-box .form-group label{
    font-size: 16px;
    font-weight: 500;
    margin: 0;
  }
  .form-section .form-box .form-group label span{
    color: rgb(255, 0, 0);
  }
  .form-section .form-box input {
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    padding: 0 20px;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 3px #0000001a;
  }
  
  .form-section .form-captcha {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .form-section .form-captcha figure {
    margin: 0;
  }
  
  .form-section .form-box .form-group textarea:focus {
    border: 1px solid #27B296;
  }
  
  .form-section .form-box .form-group textarea {
    resize: none;
    height: 169px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    padding: 10px 20px;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 3px #0000001a;
  }
  .form-section .form-box .form-btn{
    text-align: center;
}

.form-section .form-box .form-btn .btn-primary{
    padding: 12px 36px;
}
.services-popup .form-box .form-btn{
    margin-top: 0;
}
.services-popup .form-box .form-btn .btn-primary{
    width: 100%;
}
.map-section{
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 0px 60px 0px;
}
.map-section h2{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    text-align: center;
}
.map-section .map-content{
    margin-top: 20px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 3px 10px #0000001A;

}
/*--map section--*/

/*--career page start 09-12-2022--*/
.current-opening-section{
    max-width: 1920px;
    margin: 0 auto;
    padding: 52px 0px 100px 0px;
}
.current-opening-section h1{
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
}
.career-accordian-item{
    margin-top: 35px;
}
.current-opening-section .accordion-button {
    background-color: #fff;
    color: #000000;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    box-shadow: none;
    padding: 25px;
}
.current-opening-section .accordion-button::after{
    background-image: url(../images/plus-icon.svg);
}
.current-opening-section .accordion-button:not(.collapsed){
	background-color:  #fff;
}
.current-opening-section .accordion-button:not(.collapsed):after{
	 background-image: url(../images/minus-icon.svg);
}
.current-opening-section .accordion-item {
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px #00000014;
    border: 1px solid transparent;
}
.accordion-body{
    padding: 15px 30px 30px 30px;
}
.current-opening-section .btn-primary{
    padding: 12px 28px;
}
/*--career page end 09-12-2022--*/

/*--apply for job page start 09-12-2022--*/
.modal-header{
    border-bottom: none;
}
.modal-dialog.modal-dialog-centered{
    max-width: 908px;
    
}
.modal-body{
   padding: 0;
}
.modal-content{
    padding: 15px 52px 52px 52px;
}
.carrer-modal-popup .form-section {
    padding: 0px 0px;
}
.carrer-modal-popup .form-section h3{
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.carrer-modal-popup .form-btn{
    margin-top: 30px;
}
.carrer-modal-popup .form-section .form-box select {
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    padding: 0 20px;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 3px #0000001a;
}
.carrer-modal-popup .form-section .form-box select:focus {
    border: 1px solid #27B296;
}
.carrer-modal-popup .form-section .mobile-number {
    position: relative;
    display: flex;
  }
  .carrer-modal-popup .form-section .mobile-number .form-select {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 90%;
    color: #a3a3a3;
    border-right: 1px solid #DEDEDE;
    border-bottom: none;
    border-left: none;
    border-top: none;
    height: 79px;
    border-radius: 4px;
    width: 95px;
    padding: 0px 0px 0px 20px;
  }
  .carrer-modal-popup  .form-section .mobile-number  input {
    padding: 0px 20px 0px 125px;
  }
  .carrer-modal-popup .form-section  .upload-button {
    position: relative;
  }
  .carrer-modal-popup .form-section  .upload-btn {
    position: absolute;
    right: 10px;
    top: 38px;
    font-size: 16px;
    padding: 12px 16px;
  }
 .btn-close:focus {
   box-shadow: #27B296;
}
/*--apply for job page end 09-12-2022--*/

/*--privacy policy page start 12-12-2022--*/
.privacy-policy{
    max-width: 1920px;
    margin: 0 auto;
    background-color: rgba(244, 244, 244, 0.5);
    padding: 50px 0px;
}
.entry-content{
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
}
.privacy-policy h1{
        font-size: 40px;
        color: #000000;
        font-weight: 600;
        line-height: 50px;
        text-align: center;
        margin-bottom: 30px;
}
.privacy-policy p{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.privacy-policy p strong{
    color: #1F65A7;   
}
.services-popup .form-section h3{
   font-size: 26px;
}
.career-thanks-btn .modal-body{
    --bs-modal-footer-border-width: none;
    --bs-modal-footer-border-color: transparent;
}
.career-thanks-btn .modal-content{
    padding: 30px;
}
.career-thanks-btn .modal-footer{
    justify-content: center;
    border-top: none;
}
/*--privacy policy page ens 12-12-2022--*/




@media (min-width:1400px) {
    .container {
        max-width: 1364px;
    }
}

@media(max-width:1399px) {
    .navigation ul li a {
        font-size: 15px;
    }

    .navigation ul li {
        padding-right: 20px;
    }

    .banner-slider .right-section {
        width: 50%;
    }
    .founer-content .founder-left:before {
        height: 442px;
    }
    .founer-content .founder-left:after {
        bottom: 36px;
        height: 442px;
    }
    .banner {
        padding: 10px 0px 0px 0px;
    }

}

@media(max-width:1199px) {
    .logo img {
        height: 70px;
    }

    .navigation ul li a {
        font-size: 14px;
    }

    .heading-section h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .heading-section span {
        font-size: 15px;
        padding-left: 50px;
    }

    .heading-section span:after {
        width: 40px;
    }

    .heading-section p {
        font-size: 16px;
        line-height: 28px;
    }

    .banner-img::after {
        width: 410px;
        height: 410px;
        right: 22px;
    }

    .banner-icons .banner-icon.icon-1 {
        top: 285px;
    }

    .banner-icons .banner-icon.icon-2 {
        top: 165px;
    }

    .banner-icons .banner-icon.icon-3 {
        top: 60px;
    }

    .banner-icons .banner-icon.icon-4 {
        left: 222px;
    }

    .banner-icons .banner-icon.icon-5 {
        top: 100px;
    }

    .banner-icons .banner-icon.icon-6 {
        top: 209px;
        right: -26px;
    }

    .planned-inner-section .heading-section h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .planned-inner-section .heading-section p {
        line-height: 24px;
    }

    .planned-inner-section .heading-section .btn-primary {
        font-size: 14px;
    }

    .focus-listing .focus-inner-section .card-title {
        font-size: 18px;
    }

    li.service-btn a.btn-outline-primary {
        font-size: 16px;
        line-height: normal;
        padding: 16px 5px;
        text-align: center;
    }

    .lead-section .left-lead {
        padding-right: 15px;
    }

    .lead-section .right-lead {
        padding-left: 15px;
    }

    .planned-section::before {
        background-position: center;
    }
    .planned-inner-section .plan-content {
        padding: 30px 0 30px 20px;
    }
    .left-img {
        background-position: center;
    }
    .founer-content .founder-left figure:before {
        height: 340px;
    }
    .founer-content .founder-left figure:after {
        height: 340px;
    }
    .who-we-are-content .right-content p {
        font-size: 16px;
        line-height: unset;
    }
    .who-we-are-content .right-content h2 {
        font-size: 36px;
        margin-bottom: 0px;
        line-height: unset;
    }
    .what-we-do-content .left-content h2 {
        font-size: 36px;
        margin-bottom: 0px;
        line-height: unset;
    }
    .what-we-do-content .left-content p {
        font-size: 16px;
        margin-bottom: 0px;
        line-height: unset;
    }
    .what-we-do-content .left-content ul li {
        font-size: 16px;
        line-height: unset;
    }
    .counting-section .counting-detail span {
        font-size: 50px;
    }
    .counting-section .counting-detail p {
        font-size: 18px;
        margin-left: 20px;
        line-height: unset;
    }
    .founer-content .founder-right {
        width: 56%;
        padding: 40px 0px 0 45px;
    }
    .founder-right .founder-detail h2 {
        font-size: 36px;
        margin-bottom: 0;
        line-height: unset;
    }
    .founder-right .founder-detail p {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: unset;
        max-width: 100%;
    }
    .founder-right .founder-detail h3 {
        line-height: unset;
        margin-bottom: 0;
    }
    .founder-right .founder-detail figure {
        margin-top: 20px;
    }
    .blog_section .owl-dots .owl-dot {
        color: #000;
        font: inherit;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 3px;
        box-shadow: #dcdcdc 0px 1px 3px 0px, #dcdcdc 0px 0px 0px 1px;
        border: solid 3px #fff;
        background: transparent;
    }
    .blog_section .owl-dots {
        position: relative;
        display: flex;
        justify-content: center;
        bottom: -20px;
        align-items: center;
    }
    .blog_section .owl-dots .owl-dot.active {
        background-color: #1F65A7;
        box-shadow: #1f65a7 0px 1px 3px 0px, #1f65a7 0px 0px 0px 1px;
        border: solid 3px #fff;
    }
    .sevices-heading h2 {
        font-size: 40px;
        line-height: unset;
    }
    .services-tabing-section .nav-tabs .nav-link {
        font-size: 14px;
    }
    .services-tabing-section .tab-content .services-tab-content p {
        font-size: 20px;
        line-height: unset;
    }
    .blog_section h3 {
        font-size: 24px;
        line-height: unset;
        margin-bottom: 5px;
    }
    .blog_section .card-body {
        padding: 15px 30px;
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .blog_section .read_btn a {
        bottom: 15px;
    }
    .services-tabing-section .nav-tabs{
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .services-tabing-section .services-tabing{
        overflow: hidden;
    }
}

@media(max-width:991px) {
    body.open {
        overflow: hidden;
        position: fixed;
        inset: 0;
    }

    .focus-listing {
        padding-top: 20px;
    }

    .focus-section .heading-section h2 {
        line-height: normal;
        font-size: 32px;
    }

    .planned-section .planned-inner-section {
        display: block;
    }

    .planned-inner-section .plan-img {
        width: 100%;
    }

    .planned-inner-section .plan-content {
        width: 100%;
        padding: 30px 30px;
    }

    .planned-inner-section .heading-section h2 {
        font-size: 26px;
        max-width: 100%;
    }

    .planned-inner-section .heading-section p {
        max-width: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .planned-inner-section .btn-primary {
        position: relative;
    }

    .planned-section {
        margin: 50px 0;
    }

    .about-section {
        flex-direction: column-reverse;
    }

    .about-left {
        width: 100%;
        padding-top: 30px;
        text-align: center;
    }

    .about-img-section {
        width: 100%;
        text-align: center;
    }

    .about-img-section img {
        width: 350px;
    }

    .about-section .about-left .heading-section h2 {
        font-size: 30px;
        line-height: 30px;
        max-width: 100%;
    }

    .about-section .about-left .heading-section p {
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
    }

    .counter-section {
        margin: 35px 0;
        border-right: none;
        justify-content: end;
    }

    .counter-section ul li span {
        font-size: 23px;
    }

    .who-we-are-section .btn-primary {
        padding: 10px 15px 10px;
    }
    .service-section ul li {
        width: 50%;
    }

    .service-section ul li:nth-child(2)::after {
        display: none;
    }

    .service-section ul li:nth-child(2),
    .service-section ul li:nth-child(6) {
        border-right: none;
    }

    .service-section ul li:nth-child(5),
    .service-section ul li:nth-child(6) {
        border-bottom: 1px solid #ECECEC;
    }
    .service-section ul li:nth-child(3) {
        border-right: 1px solid #ECECEC;
    }
    .service-section ul li:nth-child(4) {
        border-bottom: 1px solid #ECECEC;
        border-right: none;
    }
    .service-section ul li:nth-child(3)::after {
        display: block;
    }
    .what-we-do {
        margin-bottom: 0px;
    }

    .quote-content h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .quote-content p {
        max-width: 650px;
        padding-bottom: 30px;
        font-size: 16px;
    }

    .quote-section .btn-primary {
        padding: 10px 15px 10px 15px;
        width: 170px;
    }

    .quote-section {
        margin-bottom: 40px;
    }

    .info-section .left {
        width: 100%;
    }

    .info-section .left .first-section span {
        font-size: 16px;
    }

    .info-section .left .first-section p {
        font-size: 13px;
    }

    .info-section .left .second-section span,
    .third-section span {
        font-size: 16px;
    }

    .info-section .left .second-section a,
    .third-section a {
        font-size: 14px;
        line-height: 14px;
    }

    .info-section .right {
        display: none;
    }

    .lead-section {
        flex-direction: column;
    }

    .lead-section .left-lead {
        width: 100%;
    }

    .lead-section .left-lead .heading-section h2 {
        font-size: 30px;
        max-width: 100%;
        line-height: 35px;
    }

    .lead-section .right-lead {
        width: 100%;
    }

    .lead-section .right-lead {
        padding-left: 0px;
    }

    .lead-section .right-lead p {
        font-size: 16px;
        max-width: 100%;
        line-height: 24px;
    }

    .service-section {
        padding-top: 30px;
    }

    .focus-listing .card {
        margin-bottom: 24px;
    }

    /* .navigation{
        position: fixed;
        left: -100%;
        height: 100%;
        top: 0;
        width: 100%;
        overflow: auto;
    } */
    .navigation.open {
        left: 0;
    }

    .navigation {
        background-color: #fff;
        position: fixed;
        top: 0;
        left: -102%;
        width: 460px;
        height: 100%;
        transition: all .3s ease-in-out;
        z-index: 10;
        box-shadow: 0px 0px 9px #00000052;
    }

    .navigation ul {
        flex-direction: column;
        float: left;
        padding: 30px 20px;
        align-items: flex-start !important;
    }

    .navigation ul li {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .left-img {
        position: relative;
        height: 336px;
        width: 100%;
        background-size: contain;
        background-position: center;
        display: block;
    }

    .planned-section::after {
        width: 100%;
    }

    .who-we-are-section .heading-section span:after {
        width: 40px;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .who-we-are-section .heading-section span {
        padding-left: 0px;
    }

    .heading-section span {
        line-height: 24px;
    }

    .testimonial-section .item {
        padding: 0px 15px;
    }

    .footer-list::before {
        display: none;
    }

    .banner-slider .left-section {
        width: 60%;
        padding-right: 20px;
    }

    .banner-slider .right-section {
        width: 40%;
    }

    .banner-img::after {
        width: 270px;
        height: 270px;
        right: 0px;
    }

    .banner-icons .banner-icon.icon-4 {
        left: 123px;
        top: -10px;
    }

    .banner-icons .banner-icon img {
        width: 35px;
        height: 45px;
    }

    .banner-icons .banner-icon.icon-3 {
        top: 25px;
        left: 15px;
    }

    .banner-icons .banner-icon.icon-2 {
        top: 90px;
        left: -28px;
    }

    .banner-icons .banner-icon.icon-1 {
        top: 185px;
        left: -34px;
    }

    .banner-icons .banner-icon.icon-5 {
        top: 45px;
        right: -7px;
    }

    .banner-icons .banner-icon.icon-6 {
        top: 103px;
        right: -39px;
    }

    .heading-section h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .planned-inner-section .heading-section h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .about-section .about-left .heading-section h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .lead-section .left-lead .heading-section h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .service-section ul li h3 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }

    .service-section ul li a.view-case {
        bottom: 25px;
    }

    .btn-primary {
        font-size: 14px;
        padding: 10px 10px;
    }

    .service-section ul li p {
        line-height: normal;
        max-width: 100%;
        margin: 5px 0px 15px 0px;
    }

    .service-section ul li img {
        width: 50px;
    }

    .testimonial-section {
        padding: 40px 0;
    }

    .testimonial-section .heading-section h2 {
        font-size: 30px;
    }

    .testimonial-box strong {
        font-size: 16px;
    }

    .footer .accordion-body p {
        font-size: 14px;
    }

    .focus-section {
        padding-top: 46.76px;
    }

    .counter-section li .counter span {
        font-size: 26px;
        line-height: normal;
    }

    .counter-section li .counter p {
        font-size: 16px;
        line-height: normal;
    }

    .counter-section img {
        width: 30px;
    }

    .footer-mobile-view .accordion-item .accordion-header button {
        font-size: 16px;
        color: #000000;
        font-weight: 500;
    }

    .footer-mobile-view .accordion-item .accordion-header .accordion-button:focus {
        border-color: #000000;
        box-shadow: none;
    }

    .footer-mobile-view .accordion-item .accordion-button:not(.collapsed) {
        background-color: #27B296;
        color: #fff;
    }

    .info-section img {
        width: 25px;
    }

    .mobile-footer-heading {
        display: block;
        color: #000000;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
    }

    .footer-desktop-view .collapse:not(.show) {
        display: none;
    }

    .focus-section .focus-inner-section img {
        width: 50px;
    }

    .focus-listing .focus-inner-section .card-text {
        line-height: 20px;
        padding-bottom: 5px;
    }

    .accordion-body p {
        font-size: 15px;
        margin: 0;
    }

    .counter-section {
        margin: 20px 0;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-right: 0;
    }

    .counter-section li .counter {
        padding-left: 0;
        margin-top: 10px;
    }

    .counter-section li {
        display: flex;
        max-width: 100%;
        flex-wrap: wrap;
        text-align: center;
        flex-direction: column;
    }

    .counter-section li:last-child {
        flex: unset;
    }

    .counter-section li figure {
        margin: 0 auto;
    }

    .footer a.mobile-footer-heading.collapsed {
        font-size: 16px;
        color: #FFFFFF;

    }

    .footer-list::after {
        position: absolute;
        content: "";
        background-image: url(../images/down-arrow.svg);
        top: 20px;
        right: 0;
        height: 30px;
        width: 30px;
        background-size: 15px;
        background-repeat: no-repeat;
    }

    .footer-list p {
        max-width: 100%;
        margin-bottom: 15px;
        line-height: 20px;
    }

    footer li {
        margin-bottom: 10px;
    }

    footer li a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-list p br {
        display: none;
    }

    .footer-collapse {
        background-color: #fff;
        padding: 15px;
    }

    .btn-outline-primary {
        font-size: 14px;
        padding: 10px 10px;
    }

    .footer-list a:hover {
        color: #000;
    }

    .focus-listing .focus-inner-section .card-title {
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0px 5px 0px;
    }

    footer {
        padding: 10px 0 0;
    }

    .mobile-footer-heading:last-child {
        border-bottom: none;
    }
    .quote-content {
        padding: 40px 0;
    }
    .company-section .company-slider .item .logo-img{
        margin-bottom: 10px;
    }
    .lead-section h2 {
        font-size: 30px;
    }
    .who-we-are-content {
        flex-direction: column;
    }
    .who-we-are-content .right-content {
        width: 100%;
        padding: 30px 30px 30px 30px;
    }
    .who-we-are-content .left-content {
        width: 100%;
        text-align: center;
    }
    .what-we-do-content {
        flex-direction: column-reverse;
    }
    .what-we-do-content .left-content {
        width: 100%;
        padding: 19px 30px 30px 30px;
    }
    .what-we-do-content .right-content {
        width: 100%;
        text-align: center;
    }
    .how-we-do-section .who-we-are-content .right-content {
        padding: 30px 30px 30px 30px;
    }
    .who-we-are-content .left-content figure img {
        max-width: 450px;
    }
    .what-we-do-content .right-content figure img {
        max-width: 450px;
    }
    .counting-section {
        padding: 50px 0px;
    }
    .founder-section {
        padding-bottom: 50px;
    }
    .counting-section .counting-detail span {
        font-size: 30px;
    }
    .counting-section .counting-detail p {
        font-size: 16px;
    }
    .counting-section .counting-detail p br{
        display: none;
    }
    .counting-section .counting-content .counting-left:after {
        height: 50px;
    }
    .founder-section .founer-content {
        flex-direction: column;
    }
    .founer-content .founder-left {
        width: 100%;
        text-align: center;
    }
    .founer-content .founder-right {
        width: 100%;
        padding: 20px 0px 0 0px;
    }
    .founer-content .founder-left figure:before {
        left: 130px;
    }
    .founer-content .founder-left figure:after {
       right: 130px;
    }
    .founer-content .founder-left figure img{
        max-width: 350px;
    }
    .who-we-are-content .right-content h2 {
        font-size: 30px;
    }
    .what-we-do-content .left-content h2 {
        font-size: 30px;
    }
    .founder-right .founder-detail h2 {
        font-size: 30px;
    }
    .founder-right .founder-detail p {
        font-size: 16px;
        margin-bottom: 15px;
        max-width: 100%;
    }
    .founder-right .founder-detail span {
        font-size: 16px;
    }
    .founder-right .founder-detail h3 {
        font-size: 18px;
    }
    .founder-right .founder-detail figure {
        width: 50px;
        height: 50px;
        margin-top: 15px;
    }
    .founder-detail figure img{
        width: 25px;
    }
    .sevices-heading {
        padding: 30px 0px 30px 0px;
    }
    .sevices-heading h2 {
        font-size: 30px;
    }
    .insight-section h2 {
        font-size: 30px;
        line-height: unset;
    }
    .services-tabing-section {
        padding: 40px 0px 40px 0px;
    }
    .insight-section .blog_section {
        margin: 10px auto 0px auto;
    }
    .blog_section h3 {
        font-size: 20px;
    }
    .services-tabing-section .tab-content .services-tab-content p {
        font-size: 17px;
        margin: 0px auto 20px auto;
        text-align: center;
    }
    .blog_section .card-body {
        padding: 15px 0px 20px 0px;
    }
    .blog_section .read_btn a {
        bottom: 10px;
    }
    .services-tabing-section .nav-tabs .nav-link figure img{
        width: 60px;
    }
    .services-tabing-section .tab-content {
        padding: 30px 30px;
    }
    .contact-heading .contact-btn {
        margin-top: 10px;
    }
    .form-section {
        padding: 40px 0px;
    }
    .form-section .form-box input {
        height: 59px;
    }
    .form-section .form-box .form-group textarea {
        height: 139px;
    }
    .map-section h2 {
        font-size: 26px;
    }
    .map-section {
        padding: 0px 0px 50px 0px;
    }
    .current-opening-section {
        padding: 40px 0px 60px 0px;
    }
    .career-accordian-item {
        margin-top: 25px;
    }
    .current-opening-section h1 {
        font-size: 30px;
        line-height: unset;
    }
    .current-opening-section .accordion-button{
        font-size: 24px;
        line-height: unset;
        padding: 20px;
    }
    .current-opening-section .accordion-button.collapse{
        font-size: 24px;
        line-height: unset;
        padding: 20px;
    }
    .accordion-body {
        padding: 15px 25px 25px 25px;
    }
    .carrer-modal-popup  .modal-content {
        padding: 15px 22px 22px 22px;
    }
    .carrer-modal-popup  .form-section h3 {
        font-size: 30px;
        line-height: unset;
        margin-bottom: 10px;
    }
    .carrer-modal-popup  .form-section .mobile-number .form-select {
        height: 59px;
    }
    .carrer-modal-popup  .form-section .form-box select {
        height: 59px;
    }
    .carrer-modal-popup  .form-section .upload-btn {
        top: 29px;
        font-size: 16px;
        padding: 12px 10px;
    }
    .carrer-modal-popup  .form-btn {
        margin-top: 0px;
    }
    .carrer-modal-popup  .form-section h3 {
        font-size: 26px;
    }
    .carrer-modal-popup  .form-section .upload-btn {
        top: 29px;
        font-size: 14px;
    }
    .privacy-policy h1 {
        font-size: 30px;
        line-height: unset;
        margin-bottom: 25px;
    }
    .privacy-policy {
        padding: 40px 0px;
    }
    .blog_section figure img{
        width: 100%;
    }
    .sevices-heading .left-heading{
        padding-right: 35px
    }
}

@media(max-width:767px) {
    .container {
        max-width: 100%;
    }
    .lead-section h2 {
        font-size: 26px;
    }
    .planned-inner-section .heading-section h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .service-section ul li {
        padding: 30px 15px;
    }

    .heading-section h1 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 15px;
    }

    .heading-section p {
        font-size: 14px;
        max-width: 100%;
        line-height: normal;
    }

    .heading-section span {
        font-size: 14px;
    }

    .focus-section {
        padding-top: 30.76px;
    }

    .focus-section .heading-section h2 {
        font-size: 26px;
    }

    .planned-section {
        margin: 30px 0;
    }

    .focus-listing {
        padding-top: 10px;
    }

    .planned-inner-section .heading-section p {
        font-size: 15px;
        line-height: normal;
    }

    .planned-inner-section .heading-section p {
        margin-bottom: 0px;
    }

    .planned-inner-section .heading-section p {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .btn-primary {
        height: 45px;
        padding: 0px 12px;
        font-size: 15px;
    }

    .about-section .about-left .heading-section p {
        font-size: 15px;
    }

    .about-section .about-left .heading-section h2 {
        font-size: 26px;
    }

    .counter-section li .counter span {
        font-size: 24px;
    }

    .counter-section li .counter p {
        font-size: 15px;
    }

    .who-we-are-section .btn-primary {
        width: 120px;
        font-size: 14px;
    }

    .who-we-are-section {
        margin-bottom: 50px;
    }

    .lead-section .right-lead p {
        font-size: 15px;
        line-height: normal;
    }

    .service-section {
        padding-top: 15px;
    }

    .service-section ul li h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .service-section ul li img {
        width: 45px;
    }

    li.service-btn a.btn-outline-primary {
        font-size: 15px;
        padding: 13px 5px;
        height: 50px;
        width: 175px;
    }

    .quote-content h2 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .quote-content p {
        max-width: 100%;
        padding-bottom: 15px;
        font-size: 15px;
        line-height: normal;
    }

    .quote-content {
        padding: 35px 0;
    }

    .testimonial-section .heading-section h2 {
        font-size: 26px;
        margin: 0px;
    }

    .testimonial-section .heading-section span {
        margin-bottom: 5px;
    }

    .third-section {
        padding-left: 10px;
    }

    .focus-listing .card:hover .hover-img {
        margin: 0 auto;
    }

    .second-section {
        padding-left: 10px;
    }

    .info-section .left .first-section span {
        font-size: 15px;
    }

    .info-section .left .second-section span,
    .third-section span {
        font-size: 15px;
    }

    .info-section img {
        width: 22px;
    }

    .info-section .left .second-section a,
    .third-section a {
        font-size: 13px;
        line-height: normal;
    }

    .banner-slider .left-section {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 40px;
        text-align: center;
    }

    .banner-slider .right-section {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .banner-slider .heading-section span {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 0px;
    }

    .banner-slider .heading-section span:after {
        width: 40px;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner-slider .banner-img img {
        width: 280px;
    }

    .banner-icons .banner-icon img {
        width: 35px;
        height: 45px;
    }

    .about-img-section img {
        width: 330px;
    }

    .accordion-body p {
        font-size: 15px;
        margin: 0;
    }

    .what-we-do {
        text-align: center;
    }

    .service-section ul li a.view-case {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .what-we-do .heading-section span {
        padding-left: 0px;
    }

    .what-we-do .heading-section span:after {
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .service-section ul li p {
        margin: 0px 0px 15px 0px;
    }

    .counter-section figure {
        margin: 0 auto;
    }

    .counter-section {
        margin: 20px 0;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-right: 0;
    }

    .counter-section li .counter {
        padding-left: 0;
    }

    .counter-section li {
        display: flex;
        max-width: 100%;
        flex-wrap: wrap;
        text-align: center;
        flex-direction: column;
    }

    .counter-section li:last-child {
        flex: unset;
    }

    .focus-section {
        text-align: center;
    }

    .focus-listing .focus-inner-section a {
        left: 50%;
        transform: translateX(-50%);
    }

    .focus-listing .focus-inner-section .card-title {
        margin-top: 15px;
        margin-bottom: 5px;
    }
    
    .focus-listing .focus-inner-section .card-text {
        padding-bottom: 5px;
    }

    .planned-section .heading-section {
        text-align: center;
    }

    .planned-inner-section .heading-section .btn-primary {
        margin-top: 5px;
    }
    .who-we-are-content .right-content {
        padding: 15px 30px 15px 30px;
    }
    .who-we-are-content .right-content h2 {
        font-size: 26px;
    }
    .who-we-are-content .left-content figure img {
        max-width: 370px;
    }
    .what-we-do-content .right-content figure img {
        max-width: 370px;
    }
    .what-we-do-content .left-content {
        padding: 15px 30px 15px 30px;
    }
    .what-we-do-content .left-content h2 {
        font-size: 26px;
    }
    .how-we-do-section .who-we-are-content .right-content {
        padding: 15px 30px 15px 30px;
    }
    .who-we-are-section {
        margin-bottom: 0px;
    }
    .counting-section {
        padding: 30px 0px;
    }
    .counting-section .counting-detail span {
        font-size: 25px;
    }
    .counting-section .counting-detail p {
        font-size: 14px;
        margin-left: 10px;
    }
    .who-we-are-content .right-content p {
        font-size: 15px;
    }
    .what-we-do-content .left-content p {
        font-size: 15px;
    }
    .what-we-do-content .left-content ul li {
        font-size: 15px;
    }
    .founer-content .founder-left figure:before {
        left: 150px;
    }
    .founer-content .founder-left figure:after {
        right: 150px;
    }
    .founder-right .founder-detail h2 {
        font-size: 26px;
    }
    .founder-right .founder-detail p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .founder-right .founder-detail h3 {
        font-size: 17px;
    }
    .founder-right .founder-detail span {
        font-size: 15px;
    }
    .sevices-heading {
        padding: 10px 0px 30px 0px;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .sevices-heading h2 {
        font-size: 26px;
        max-width: 100%;
    }
    .sevices-heading span{
        padding: 0;
        font-size: 14px;
    }
    .sevices-heading span:after {
        width: 40px;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }
    .services-tabing-section .nav-tabs .nav-link {
        font-size: 13px;
    }
    .services-tabing-section .tab-content .services-tab-content p {
        font-size: 16px;
        margin: 0px auto 10px auto;
    }
    .services-tabing-section {
        padding: 30px 0px 30px 0px;
    }
    .insight-section h2 {
        font-size: 26px;
    }
    .blog_section h3 {
        font-size: 18px;
    }
    .blog_section p {
        font-size: 14px;
        line-height: unset;
    }
    .blog_section .read_btn a {
        font-size: 14px;
        font-weight: 500;
    }
    .services-tabing-section {
        padding: 30px 0px 30px 0px;
    }
    .banner-slider {
        flex-direction: column-reverse;
    }
    .banner-slider .left-section {
        padding-bottom: 0px;
        padding-top: 20px;
    }
    .form-section {
        padding: 30px 0px;
    }
    .form-section .form-box input {
        font-size: 14px;
    }
    .form-section .form-box .form-group textarea {
        height: 115px;
        font-size: 14px;
    }
    .form-section .form-box .form-group label {
        font-size: 14px;
    }
    .form-section .form-box .form-btn .btn-primary {
        padding: 12px 26px;
    }
    .map-section {
        padding: 0px 0px 30px 0px;
    }
    .map-section .map-content {
        margin-top: 15px;
    }
    .map-section h2 {
        font-size: 22px;
    }
    .map-section h2 {
        font-size: 20px;
    }
    .current-opening-section {
        padding: 30px 0px 40px 0px;
    }
    .current-opening-section h1 {
        font-size: 26px;
    }
    .career-accordian-item {
        margin-top: 15px;
    }
    .current-opening-section .accordion-button {
    font-size: 20px;
    padding: 18px;
}
.accordion-body {
    padding: 10px 15px 15px 15px;
}
.carrer-modal-popup  .btn-primary {
    padding: 12px 15px;
}
.privacy-policy h1 {
    font-size: 26px;
    margin-bottom: 20px;
}
.entry-content {
    padding: 30px;
}
.privacy-policy p {
    font-size: 15px;
    margin-bottom: 10px;
}
.privacy-policy {
    padding: 30px 0px;
}
.sevices-heading .left-heading{
    padding-right: 0px
}
.carrer-modal-popup .form-section h3 {
    font-size: 20px;
}
}

@media(max-width:576px) {
    .lead-section h2 {
        font-size: 22px;
    }
    .heading-section span {
        margin-bottom: 0;
    }

    .lead-section .left-lead .heading-section h2 {
        font-size: 23px;
    }

    .service-section ul li h3 {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .service-section ul li p {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
        margin: 5px 0px 10px 0px;
    }

    .service-section ul li a.view-case {
        bottom: 15px;
    }

    .side-bar {
        display: block;
        width: 30px;
        height: 30px;
        background: none;
        border: none;
        position: relative;
        transition: all .3s ease-in-out;
        z-index: 10;
    }

    .heading-section h1 {
        font-size: 22px;
    }

    .focus-section .heading-section h2 {
        font-size: 22px;
    }

    .focus-listing .focus-inner-section .card-title {
        font-size: 16px;
    }

    .focus-listing .focus-inner-section .card-text {
        line-height: normal;
        padding-bottom: 10px;
    }

    .focus-section .focus-inner-section img {
        width: 40px;
    }

    .planned-section {
        margin: 20px 0px 30px 0px;
    }

    .planned-section::before {
        height: 300px;
    }

    .planned-inner-section .plan-content {
        padding: 30px 15px;
    }

    .planned-inner-section .heading-section h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .planned-inner-section .heading-section p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .planned-inner-section .heading-section .btn-primary {
        margin-top: 10px;
    }

    .about-img-section img {
        width: 230px;
    }

    .who-we-are-section .heading-section span:after {
        top: 25px;
    }

    .about-section .about-left .heading-section h2 {
        font-size: 22px;
        line-height: 26px;
        margin-top: 10px;
    }

    .about-section .about-left .heading-section p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .counter-section li .counter span {
        font-size: 22px;
    }

    .counter-section img {
        width: 25px;
    }

    .counter-section li .counter p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .who-we-are-section .btn-primary {
        width: 110px;
    }

    .lead-section .left-lead .heading-section h2 {
        font-size: 22px;
        line-height: 24px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .service-section {
        padding-top: 5px;
    }

    .service-section ul li img {
        width: 40px;
    }

    .service-section ul li h3 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }

    .service-section ul li h3 br {
        display: none;
    }

    li.service-btn a.btn-outline-primary {
        font-size: 14px;
        height: 45px;
        width: 155px;
    }

    .quote-content h2 {
        font-size: 22px;
    }

    .quote-content p {
        font-size: 14px;
    }

    .quote-content {
        padding: 25px 0;
    }

    .btn-primary {
        height: 45px;
        font-size: 14px;
    }

    .testimonial-section {
        padding: 30px 0;
    }

    .testimonial-box p {
        font-size: 14px;
        line-height: normal;
    }

    .info-section .left .first-section p {
        font-size: 13px;
        max-width: 100%;
    }

    .first-section {
        width: 100%;
    }

    .second-section {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 15px;
    }

    .third-section {
        padding-left: 0px;
        width: 100%;
        margin-bottom: 15px;
    }

    .navigation {
        width: 100%;
    }

    .testimonial-box::before {
        background-size: 45px;
    }

    .testimonial-box::after {
        background-size: 45px;
        right: 0;
    }

    .testimonial-box {
        padding: 40px 60px;
    }

    .testimonial-box strong {
        font-size: 15px;
    }

    .accordion-body p {
        font-size: 14px;
        margin: 0;
    }

    .service-section ul li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ECECEC;
        padding: 20px 15px 35px 15px;
    }
    .service-section ul li:nth-child(3)::after {
        display: none;
    }
    .service-section ul li:nth-child(3) {
        border-right: none;
    }
    .service-section ul li::after {
        display: none;
    }

    .copyright-content {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .right-copyright-section ul li {
        padding-right: 10px;
    }

    .left-copyright-section span {
        font-size: 14px;
        line-height: normal;
    }

    .right-copyright-section ul li a {
        padding-right: 10px;
    }

    .footer-mobile-view .accordion-item .accordion-header button {
        font-size: 15px;
    }

    .footer-mobile-view .accordion-item .accordion-header button {
        font-size: 15px;
    }

    footer {
        padding: 15px 0 0;
    }
    .who-we-are-content .left-content figure img {
        max-width: 320px;
    }
    .what-we-do-content .right-content figure img {
        max-width: 320px;
    }
    .who-we-are-content .right-content h2 {
        font-size: 22px;
    }
    .who-we-are-content .right-content p {
        font-size: 14px;
    }
    .what-we-do-content .left-content h2 {
        font-size: 22px;
    }
    .what-we-do-content .left-content p {
        font-size: 14px;
    }
    .what-we-do-content .left-content ul li {
        font-size: 14px;
    }
    .counting-section {
        padding: 20px 0px;
    }
    .counting-section .counting-detail {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .counting-section .counting-content .counting-left:after {
        display: none;
    }
    .founer-content .founder-left figure img {
        max-width: 300px;
    }
    .founer-content .founder-left figure:before {
        left: 105px;
    }
    .founer-content .founder-left figure:after {
        right: 105px;
    }
    .founder-right .founder-detail p {
        font-size: 14px;
    }
    .founder-right .founder-detail h2 {
        font-size: 22px;
    }
    .founder-detail figure img {
        width: 20px;
    }
    .founder-right .founder-detail figure {
        width: 40px;
        height: 40px;
        margin-top: 10px;
    }
    .founder-section {
        padding-bottom: 30px;
    }
    .sevices-heading h2 {
        font-size: 22px;
        margin-bottom: 0;
    }
    .sevices-heading {
        padding: 0px 0px 10px 0px;
    }
    .services-tabing-section .tab-content {
        padding: 20px 20px;
    }
    .services-tabing-section .tab-content .services-tab-content p {
        font-size: 14px;
    }
    .services-tabing-section .nav-tabs .nav-link {
        font-size: 12px;
    }
    .insight-section h2 {
        font-size: 22px;
    }
    .blog_section h3 {
        font-size: 16px;
    }
    .current-opening-section .accordion-button {
    font-size: 18px;
    padding: 16px;
}
.current-opening-section h1 {
    font-size: 22px;
}
.carrer-modal-popup  .btn-primary {
    padding: 10px 10px;
}
.carrer-modal-popup .form-section h3 {
    font-size: 22px;
}
.founer-content .founder-left figure:before {
    left: 60px;
}
.founer-content .founder-left figure:after {
    right: 60px;
}
.entry-content {
    padding: 20px;
}
.privacy-policy h1 {
    font-size: 22px;
}
.privacy-policy p {
    font-size: 14px;
}
.privacy-policy {
    padding: 30px 0px;
}
.carrer-modal-popup .form-section h3 {
    font-size: 18px;
}
}


/* 29-12-2022 */
.btn-primary:focus{
    background-color: #27B296;
    color: #fff;
    border: 1px solid #27B296;
    box-shadow: none;
}
.form-section .form-box .form-btn .btn-primary{
    background-color: #27B296;
    border: 1px solid #27B296;
    color: #FFFFFF;
    font-size: 16px;
    padding: 12px 36px;
    display: inline-flex;
    width: auto;
    height: auto;
    box-shadow: none;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sevices-heading{
    padding: 30px 12px 60px 12px;
}
.form-section .form-box input{
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    padding: 0 20px;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.form-section .form-box .form-btn .recaptcha{
    display: inline-block;
}
/* .form-section .form-box .form-btn .has-spinner{
    order: 3;
    margin: 0;
} */


.form-section .form-box .form-btn p{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 0;
}
.upload-button .upload_cv{
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    padding: 0 20px;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 3px #0000001a;
}
.current-opening-section .btn-primary:focus{
    background-color: #fff;
    color: #27B296;
    box-shadow: none;
    border: 1px solid #27B296;
}
.upload-button .upload_cv label{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 123px; 
}
/* .upload-button .attach-your-cv{
    display: none;
} */
.upload-button .wpcf7-form-control-wrap {
    display: none;
    }
.form-section .form-box .form-group .upload-button label .btn{
    color: #27B296;
    position: absolute;
    top: 25px;
    right: 20px;
    height: 50px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    text-transform: capitalize;
}
.form-section .form-box .form-group .upload-button label .btn:hover{
    color: #fff;
}
.modal-dialog  .modal-content .form-section .form-box .form-group .mobile-number {
    width: 100%;
}
.modal-dialog  .modal-content .form-section .form-box .form-group .mobile-number .phone-number {
    width: 100%;
}
.modal-dialog  .modal-content .form-section .form-box .form-group .mobile-number .intl-tel-input{
    width: 100%;
}
.modal-dialog  .modal-content .form-section .form-box .form-group .mobile-number .intl-tel-input .selected-flag{
    width: 56px;
}
.modal-dialog  .modal-content .form-section .form-box .form-group .mobile-number .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel]{
    padding-left: 70px;
}
.form-section .form-box input::placeholder {
    color: #a3a3a3;
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
}
.form-section .form-box .form-group textarea::-moz-placeholder{
    color: #a3a3a3;
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
}
.form-section .form-box .form-group textarea::placeholder{
    color: #a3a3a3;
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
}

 .form-section .form-box input::-moz-placeholder {
    color: #a3a3a3;
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
}
.modal-dialog  .modal-content .form-section .form-box .form-group  .mobile-number .intl-tel-input .country-list{
    /* width: 390px; */
    white-space: inherit;
}
.intl-tel-input .country-list.dropup{
    top: 100%;
}
@media(min-width:768px){
.form-section .form-box .form-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form-section .form-box .form-btn .wpcf7-spinner{
    order: 2;
}
.form-section .form-box .form-btn .btn-primary{
    order: 3;
}
.form-section .form-box .form-btn .recaptcha{
    order: 1;
}
}
.form-section .form-box .form-btn{
    text-align: left;
}
.form-section .form-box .form-btn .btn-primary{
    margin: 0;
    display: inline-flex;
}
.form-section .form-box .form-btn .recaptcha{
    display: block;
    margin-bottom: 10px;
}
@media(max-width:1399px) and (min-width:1200px){
    .planned-inner-section .plan-content{
        padding: 20px 0 0px 40px;
    }
}
@media(max-width:991px){
    .sevices-heading{
        padding: 30px 12px 30px 12px;
    }
    .carrer-modal-popup .form-section .form-box select{
        height: 79px;
    }
    .btn-outline-primary{
        padding: 12px 15px;
    }
    .navigation{
        overflow: scroll;
    }
    /* .modal-dialog .modal-content .form-section .form-box .form-group .mobile-number .intl-tel-input .country-list{
        width: 348px;
    } */
}

@media(max-width:767px){
    .sevices-heading{
        padding: 10px 12px 10px 12px;
    }
}
@media(max-width:576px){
    .sevices-heading{
        padding: 10px 12px 10px 12px;
    }
    .sevices-heading h2{
        font-size: 21px;
    }
    .btn-primary{
        font-size: 13px;
        padding: 0px 8px;
    }
    .recaptcha>span>div {
        height: 78px;
        transform: scale(.8);
        -webkit-transform: scale(.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
@media(max-width:576px){
    .form-section .form-box .form-btn{
        flex-wrap: wrap;
    }
    .form-section .form-box .form-btn p{
        flex-direction: inherit;
    }
    .form-section .form-box .form-btn .btn-primary{
        margin: 10px 0 0;
    }
    /* .form-section .form-box .form-btn .has-spinner{
        order: 2;
    } */
    /* .form-section .form-box .form-btn  .wpcf7-spinner{
        order: 3;
        margin-left: 24px;
        margin-right: auto;
    } */
    /* .form-section .form-box .form-btn.cust-recap-contact .has-spinner{
        order: 4;
    } */
}
@media(max-width:480px){
    /* .form-section .form-box .form-btn .has-spinner{
        order: 2;
    }
    .form-section .form-box .form-btn  .wpcf7-spinner{
        order: 3;
        margin-left: 24px;
        margin-right: auto;
    }
    .form-section .form-box .form-btn.cust-recap-contact .has-spinner{
        order: 2;
    } */
    .testimonial-box{
        padding: 30px 30px;
    }
    .testimonial-box::before{
        background-size: 35px;
        left: 9px;
        top: 9px;
    }
    .testimonial-box::after{
        background-size: 35px;
        right: -37px;
        bottom: -17px;
    }
 }


 /* search-result-page */
 .cstm_our_search .cstm_search{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
 }
 .cstm_item {
    display: flex;
    width: 50%;
    align-items: center;
    padding: 0 10px 0 10px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #6d6d6d;
    margin: 0 0 20px;
}
.cstm_item  figure{
    display: flex;
    width: 50%;
    border-radius: 6px 0px 0px 6px;
    overflow: hidden;
    border: 1px solid #DCDCDC;
}
.cstm_item  figure img{
    transition: .5s all;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.cstm_search_page{
    width: 50%;
    border-radius: 0px 6px 6px 0px;
    padding: 30px 15px 40px 24px;
    position: relative;
    border: #DCDCDC 1px solid;
    border-left: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cstm_search_page h3{
    font-size: 20px;
    margin: 0 0 10px;
    color: #231f20;
    font-weight: 600;
}
.cstm_search_page a {
    text-decoration: none;
    color: #297fba;
    font-weight: 400;
    position: absolute;
    bottom: 15px;
}
.cstm_search_page a:hover{
    color: #27B296;
    transition: all .4s ease;
}

@media(max-width:1200px){
    .cstm_item{
        flex-direction: column;
    }
    .cstm_item figure{
        width: 100%;
        display: block;
        border-radius: 6px 6px 0px 0px
    }
    .cstm_search_page{
        width: 100%;
        border-left: #DCDCDC 1px solid;
        border-radius: 0px 0px 6px 6px;
    }
}
@media(max-width:576px){
    .cstm_item{
        width: 100%;
    }
}


/* booking-form */
.booking_form .booking_form_div {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--text-color-level3,rgba(26,26,26,0.1));
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 20px;
}
/* .booking_form .booking_form_div .wpbc_times_selector{
    flex-wrap: nowrap;
} */
.booking_form .booking_form_div .wpbc_times_selector div.wpbc_time_selected{
    background: #00559a;
    color: #fff;
}
.booking_form .booking_form_div .wpbc_times_selector div{
    height: 52px;
    padding: 15px 20px;
    font-size: 18px;
    border: 1px solid #00559a;
    color: #00559a;
    line-height: 20px;
    vertical-align: middle;
    margin: 7px 25px 0 0;
}
.booking_form .booking_form_div .wpbc_times_selector div:hover{
    background: #00559a;
    color: #fff;
}
.booking_form .booking_form_div .wpbc_structure_form .form-group .controls input{
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 3px #0000001a;
    box-sizing: border-box;
    
}
.booking_form  .booking_form_div .btn{
    background-color: #27B296;
    border: 1px solid #27B296;
    color: #FFFFFF;
    font-size: 18px;
    padding: 12px 35px;
    display: inline-flex;
    width: auto;
    height: auto;
    box-shadow: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.booking_form  .booking_form_div .btn:hover{
    color: #27B296;
    background-color: #fff;
    border: 1px solid #27B296;
}

.booking_form .booking_form_div .wpbc_structure_calendar{
    width: 100%;
}
.booking_form .booking_form_div .wpbc_structure_calendar .bk_calendar_frame{
    margin: auto;
    max-width: 450px !important;   
}
.booking_form .booking_form_div .date_booking1{
    display: none;
}
.booking_form .booking_form_div .block_hints{
    display: flex;
    justify-content: center;
}
.booking_form .booking_form_div .wpbc_structure_form {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    margin: 0 -12px;
}
.booking_form .booking_form_div .wpbc_structure_form .form-group:first-child {
    width: 100%;
}
.booking_form .booking_form_div .datepick{
    border-collapse: separate;
    table-layout: fixed;
   border-spacing: 0 8px;
}
.booking_form .booking_form_div .datepick-inline .datepick-title-row th{
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    border: none !important;
}
.booking_form .booking_form_div .datepick-inline table.datepick, div.datepick-inline table.datepick th, div.datepick-inline table.datepick td{
    position: relative;
    width: 55px;
    height: 45px;
    margin-right: auto;
    margin-left: auto;
    padding: 1px 0 0;
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--text-color-level2,rgba(26,26,26,0.61));
    font-size: 16px;
    text-align: center;
    border: none!important;
    background: transparent;
    border-collapse: separate;
    
}
.booking_form .booking_form_div .datepick-inline .datepick-one-month .datepick .datepick-current-day{
    background-color: #00559a !important;
}
.booking_form .booking_form_div .datepick-inline .datepick-days-cell .date-cell-content a{
    font-size: 16px;
}
.booking_form .booking_form_div .bk_calendar_frame + div {
    display: none;
}
.booking_form .booking_form_div .block_hints{
    margin: 30px 0px 30px 0px !important;
}
.booking_form .booking_form_div .datepick-inline .datepick-header span{
    font-size: 18px;
}
.booking_form .booking_form_div .datepick-inline .calendar-links .datepick-prev{
    margin: 0 100px;
    flex-flow: inherit;
}
.booking_form .booking_form_div .datepick-inline .calendar-links{
    border-bottom: 1px solid #e4e4e4;
}
.booking_form .booking_form_div .datepick-inline .calendar-links .datepick-next{
    margin: 0 100px;
    flex-flow: inherit;
}
.booking_form .booking_form_div .datepick-inline .datepick-header{
    margin-bottom: 15px;
}
.booking_form .booking_form_div .form-group{
    width: 50%;
    padding: 0 12px;
}
.booking_form .booking_form_div textarea{
    width: 100%;
    box-shadow: 0 2px 3px #0000001a;
    box-sizing: border-box;
}
.booking_form .booking_form_div .datepick-inline .date_approved{
    background-color: #00559a;
}
.booking_form .booking_form_div .datepick-inline .date2approve{
    background-color: #DF9A00;
}
.booking_form .booking_form_div .block_booked{
    background-color: #00559a;
}
#captcha_input1{
    margin-top: 30px;
}
.booking_form .booking_form_div .wpbc_structure_form .form-group .captachinput{
    height: 79px;
    border-radius: 4px;
    border: solid 1px #DEDEDE;
    font-size: 16px;
    color: #a3a3a3;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    display: flex;
    /* align-items: center; */
    box-shadow: 0 2px 3px #0000001a;
}
.booking_form_div img.captcha_img{
    margin-top: 10px;
}
.booking_form .booking_form_div .wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a{
    color: #fff;
}

@media(max-width:991px){
    .booking_form .booking_form_div .wpbc_times_selector div{
        padding: 15px 13px;
        font-size: 16px;
        margin: 7px 15px 0 0;
    }
    .booking_form .booking_form_div .wpbc_structure_form .form-group .controls input{
        width: 100% !important;
        margin: auto !important;
    }
    .booking_form .booking_form_div .wpbc_structure_form .form-group .captachinput{
        width: 100% !important;
    }
    .booking_form .booking_form_div textarea{
        width: 100% !important;
        margin: auto !important;
    }
}

@media(max-width:767px){
    .booking_form .booking_form_div .form-group{
        width: 100%;
    }
    .booking_form .booking_form_div .wpbc_structure_form .form-group .controls input{
        width: 100% !important;
        margin: auto !important;
    }
    .booking_form .booking_form_div .wpbc_structure_form .form-group .captachinput{
        width: 100% !important;
    }
    .booking_form .booking_form_div textarea{
        width: 100% !important;
        margin: auto !important;
    }
    .booking_form .booking_form_div{
        box-shadow: none;
    }
    .booking_form .booking_form_div .wpbc_times_selector div{
        flex: 0 0 46%;
    }
}


@media(max-width:480px){
    .booking_form .booking_form_div .datepick-inline table.datepick{
        width: 100%;
    }
    .booking_form .booking_form_div .datepick-inline table.datepick td{
        width: 100%;
        min-width: 30px;
        height: 30px;
    }
    .booking_form .booking_form_div .datepick-inline .calendar-links .datepick-prev{
        margin-left: 30px;
    }
    .booking_form .booking_form_div .datepick-inline .calendar-links .datepick-next{
        margin-right: 30px;
    }
    .booking_form .booking_form_div  .datepick-inline{
        box-shadow: none;
    }
    .booking_form .booking_form_div{
        padding: 10px;
    }
    .booking_form .booking_form_div .block_hints{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin:30px 0px 50px 0px !important;
    }
    .booking_form .booking_form_div .datepick-inline .datepick-title-row th{
        width: 30px;
    }
    .booking_form .booking_form_div .wpbc_times_selector div{
        flex: 0 0 100%;
    }
}

/* 31-12-2022 */
.form-section .form-box input.wpcf7-not-valid{
    border: 1px solid #dc3232;
}
.form-section .form-box .form-group  span.wpcf7-not-valid-tip{
    display: none;
}
.form-section .form-box .form-group textarea.wpcf7-not-valid{
    border: 1px solid #dc3232;
}
.booking_form .booking_form_div .form-group:last-child{
    width: 100%;
}
.booking_form .booking_form_div .form-group:last-child button{
    margin: auto;
}
.modal-content .form-section .form-box input.wpcf7-not-valid{
    border: 1px solid #dc3232;
}
.modal-content .form-section .form-box .form-group  span.wpcf7-not-valid-tip{
    display: none;
}
.modal-content .form-section .form-box .form-group  .upload-button .wpcf7-not-valid {
    border: 1px solid #dc3232;
}


/* 03-01-2022 */

/* insight-section */
.insight_listing_section{
    margin-top: 30px;
}
.insight-listing{
    padding-bottom: 25px;
}
.insight-listing ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding-bottom: 30px;
}
.insight-listing .listing_button{
    text-align: center;
}
.insight-listing ul li {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.insight-listing ul li h2 {
    font-size: 16px;
    margin: 20px 0 15px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.insight-listing ul li h3:hover{
    color: #27B296;
    transition: all .5s ease-in-out;
}
.insight-listing ul li h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 30px;
}
.insight-listing ul li figure {
    overflow: hidden;
    transition: all .3s ease-in-out;
    border-radius: 25px;
}
.insight-listing ul li figure img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
}
.insight-listing ul li figure:hover img{
    transform: scale(1.2);
    transition: all .5s ease-in-out;
}






/* detail-page */
.insight-detail-section{
    margin: 70px 0 0 0;
}
.insight-slider-section .insight_heading  h2{
    font-size: 30px;
    font-weight: 800;
}
.insight-detail-section .insight-slider-section .insight-listing{
    margin-top: 25px;
}
.insight-detail-section .form-page{
    max-width: 580px;
    background: #000;
    padding: 30px;
    text-align: center;
    height: 100%;
    border-radius: 25px;
    background-image: url(../images/quote-img.png);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.insight-detail-section .form-page h2{
    color: #fff;
    margin-bottom: 20px;
}
.insight-detail-section .form-page p{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 27px;
}
.insight-detail-section .form-page .animated-arrow{
    color: #27B296;
    background-color: #fff;
    text-align: center;
    width: 250px;
    padding: 15px 15px;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 500;
    border: none;
}
.insight-detail-section .form-page .animated-arrow:hover{
    background-color: #27B296;
    color: #ffff;
}
  .insight-detail-section .insight-slider-section .owl-carousel .owl-nav, .insight-download-section .owl-carousel .owl-nav{
    display: none;
  }
  .insight-detail-section .insight-slider-section .owl-carousel  .owl-dots, .insight-download-section .owl-carousel .owl-dots{
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .insight-detail-section  .insight-slider-section .owl-carousel  .owl-dots button.owl-dot.active, .insight-download-section .owl-carousel .owl-dots button.owl-dot.active{
    background-color: #00559a;
  }
  .insight-detail-section  .insight-slider-section .owl-carousel  .owl-dots button.owl-dot, .insight-download-section .owl-carousel .owl-dots button.owl-dot{
    background-color: #d2d3d5;
    border-radius: 50%;
    color: #000;
    font: inherit;
    width: 12px;
    height:12px;
    border: none;
    margin: 0 3px;
  }
  .insight-download-section {
    padding-bottom: 35px;
}
.insight-slider-section {
    padding-bottom: 20px;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items h2{
    font-size: 16px;
    margin: 20px 0 15px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items h3:hover{
    color: #27B296;
    transition: all .4s ease;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items h3{
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 30px;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items figure{
    overflow: hidden;
    transition: all .3s ease-in-out;
    border-radius: 25px;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items figure img{
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
}
.insight-detail-section .insight-slider-section .insight-listing .insight_items figure img:hover{
    transform: scale(1.2);
    transition: all .5s ease-in-out;
}
.form-page figure img {
    height: 80px;
}
.form-page figure {
    margin-bottom: 20px;
}




/* banner-section */
.banner-section{
    position: relative;
    margin: 30px 0;
}
.banner-section .banner-inner-section{
    padding: 50px 0;
}
.banner-section:after{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #f3f3f3;
    background-image: url(../images/banner-bg.svg);
    background-size: cover;
    z-index: -1;
}
.banner-section .heading h2 {
    font-size: 18px;
    margin: 20px 0 15px;
    color: #231f20;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
}
.banner-section .heading h3 {
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    margin-bottom: 20px;
}
.banner-section .heading p{
    font-size: 18px;
    font-weight: 400;
}
.banner-section .banner-inner-section figure{
    text-align: center;
}
.banner-section .banner-inner-section span {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

@media(max-width:991px){
    .insight-listing ul li{
        width: 50%;
        margin-bottom: 30px;
    }
    .insight-detail-section .form-page{
        max-width: 100%;
    }
    .insight-detail-section .insight-slider-section .insight-listing{
        margin-top: 0;
    }
    .insight-detail-section{
        margin-bottom: 0;
    }
}
@media(max-width:576px){
    .insight-listing ul li{
        width: 100%;
    }
}


/* 05-01-2023 */
.footer-desktop-view  .footer-list ul{
    display: flex;
    flex-wrap: wrap;
}
.footer-desktop-view  .footer-list ul li{
    width: 50%;
}
.footer-list::after{
    pointer-events: none;
}

@media(max-width:270px){
    .quote-content .btn-primary{
        margin-bottom: 10px;
    } 
}

/* case-study-section */

.case_detail_banner{
    background-image: url(../images/client_img.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.case_banner_section {
    background: #fff;
    width: 350px;
}
.case_banner_section .case-study-section {
    padding: 60px 30px 30px;
}
.client-section .client-content-section .heading-section h2, .case_banner_section .case-study-section .heading-section h2 {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #27B296;
    font-weight: 500;
}
.case_banner_section .case-study-section h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 40px;
}
.client-section figure img{
   max-height: 60px;
}
.client-section {
    padding: 40px 0;
}
.client-section .client-content-section .heading-section {
    margin-top: 20px;
}
.client-section .client-content-section .heading-section li:after, .client-section.service_detail .client-content-section  li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #27B296;
    left: 0;
    top: 10px;
}
.client-section .client-content-section .heading-section li, .client-section.service_detail .client-content-section  li {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 15px;
    text-align: left;
}
.client-section .client-content-section .heading-section li{
    font-size: 15px;
}
.client-section .client-content-section{
    display: flex;
    flex-direction: column;
    height: 100%;
    border-right: 1px dotted;
}
.client-section .col-lg-4:first-child {
    border-left: 1px dotted;
}

/* service-detail-section */
/* .client-section.service_detail .client-content-section{
    flex-direction: row;
    border-right: none;
}
.client-section.service_detail .client-content-section figure{
    width: 30%;
}
.client-section.service_detail .client-content-section .heading-section{
    width: 70%;
}
.client-section.service_detail .client-content-section p{
    padding: 19px 0 10px;
    font-size: 18px;
    margin-bottom: 0;
}
.client-section.service_detail .client-content-section .heading-section h2{
    font-size: 20px;
    margin-bottom: 0;
}
.client-section.service_detail .client-content-section ul{
    padding-top: 20px;
} */





.service_img{
    border: 1px solid #ddd;
    background-color: #00559a;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.client-section.service_detail .service_img figure{
    filter: invert(1);
}
.client-section.service_detail .client-content-section h2 {
    font-size: 20px;
    color: #27B296;
    font-weight: 500;
    text-transform: uppercase;
}
.client-section.service_detail .client-content-section p {
    padding: 0;
    font-size: 18px;
    margin-bottom: 0;
}
.client-section.service_detail .client-content-section{
    flex-direction: column;
}
.client_inner_section{
    display: flex;
    /* align-items: center; */
    margin-bottom: 25px;
}
.client-section.service_detail .client-content-section ul{
    padding-top: 0;
}
.client-section.service_detail .client-content-section ul li{
    padding-bottom: 10px;
    padding-right: 0;
}
.client-section.service_detail .client-content-section p{
    margin-bottom: 10px;
}
.client-section.service_detail .client-content-section{
    border-right: none;
    padding: 15px;
    justify-content: center;
}
.client_inner_section:nth-child(3) {
    margin-bottom: 0;
}

@media(max-width:991px){
    .client-section{
        padding: 30px 0 0;
    }
    .heading-section p{
        font-size: 14px;
    }
    .client-section .col-md-6{
        border-bottom: 1px dotted;
        border-right: 1px dotted;
    }
    .client-section .col-lg-4:first-child{
        border-left: none;
    }
    .client-section .col-md-6:nth-child(2){
        border-right: none;
    }
    .client-section .client-content-section{
        border-right: none;
    }
    .service_img{
        width: 120px;
        height: 120px;
    }
    .client-section.service_detail .client-content-section{
        padding: 15px;
    }
}
@media(max-width:767px){
    .client-section .client-content-section{
        padding: 20px 0 0;
        border-right: none;
    }
    .client-section{
        padding: 30px 0 0;
    }
    .client-section .client-content-section .heading-section{
        margin-top: 15px;
    }
    .client-section .client-content-section .heading-section h2{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .client-section .client-content-section .heading-section p{
        margin-bottom: 20px;
    }
    .case_banner_section .case-study-section {
        padding: 40px 20px 20px;
    }
    .case_banner_section .case-study-section h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .client-section .col-md-6{
        border-right: none;
    }
}
@media(max-width:576px){
    .service_img{
        width: 100px;
        height: 100px;
    }
    .client-section.service_detail .client-content-section p{
        font-size: 15px;
    }
    .client_inner_section{
        flex-direction: column;
        text-align: center;
    }
    .client-section.service_detail .client-content-section{
        text-align: center;
    }
}

@media(max-width:480px){
    .case_banner_section{
        max-width: 100%;
    }
    .case_banner_section .case-study-section h1{
        font-size: 18px;
        line-height: 28px;
    }
    .client-section .client-content-section .heading-section h2{
        font-size: 16px;
    }
}


/* 09-01-2023 */

/* filter-listing-section */
.filter-listing .filter_label{
    padding: 20px 15px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
}
.filter-listing .filter_label button{
    display: none;
}
.filter-listing .filter_label .collapse{
    display: block;
}
.filter-listing .filter_label .filter_content{
    display: flex;
    align-items: center;
}
.filter_label .filter_text {
    width: 10%;
    font-size: 16px;
    font-weight: 600;
}
.filter_label .filter_check_listing {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
}
.filter_label .filter_check_listing .form-check {
    padding: 10px 25px;
    margin-bottom: 0;
}
.filter_label .filter_check_listing .form-check .form-check-label {
    font-size: 16px;
    font-weight: 500;
}
.filter_label .filter_check_listing form{
    display: flex;
    flex-wrap: wrap;
}

@media(max-width:767px){
    .filter-listing .filter_label button{
        display: block;
        width: 100%;
        text-align: left;
    }
    .filter-listing .filter_label .collapse.show {
        display: block;
    }
    .filter-listing .filter_label .filter_content {
        padding-top: 20px;
    }
    .filter_label .filter_text{
        display: none;
    }
    .filter-listing .filter_label .collapse{
        display: none;
    }
}

/* 16-01-2023 */
.insight-listing ul .insight-items-more{
    margin: auto;
}

/* 22-02-2023 */
.insight-listing ul li figure{
    max-width: 310px;
    margin: auto;
    position: relative;
}
.insight-listing ul li figure:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #005597;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: 1;
}
.insight-listing ul li{
    text-align: center;
}
.insight-listing ul li h3{
    margin-top: 15px;
}
.client-content-section .flag-section ul {
    display: flex;
    flex-wrap: wrap;
}
.client-content-section .flag-section ul li {
    display: inline-block;
    margin-bottom: 10px;
    width: 50%;
    padding-right: 12px;
    
}
.client-content-section .flag-section ul li a {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 25px;
    width: 100%;
}
.client-content-section .flag-section ul li a figure {
    width: 25%;
    max-width: 45px;
    overflow: hidden;
    margin-right: 8px;
}
.client-content-section .flag-section ul li a figure  img{
    border-radius: 50%;
    object-fit: cover;
}
.client-content-section .flag-section ul li a .country_name {
    width: 75%;
    /* padding-right: 10px; */
    
}
.client-content-section .flag-section ul li a .country_name span{
    display: block;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.client-section .client-content-section .heading-section{
    margin-bottom: 15px;
}
.client-content-section .flag-section .heading-title h3{
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #27B296;
    font-weight: 500;
}
.insight-listing ul li h3{
    font-size: 15px;
    font-weight: 500;
}

@media(max-width:1280px){
    .insight-listing ul li figure{
        max-width: 310px;
    }
}