@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*==Fonts
 font-family: "Hanken Grotesk", sans-serif;
 font-family: "Inter", sans-serif;
==*/

/*=====default styles=====*/
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #323131;
    overflow-x: hidden;
	font-display: swap;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


img {
    max-width: 100%;
}


/* ul,
li {
    list-style: none;
} */

a {
    text-decoration: none;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

button {
    /* WebKit */
    -webkit-appearance: none;

    /* Mozilla */
    -moz-appearance: none;

    /* Opera */
    -o-appearance: none;

    /* Internet Explorer */
    -ms-appearance: none;

    /* CSS3 */
    appearance: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}


p {
    color: #323131;
    font-size: 16px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #144891;
    font-weight: 400;
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 600;
    text-transform: capitalize;
	font-display: swap;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #D40214;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #144891;
}

h3,
h4 {
    font-size: 20px;
}

sub,
sup {
    font-size: .2em;
}

sup {
    top: -1.5em;
    vertical-align: super;

}


.titleh2 {
    margin: 0px 0px 30px;
    position: relative;
}

.titleh2 h2 {
    color: #000;
    font-size: 32px;
    margin: 0px;
    text-transform: capitalize;
}



.subTitle {
    color: #144891;
    font-size: 20px;
    font-weight: 400;
    font-family: "Hanken Grotesk", sans-serif;
    font-style: italic;
    margin: 0px 0px 5px;
    text-transform: uppercase;

}

.normalText a {
    color: #144891;
}

.MaxWidth {
    max-width: 700px;
    margin: 0 auto 30px;
}

.MaxWidth .titleh2 {
    margin: 0px 0px 20px;
}

.mwfullwidth {
    max-width: 1000px;
}


.textcenter {
    text-align: center;
}

.my80 {
    margin: 80px 0px;
}

.cta {
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background-color: #D40214;
    border: 1px solid #D40214;
}

.cta img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.cta img:not(.wbg img) {
    filter: brightness(0) invert(1);
}

.cta:hover img:not(.wbg img) {
    filter: none;
}

.cta.wbg {
    background-color: #ffffff;
    color: #D40214;
}

.cta.wbg:hover {
    background-color: #D40214;
    color: #ffffff;
}

.cta:hover {
    background-color: #f5f5f5;
    color: #D40214;
}

.GroupBtn {
    display: flex;
    align-items: center;
    gap: 20px;
}



.ImgParent {
    position: relative;
    overflow: hidden;
    /* border-radius: 10px; */
}

.ImgParent img {
    width: 100%;
    height: 100%;
}

.imgwrapper {
    position: relative;
    overflow: hidden;
    /* border-radius: 10px; */
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s;
}

.SixteenRatioNine,
.sixrationine {
    padding-bottom: 56.25%;
    display: block;
}

.FourRatioThree {
    padding-bottom: 75%;
}

.imgwrapper img,
.imgwrapper iframe,
.imgwrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    object-fit: contain;
	background-repeat:no-repeat;
}




.mt40 {
    margin-top: 40px;
}


.SliderWrapper {
    position: relative;
}

/*========slider navigation======*/
.defaultslidearrow {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.defaultslidearrow .swiper-button-next:after,
.defaultslidearrow .swiper-button-prev:after {
    display: none;
}

.defaultslidearrow .swiper-button-next,
.defaultslidearrow .swiper-button-prev {
    position: relative;
    left: inherit;
    right: inherit;
    text-align: inherit;
    margin: 0px;
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    cursor: pointer;
    border-radius: 50%;
    transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -ms-transition: ease-in-out all 0.3s;
    -o-transition: ease-in-out all 0.3s;
    z-index: 1;
    border: 1px solid #D40214;
    background-color: #D40214;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

}

.defaultslidearrow .swiper-button-next {
    transform: rotate(180deg);
}



@media screen and (min-width:1151px) {
    .SliderWrapper {
        padding: 0px 40px;
    }

    .defaultslidearrow {
        justify-content: space-between;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        left: 0;
        right: 0;
    }

    .defaultslidearrow .swiper-button-next,
    .defaultslidearrow .swiper-button-prev {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
        background-size: 30px;
    }
}


@media screen and (max-width:1150px) {
    .defaultslidearrow {
        margin: 30px 0px 0px;
    }

}

/*========slider navigation====*/
.hdDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 30px;
    gap: 10px;
}

.hdDiv .titleh2 {
    margin: 0px;
}



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

    .titleh2,
    .hdDiv {
        margin: 0px 0px 20px;
    }

    .titleh2 h2 {
        font-size: 25px;
    }

    /* .subTitle {
    font-size: 16px;
  } */

    .mt40 {
        margin-top: 30px;
    }

    br {
        display: none;
    }

    .defaultslidearrow {
        gap: 10px;
    }

    .defaultslidearrow .swiper-button-next,
    .defaultslidearrow .swiper-button-prev {
        width: 35px;
        min-width: 35px;
        height: 35px;
        min-height: 35px;
        background-size: 20px;
    }

    h3,
    h4 {
        font-size: 20px;
    }

    .cta {
        font-size: 15px;
    }

    .my80 {
        margin: 40px 0px;
    }
}

/*=====default styles=====*/





/*==========top header======*/
.topHeader {
    background-color: #ffffff;
    padding: 20px 0px;
}

.topHeaderinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/*==========top header======*/

/*=====header=====*/
header {
    background-color: #144891;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    transition: all 0.3s;
}

header ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}



.FormobmenuHeader {
    display: none;
}

.headerMainWrapper {
    position: relative;
}

.menuHeaderinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.menuHeaderinner .logoheader img {
    width: 100%;
    height: 100%;
}

.Headertside {
    display: flex;
    align-items: center;
    gap: 30px;
}

header nav ul.mainULnav {
    margin: 0px;
    padding: 0px;
}

header nav ul li {
    display: inline-block;
    position: relative;
    list-style: none;
}

header nav ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 30px 15px;
}

header .sub-menu {
    background-color: #ffffff;
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all ease 0.3s;
    top: calc(100% + 0px);
    width: auto;
    left: inherit;
    bottom: inherit;
}

header .sub-menu li {
    display: block;
}

header .sub-menu li a {
    font-size: 14px;
    font-weight: 500;
    color: #3D3E48;
    padding: 0px;
    margin: 0;
    position: relative;
    display: block;
    text-transform: capitalize;
    min-height: auto;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
    border: 0px;
}

.hamburgerMenuBtn {
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23144891' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    margin: 0;
    cursor: pointer;
    display: none;
}

.HeaderMenuRhs {
    display: flex;
    align-items: center;
    gap: 10px;
}


.menuOverlay {
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    transition: all ease 0.3s;
    display: none;
}

body.sidebarMenuOpen .menuOverlay {
    display: block;
}

/*=======min-width:1151px=======*/

@media screen and (min-width: 1151px) {
    header .dropdownMenu .sub-menu {
        min-width: 240px;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        /* border-top: 3px solid #f3d014; */
    }

    header .dropdownMenu:hover>.sub-menu {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    header nav ul li a:hover {
        color: #ffffff;
    }

    header .sub-menu li a:hover {
        background-color: #f5f5f5;
        color: #144891;
    }

    li.dropdownMenu>a:after {
        content: "";
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23c4cfdd' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
        display: inline-flex;
        right: -5px;
        top: 3px;
        position: relative;
        transition: all 0.3s !important;
    }

    li.dropdownMenu>a:hover:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    }

    .LogoWrapper {
        display: none;
    }

    .menuHeaderinner {
        justify-content: center;
    }

    .HeaderMenuRhs .cta {
        display: none;
    }


}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
    header {
        background-color: #ffffff;
    }

    .menuHeader {
        padding: 10px 0px;
    }



    .hamburgerMenuBtn {
        display: block;
    }

    .headerrhscontent {
        position: fixed;
        right: -280px;
        bottom: 0;
        top: 0;
        z-index: 4;
        width: 280px;
        -webkit-transition: right 0.5s ease;
        transition: right 0.5s ease;
        background-color: #ffffff;
        width: 280px;
    }

    body.sidebarMenuOpen .headerrhscontent {
        right: 0px;
    }

    /*for mobile*/
    .FormobmenuHeaderWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 12px;
        border-bottom: 1px solid rgba(204, 204, 204, 0.4);
        position: relative;
        width: 100%;
    }

    .FormobmenuHeaderWrapper .logo {
        width: 110px;
    }

    .FormobmenuHeaderWrapper .logo img {
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        /* filter: brightness(0) invert(1); */
    }

    .FormobmenuHeader {
        display: block;
        width: 100%;
    }

    header nav ul li a:not(header ul.sub-menu li a),
    header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
        color: #144891;
        padding: 12px;
        width: 100%;
        font-weight: 500;
        border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    }

    .headerrhscontent {
        flex-direction: column;
        justify-content: flex-start;
    }

    .closeIcon {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2313498F' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        cursor: pointer;
        border: 0;
        background-color: transparent;
    }

    header nav ul li {
        width: 100%;
    }

    header nav ul .dropdownMenu span {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        right: 15px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2313498F' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 4;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

    header .sub-menu {
        opacity: 1;
        z-index: 1;
        visibility: visible;
        transition: none;
        top: 0;
        display: none;
        min-width: 100%;
        position: relative;
        box-shadow: none;
        padding: 0px;
    }

    header .sub-menu li a {
        padding: 12px;
    }

    header .sub-menu li a:hover {
        color: #424242;
    }

    header nav {
        overflow-y: auto;
        height: calc(100% - 80px);
    }

    header nav::-webkit-scrollbar {
        display: none;
        width: 0px;
    }

    header nav ul li:last-child a:not(header ul.sub-menu li a),
    header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
        border-bottom: 0px;
    }

    header nav ul .dropdownMenu span.hasSub.menuactve {
        transform: rotate(180deg);
    }


    .sidebarMenuOpen .HeaderSticky {
        animation: none;
    }

    .topHeader {
        display: none;
    }

    .LogoWrapper {
        width: 120px;
    }

}



/*===============header=============*/


/*=======Banner section=====*/
.BanenrSection {
    margin: 25px 0px 40px;
}

.BannerWrapper {
    display: flex;
    justify-content: space-between;
}

.BannerLhs {
    width: calc(40% - 0px);
    min-width: calc(40% - 0px);
    display: flex;
}

.social-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    width: 30px;
    min-width: 30px;
    margin-right: 10px;
}

.social-icons a i {
    transform: rotate(90deg);
    font-size: 22px;
}


.social-icons a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-family: "Hanken Grotesk", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-transform: capitalize;
}

.BlhsLtside {
    width: calc(100% - (30px + 10px));
    min-width: calc(100% - (30px + 10px));
}

.BlhsltsideTop {
    background-color: #144891;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0px 0px 25px;
}

.BlhsltsideTop .bannerlogo {
    width: 145px;
    min-width: 145px;
}

.BlhsltsideTop p {
    color: #ffffff;
    margin: 0px;
}

.BannerRhs {
    width: calc(60% - 0px);
    min-width: calc(60% - 0px);
    padding-left: 25px;
}

.BrhssideTop {
    background-color: #144891;
    padding: 25px 50px;
    margin: 0px 0px 25px;
}

.BrhssideTop h1 {
    font-size: 43px;
    color: #ffffff;
    margin: 0px 0px 14px;
}

.BrhssideTop p {
    color: #ffffff;
    font-size: 16px;
    margin: 0px 0px 20px;
}

.BrhssideBottom {
    display: flex;
}

.writingmodeDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    width: 50px;
    min-width: 50px;
}

.normalText {
    font-size: 16px;
    color: #454545;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5.6px;
    font-family: "Hanken Grotesk", sans-serif;
}

.BrhssideBottomrtside {
    width: calc(100% - (30px + 20px));
    min-width: calc(100% - (30px + 20px));
    position: relative;
}

.VideoTag {
    background-color: #D9D9D9;
    display: inline-block;
    font-family: "Hanken Grotesk", sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 30px;
    cursor: pointer;
}

.BrhssideBottomrtside .VideoTag {
    position: absolute;
    top: 10px;
    left: 10px;
}


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

    .BannerWrapper {
        flex-direction: column;
    }

    .BannerLhs {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }

    .BlhsltsideTop .bannerlogo {
        width: 95px;
        min-width: 95px;
    }

    .BlhsLtside {
        width: calc(100% - (0px + 0px));
        min-width: calc(100% - (0px + 0px));
    }

    .BannerRhs {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        padding-left: 0px;
        margin: 25px 0px 0px;

    }

    .BrhssideTop {
        padding: 20px;
    }

    .BrhssideTop h1 {
        font-size: 28px;
        margin: 0px 0px 10px;
    }

    .BrhssideTop p {
        font-size: 16px;
        margin: 0px 0px 20px;
    }

    .BrhssideBottom {
        flex-direction: column;
    }

    .social-icons {
        display: none;
    }

    .writingmodeDiv {
        writing-mode: inherit;
        transform: inherit;
        width: auto;
        min-width: auto;
        margin: 0px 0px 15px;
        align-items: flex-start;
    }

    .BrhssideBottomrtside {
        width: calc(100% - (0px + 0px));
        min-width: calc(100% - (0px + 0px));
    }


    .VideoTag {
        padding: 12px 30px;
    }
}

/*=======Banner section=====*/


/*=======Countermain=======*/
.Countermain {
    padding: 80px 0px;
    background-color: #EAEAEA;
}

.CounterWr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.CounterDiv {
    text-align: center;
}

.CounterDiv h4 {
    font-size: 54px;
    font-weight: 400;color:#000;
}

.CounterDiv p {
    font-size: 20px;
    margin: 0px;
}

.Countermain {

    margin-bottom: -80px;
}

@media screen and (max-width: 991px) {
    .Countermain {
        padding: 50px 0px;
    }

    .CounterDiv h4 {
        font-size: 35px;
    }

    .CounterDiv p {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .CounterWr {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*=======Countermain=======*/



/*=========ServicesSection======*/
.ServicesSection {
    padding: 200px 0px 80px 0px;
}

.ServicesWr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 15px;
}

.ServiceCard {
    position: relative;
}

.ServiceCard .imgwrapper {
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.645, .045, .355, 1);
}

.ServiceCard .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: rgb(20 72 145 / 74%);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s cubic-bezier(.645, .045, .355, 1);
    z-index: 1;
    pointer-events: none;
}

.ServiceCard:hover .imgwrapper::before {
    transform: scaleX(1);
}

.ServiceCard .imgwrapper .linkIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease 0.3s;
    pointer-events: none;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;

}

.ServiceCard:hover .imgwrapper .linkIcon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}



.ServiceCardContent {
    padding: 15px 0px 0px;
}

.ServiceCardContent h4 {
    margin: 0px 0px 10px;
}

.ServiceCardContent p {
    margin: 0px;
}

@media screen and (max-width: 991px) {
    .ServicesSection {
        padding: 100px 0px 50px 0px;
    }

    .ServicesWr {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .ServicesWr {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:575px) {
    .ServicesWr {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*=========ServicesSection======*/


/*=======About us section=======*/
.AboutusWr {
    display: flex;
    align-items: center;
    gap: 40px;
}

.Aboutuslhs,
.Aboutusrhs {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
}

.AboutusImg {
    position: relative;
    padding: 20px;
}

.aboutb1 {
    width: 95px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}

.aboutb2 {
    width: 95px;
    height: 85px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.AbOverlay {
    width: 288px;
    background-color: #144891;
    border-radius: 5px;
    padding: 30px;
    position: absolute;
    bottom: 60px;
    right: 20px;
}

.AbOverlay::after {
    content: "";
    width: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    background-color: #89A8D4;
    border-radius: 30px;
}

.AbOverlay .Icon {
    width: 70px;
    height: 50px;
}

.AbOverlay .Icon img {
    height: 100%;
}

.AbOverlay p {
    color: #ffffff;
    margin: 15px 0px 10px;
}

.BorderDiv {
    width: 28px;
    height: 5px;
    border-radius: 30px;
    background-color: #ffffff;
}

@media screen and (max-width: 991px) {
    .AboutusWr {
        flex-direction: column-reverse;
    }

    .Aboutuslhs,
    .Aboutusrhs {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }
}


/*=======About us section=======*/



/*========why chooseus section======*/
.whyChooseuswr {
    display: flex;
    gap: 40px;
    margin: 80px 0px;
}

.whyChooseuslhs {
    width: 40%;
    min-width: 40%;
}

.whyChooseuslhs P {
    margin: 0px;
}

.whyChooseusrhs {
    width: calc(60% - 40px);
    min-width: calc(60% - 40px);
}

.whyChooseusrhs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.whyChooseusCard {
    background-color: #144891;
    padding: 20px;
    text-align: center;
    width: 100%;
    min-width: 100%;
}

.whyChooseusCard .Icon {
    width: 84px;
    min-width: 84px;
    height: 84px;
    min-height: 84px;
    margin: 0 auto 20px;

}

.whyChooseusCard .Icon img {
    height: 100%;
    width: 100%;
}


.whyChooseusCard p {
    margin: 0px;
    color: #ffffff;
    text-transform: capitalize;
    word-wrap: break-word;
    font-size: 15px;
    padding: 0px 10px;
}

@media screen and (max-width: 991px) {
    .whyChooseuswr {
        margin: 50px 0px;
        flex-direction: column;
    }

    .whyChooseuslhs,
    .whyChooseusrhs {
        width: 100%;
        min-width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .whyChooseusrhs {
        grid-template-columns: repeat(2, 1fr);
    }
}


/*========why chooseus section======*/


/*=====TestimonialSection======*/
.TestimonialSection {
    margin: 0px 0px 80px;
}

@media screen and (max-width: 991px) {
    .TestimonialSection {
        margin: 0px 0px 50px;
    }

}

/*=====TestimonialSection======*/

/*=======our team section=======*/


.OurTeamCard .OurTeamCardContent {
    padding: 25px 0px 0px;
}

.OurTeamCard .OurTeamCardContent h4 {
    color: #1D1D1D;
}

.Designation {
    color: #323131;
    font-size: 16px;
    font-weight: 500
}

.OurTeamCard .OurTeamCardContent .Designation {
    margin: 0px 0px 12px;
}

.OurTeamCard .OurTeamCardContent p {
    margin: 0px;
}



@media screen and (min-width: 1151px) {
    .OurTeamSlider .defaultslidearrow {
        top: 32%;
        transform: translateY(-32% -32%);
    }
}

/*=======our team section=======*/



/*=======cta section======*/
.calltoaction {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 80px 20px;
    position: relative;
    margin: 80px 0px;
}

.calltoaction::after {
   content: "";   position: absolute;   left: 0%;   top: 0px;   width: 40%;   height: 100%; background-color: rgb(0 0 0 / 15%);
}

/*.calltoactionWr {*/
/*    max-width: 400px;*/
/*}*/
.calltoactionWr {
   max-width: 400px;   z-index: 1;   position: relative;
}
.calltoactionWr .titleh2 h2,
.calltoactionWr p {
    color: #ffffff;
}

.calltoactionWr p {
    font-size: 20px;
    margin: 0px 0px 30px;
}

.calltoactionWr .cta.wbg,
.calltoactionWr .cta.wbg:hover {
    border-color: #ffffff;
    color: #000000;
    background-color: #ffffff;

}


.cta.wbg{background-color: #D40214;
    color: #fff;}
.cta.wbg img:not(.wbg img) {
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 991px) {
    .calltoaction {
        margin: 50px 0px;
    }
}


/*=======cta section======*/



/*=========our logo brand======*/
.OurBrand {
    background-color: #EAEAEA;
    padding: 80px 0px;
}

.OurBrandCard {
    display: flex;
    align-items: center;
    height: 150px;
}

.OurBrandCard img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

@media screen and (max-width: 991px) {
    .OurBrand {
        padding: 50px 0px;
    }
}

/*=========our logo brand======*/

/*=======footer=======*/
footer {
    background-color: #144891;
}

.footerMenu {
    padding: 50px 0px;
    display: flex;
    justify-content: space-between;
    gap: 90px;
}

.FootermenuUl {
    width: calc(70% - 90px);
    min-width: calc(70% - 90px);
    display: flex;
    gap: 40px;
}

.FootermenuUl ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: calc(50% - 25px);
    min-width: calc(50% - 25px);
}

.FootermenuUl ul li a {
    display: block;
    border-bottom: 1px solid #ffffff;
    padding: 15px 0px;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='24.4067' width='23' height='23' rx='11.5' transform='rotate(-90 0.5 24.4067)' stroke='%23D7D7D7'/%3E%3Cpath d='M7.99997 16.9067L16.0001 8.90662M16.0001 8.90662L16.0001 14.9067M16.0001 8.90662L9.99999 8.90662' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px;

}

.FootermenuUl ul li a:hover {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='24.9067' width='24' height='24' rx='12' transform='rotate(-90 0 24.9067)' fill='white'/%3E%3Cpath d='M7.99997 16.9067L16.0001 8.90662M16.0001 8.90662L16.0001 14.9067M16.0001 8.90662L9.99999 8.90662' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.FootermenuUl ul li:last-child a {
    border: 0px;
}


.footerConntactDetail {
    width: 30%;
    min-width: 30%;
    padding: 15px 0px 0px;
}

.ItalicFont {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
}

.LetsTalk {
    color: #ffffff;
    font-size: 65px;
    line-height: 65px;
    margin: 15px 0px 25px;
    font-weight: 600;
}
.SocilaIcon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    max-width: 260px;
}


.contactdetailrow {
    margin: 30px 0px 0px;
}

.contactdetail p,
.contactdetail p a,
.contactdetail a {
    color: #ffffff;
}

.FoolterLink {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 25px;
    gap: 25px;
}

.FoolterLink a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

@media screen and (max-width:991px) {
    .LetsTalk {
        font-size: 35px;
        line-height: 35px;
    }

    .SocilaIcon {
        max-width: 100%;
        justify-content: flex-start;
        gap: 15px;
    }
}

@media screen and (max-width:767px) {
    .footerMenu {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 20px;
    }

    .FootermenuUl {
        width: calc(100% - 15px);
        min-width: calc(100% - 15px);
        gap: 30px;
        justify-content: space-between;
    }

    .footerConntactDetail {
        width: 100%;
        min-width: 100%;
    }

    .contactdetail {
        max-width: 300px;
    }

    .FoolterLink {
        gap: 15px;
    }


    .FoolterLink a,
    .FootermenuUl ul li a {
        font-size: 14px;
        background-size: 20px;
    }
}

/*=======footer=======*/

/*========Inner banner========*/
/* .InnerBanner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 67px 0px;
  background-color: #144891;
  margin: 20px 0px 80px;
} */
.InnerBanner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 0px 0px;
    background-color: transparent;
    margin: 20px 0px 10px;
}

.InnerBanner h1 {
    color: #144891;
    position: relative;
    z-index: 1;
    margin: 0px 0px 50px;
    font-size: 38px;
    text-align: center;

}

.BrubcrumbsDiv ol.breadcrumb {
    position: relative;
    z-index: 1;
    margin: 0px;
    justify-content: center;
    display: none;
}

.BrubcrumbsDiv ol.breadcrumb li,
.BrubcrumbsDiv ol.breadcrumb li a {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

/* 
  .BrubcrumbsDiv ol.breadcrumb li {
    color: #55A63A;
  } */

.BrubcrumbsDiv .breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}

.BrubcrumbsDiv .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    margin-right: 5px;
    display: inline;
}


@media screen and (max-width: 991px) {
    .InnerBanner h1 {
        font-size: 35px;
    }

    .InnerBanner {
        margin: 20px 0px 50px;
    }
}

/*========Inner banner========*/

/*=========about us page=====*/
.InnerPage .Countermain {
    margin: 0px 0px 80px;
}

.AboutusTop,
.AboutusTop .custom-container {
    position: relative;
}

.absbgImg {
    position: absolute;
    left: 0;
    bottom: -190px;
    z-index: -1;
}

.AboutusTopWr {
    display: flex;
    gap: 40px;
    margin: 0px 0px 80px;
}

.Aboutustoplhs,
.Aboutustoprhs {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
}

.Aboutustoprhsimg {
    display: flex;
    gap: 20px;
}

.Aboutustoprhsimg .Aboutustrhslt,
.Aboutustoprhsimg .Aboutustrhsrt {
    flex: 1;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.Aboutustrhslt {
    margin: 50px 0px 0px;
}


.Cordrowin {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 0px 0px 80px;
}

.CardrowWr {
    display: flex;
    gap: 40px;
    align-items: center;
}

.CardImg,
.CardContent {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
}

.CardContent h4 {
    color: #2E2E2E;
    font-size: 30px;
    margin: 0px 0px 15px;
    font-weight: 600;
}

.CardContent .Iconcta {
    margin: 25px 0px 0px;
}

@media screen and (min-width: 992px) {
    .Cordrowin .CardrowWr:nth-child(even) {
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 991px) {
    .AboutusTopWr {
        flex-direction: column;
        gap: 30px;
        margin: 0px 0px 50px;
    }

    .Aboutustoplhs,
    .Aboutustoprhs {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }


    .Cordrowin {
        gap: 40px;
        margin: 0px 0px 50px;
    }

    .CardrowWr {
        flex-direction: column;
        gap: 20px;
    }

    .CardImg,
    .CardContent {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }

    .CardContent h4 {
        font-size: 24px;
        margin: 0px 0px 10px;
    }

    .absbgImg {
        display: none;
    }
}

/*=========about us page=====*/


/*============crew page=====*/
.hdWithcta {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}

.hdWithctalhs {
    max-width: 500px;
}

.imgWithText .ImgParent {
    margin: 0px 0px 30px;
}

.TwoClumnsrow {
    display: flex;
    gap: 40px;
    align-items: center;
}

.TwoClumnsrow .Column {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
}

.layerImg {
    padding: 20px;
    position: relative;
}



.rightarrow ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}


.rightarrow ul li {
    color: #323131;
    font-size: 16px;
    font-weight: 400;
/*   background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8.00006' r='8' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
	 background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8.00006' r='8' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
 padding: 6px 0px 3px 24px;
    background-position: left 9px;
}

.Grouplistul ul {
    display: flex;
    flex-flow: wrap;
    gap: 0px 30px;
}

.Grouplistul ul li {
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
}

.OurTeamrow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.OurTeamrow .OurTeamCard {
    background: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.OurTeamrow .OurTeamCard .OurTeamCardContent {
    padding: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.OurTeamCardContent .cta {
    background-color: #144891;
    border-color: #144891;
    padding: 10px 20px;
}

.OurTeamCardContent .cta:hover {
    background-color: #D40214;
    border-color: #D40214;
    color: #ffffff;
}

.OurTeamrow .OurTeamCard .OurTeamCardContent p {
    margin: 0px 0px 20px;
}

.OurTeamrow .OurTeamCard:hover {
    cursor: pointer;
}

.OurTeamrow .OurTeamCard:hover .OurTeamCardContent {
    background-color: #144891;
}

.OurTeamrow .OurTeamCard:hover .OurTeamCardContent .cta {
    background-color: #D40214;
    border-color: #D40214;
    color: #ffffff;
}

.OurTeamrow .OurTeamCard:hover .OurTeamCardContent h4,
.OurTeamrow .OurTeamCard:hover .OurTeamCardContent p,
.OurTeamrow .OurTeamCard:hover .OurTeamCardContent .Designation {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    color: #ffffff;
}

/*=====modal section======*/
.ModelDataParent .modal-content {
    background-color: #144891;
    position: relative;
}

.ModalBodyrow {
    display: flex;
    gap: 30px;
}

.ModalBodyImg,
.ModalBodyContent {
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
}

.ModalBodyContent h4 {
    color: #ffffff;
    font-size: 22px;
}

.ModalBodyContent p {
    color: #ffffff;
    margin: 0px 0px 20px;
}

.ModalBodyContent .Designation {
    color: #ffffff;
    margin: 0px 0px 20px;
}

.ModelDataParent .modal-content {
    background-color: #144891;
    padding: 30px;
}

.ModelDataParent .modal-content .ModalHeader .btn-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
}

.ModalBodyContent .cta {
    padding: 12px 15px;
}

.ModalBodyContent .cta:last-child {
    background-color: transparent;
    border-color: #ffffff;
}

.ModalBodyContent .cta:last-child:hover {
    background-color: #ffffff;
    border-color: #ffffff;
}


/*=====modal section======*/

@media screen and (max-width: 991px) {
    .hdWithcta {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        margin: 0px 0px 40px;
    }

    .hdWithctalhs {
        max-width: 100%;
        text-align: center;
    }

    .TwoClumnsrow {
        flex-direction: column;
        align-items: flex-start;
    }

    .TwoClumnsrow .Column {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }

    .OurTeamrow {
        grid-template-columns: repeat(2, 1fr);
    }

    .ModelDataParent .modal-content {
        padding: 30px 0px;
    }

    .ModalBodyrow {
        flex-direction: column;
    }

    .ModalBodyImg,
    .ModalBodyContent {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }

    .ModalBodyContent .GroupBtn {
        gap: 8px;
    }

    .ModalBodyContent .GroupBtn .cta {
        font-size: 14px;
    }
}

@media screen and (max-width:575px) {
    .OurTeamrow {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*============crew page=====*/


/*============BroadCast page=====*/
.PortfolioWr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.PortfolioCardContent {
    margin: 20px 0px 0px;
}

.WhyAtlasTelWr {
    margin: 60px 0px 0px;
    display: flex;
    gap: 40px;
}

.WhyAtlaslhs,
.WhyAtlasrhs {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
}

.TitleIconBoxWr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;

    position: relative;
}

.TitleIconBoxWr::after {
    content: "";
}

.TitleIconBox {
    display: flex;
    gap: 10px;
}

.IconBox {
    background-color: #D40214;
    width: 65px;
    min-width: 65px;
    height: 65px;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
}

.TitleIconBox p {
    margin: 0px;
}

.TitleIconBoxWr .TitleIconBox:nth-child(1),
.TitleIconBoxWr .TitleIconBox:nth-child(2) {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.TitleIconBoxWr .TitleIconBox:nth-child(1),
.TitleIconBoxWr .TitleIconBox:nth-child(2) {
    margin-top: 60px;
}

.TitleIconBoxWr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    background-color: #dbdbdb;
    height: 100%;
    display: table;
    margin: 0 auto;
}


@media screen and (max-width: 991px) {
    .PortfolioWr {
        grid-template-columns: repeat(2, 1fr);
    }

    .WhyAtlasTelWr {
        flex-direction: column;
        margin: 30px 0px 0px;
    }

    .WhyAtlaslhs,
    .WhyAtlasrhs {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }
}

@media screen and (max-width:575px) {
    .PortfolioWr {
        grid-template-columns: repeat(1, 1fr);
    }

    .TitleIconBoxWr {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .TitleIconBoxWr::after {
        display: none;
    }

    .TitleIconBoxWr .TitleIconBox:nth-child(1) {
        margin-top: 0px;
    }

    .TitleIconBoxWr .TitleIconBox {
        padding: 20px;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
    }

    .IconBox {
        width: 45px;
        min-width: 45px;
        height: 45px;
        min-height: 45px;
        font-size: 22px;
    }
}

/*============BroadCast page=====*/



/*=====Contact us page===*/
.contactusPage {
    margin: 0px 0px 80px;
}

.contactusInforow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0px 0px 40px;
}

.ContactusInfoBox {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    padding: 20px;
    position: relative;
}

.ContactusInfoBox a.LinkUrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.ContactusInfoBox .infodflex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ContactusInfoBox .infodflex .infodflexIcon {
    margin: 0px 0px 15px;
}

.ContactusInfoBox .infodflex .infodflexIcont h4 {
    color: #000000;
    margin: 0px 0px 5px;
}

.contactusPage .formDivarea .formrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 15px;
}

.contactusPage .locationIframeDiv iframe {
    min-height: calc(262px)
}


/*form section*/
.formgroup {
    width: 100%;
    margin: 0px 0px 15px;
}

.formgroup input,
.formgroup select,
.TextAreaDiv textarea {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    color: #202020;
    background-color: #fff;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    outline: none;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.formgroup select {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23c8c8c8' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px;
}

.formgroup select:focus {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232d616f' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

.formgroup input::placeholder,
.TextAreaDiv textarea::placeholder {
    color: #202020;
}

.formgroup input:focus,
.formgroup select:focus,
.TextAreaDiv textarea:focus {
    border-color: #144891;
}

.formcta {
    margin: 10px 0px 0px;
}

.formarea .formcta input.cta {
    display: table;
    padding: 12px 40px;
}

.formcta input.cta {
    border: none;
    padding: 10px 40px;
    letter-spacing: 1px;
    background-color: #144891;
    border-color: #144891;
}

.formcta input.cta:hover {
    color: #ffffff;
}


.FormSectionrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.TextAreaDiv textarea {
    height: 90px;
}

.FormSection {
    background-color: #f7f7f7;
    padding: 40px 0px;
}

.FormSectionBox {
    height: 100%;
    border-top: 3px solid #144891;
    border-bottom: 3px solid #144891;
    padding: 30px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

.FormSectionBox .imgwrapper {
    height: 100%;
}

.FormSectionBox {
    height: 100%;
    position: relative;
}

.infodflex {
    display: flex;
    align-items: flex-start;
}

.infodflex .infodflexIcon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    background: #144891;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    margin-right: 15px;
}

.infodflex .infodflexIcon i {
    font-size: 20px;
    color: #ffffff;

}

.infodflex .infodflexIcont h4 {
    font-size: 20px;
    color: #000000;
    margin: 0px;
}

.infodflex .infodflexIcont p,
.infodflex .infodflexIcont p a {
    color: #4C4C4C;
    font-size: 15px;
}

.locationIframeDiv iframe {
    width: 100%;
    height: 200px;
}



/*form section*/

@media screen and (max-width: 991px) {
    .contactusPage {
        margin: 0px 0px 50px;
    }

    .contactusInforow {
        grid-template-columns: repeat(2, 1fr);
    }

    .FormSectionrow {
        display: flex;
        flex-direction: column-reverse;
    }

    .FormSectionrow,
    .contactusPage .formDivarea .formrow {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

    .contactusInforow {
        grid-template-columns: repeat(1, 1fr);
    }

}

/*=====gallery===*/
.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 15px;
    }
 
    .gallery a {
      display: block;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: transform 0.2s ease;
    }
 
    .gallery a:hover {
      transform: scale(1.05);
    }
 
.gallery img {
    width: 100%;
    height: 203px;
      object-fit: cover;
      display: block;
    }



/*=======blog page=====*/
.BlogWrapper {
    display: flex;
    gap: 30px;
}

.BlogLhs {
    width: calc(70% - 30px);
    min-width: calc(70% - 30px);
}

.BlogRhs {
    width: 30%;
    min-width: 30%;
}

.BlogLhsInner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.EntrymetaWrapper {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0px;
    margin: 0px 0px 20px;
}



.CommentIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235B5B5B' class='bi bi-chat' viewBox='0 0 16 16'%3E%3Cpath d='M2.678 11.894a1 1 0 0 1 .287.801 11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105'/%3E%3C/svg%3E");
}

.WeblinkIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235B5B5B' class='bi bi-link-45deg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
}

.UserIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235B5B5B' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
}

.EntrymetaWrapper a {
    color: #5B5B5B;
    font-weight: 500;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 24px;
    background-size: 20px;
    background-position: left center;
    margin: 0px 7px 0px 0px;
}

.EntrymetaWrapper a:first-child {
    background-size: 17px;
}

.BlogCardContent h2 {
    font-size: 25px;
    font-weight: 700;
    color: #2D2C2C;
    margin: 0px 0px 10px;
}

.BlogCardContent h2 a {
    color: #2D2C2C;
}

.BlogCardCta {
    margin: 25px 0px 0px;
}

.BlogCardCta .cta {
    background-color: #144891;
    border: 1px solid #144891;
    color: #fff;
}

.BlogCardCta .cta:hover {
    background-color: #ffffff;
    color: #144891;
}

.BlogCardWrapper {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
    padding: 10px;
}


/*===blog rhs===*/
.BlogRhs h4 {
    background-color: #144891;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    margin: 0px;
    border-radius: 4px;
}

.BlogSearchbar .SearchInputWrap {
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    overflow: hidden;
    margin: 15px 0px 0px;
}

.BlogSearchbar .searchinput {
    height: 45px;
    border: 0px;
    padding: 0px 15px;
    font-size: 15px;
    border-radius: 0px;
    background-color: transparent;
    border-radius: 30px;
    outline: none;
    width: calc(100% - 50px);
    font-weight: 400;
    color: #313131;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.BlogSearchbar .searchinput::placeholder {
    font-weight: 400;
    color: #5B5B5B;
}

.BlogSearchbar .searchbtn {
    height: 45px;
    width: 50px;
    min-width: 50px;
    background-color: #ffffff;
    cursor: pointer;
    border: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.recentPostWidgetrow {
    margin: 15px 0px 0px;
}


.postwidgetflex {
    display: flex;
    margin: 0px 0px 8px;
}

.postwidgetflex .imgwrapper {
    width: 110px;
    min-width: 110px;
    height: 83px;
    min-height: 83px;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
}

.postwidgetflex p {
    margin: 0px 0px 4px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 15px;
}

.recentpostcontent p a {
    color: #5B5B5B;
}


.recentPostWidgetrow .postwidgetflex:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
    padding: 0px 0px 8px;
}

.SingleblogLhs .BlogcontentDiv p {
    margin: 0px 0px 10px;
}

.RecentComments,
.ArchivesDiv,
.CategoriesDiv {
    margin: 30px 0px 0px;
}

.BlogRhs ul {
    list-style: none;
    margin: 8px 0px 0px;
    padding: 0px;
}

.BlogRhs ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #5B5B5B;
    padding: 7px 0px;
    display: block;
    border-bottom: 1px dashed #dbdbdb;
}

.BlogRhs ul li a:hover {
    color: #144891;
}

.BlogRhs ul li:last-child a {
    border: 0px;
}

.recentPostWidget,
.RecentComments,
.ArchivesDiv,
.CategoriesDiv {
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
    padding: 10px;
}


@media screen and (min-width:992px) {
    .recentPostWidget {
        position: sticky;
        top: 208px;
    }
}



@media screen and (max-width: 991px) {
    .BlogWrapper {
        flex-direction: column;
    }

    .BlogLhs,
    .BlogRhs {
        width: 100%;
        min-width: 100%;
    }

    .BlogCardContent h2 {
        font-size: 22px;
    }

    .EntrymetaWrapper {
        font-size: 14px;
    }
}

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




/*=======equipment page======*/
.ServiceListingwr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.ServiceListingCard {
    border-radius: 0px 0px 10px 10px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.ServiceListingContent {
    padding: 25px 15px;
}

.ServiceListingContent h4 {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.ServiceListingContent p {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin: 0px 0px 20px;
}

.ServiceListingCard:hover {
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    background-color: #144891;
}

.ServiceListingCard:hover .ServiceListingContent h4,
.ServiceListingCard:hover .ServiceListingContent p {
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .ServiceListingwr {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:575px) {
    .ServiceListingwr {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*=======equipment page======*/



/*======pro listing page=====*/
.ProListingWr {
    display: flex;
    gap: 30px;
    margin: 0px 0px 50px;
}

.ProLhs {
    width: calc(30% - 30px);
    width: calc(30% - 30px);
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
/*     overflow: hidden; */
    height: 100%;
}

.Prohd {
    background-color: #144891;
    padding: 15px;
}

.Prohd h4 {
    color: #ffffff;
    margin: 0px;
}

.ProLhs ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.ProLhs ul li a {
    color: #323131;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
}

.ProLhs ul li:not(:last-child) a {
    border-bottom: 1px solid #dbdbdb;

}

.ProLhs ul li a:hover {
    color: #D40214;
}

.ProlistrowIn {
    display: flex;
    gap: 30px;
    background-color: #EAEAEA;
    padding: 30px;
}

.ProlistrowIn .ImgParent {
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
}

.ProlistContent h4 {
    font-size: 25px;
    margin: 0px 0px 15px;
}

.ProlistContent ul {
    list-style: none;
    margin: 0px 0px 20px;
    padding: 0px;
}

.ProlistContent ul li {
    color: #323131;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0px 0px 25px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8.00006' r='8' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 10px;
}

.Prolistrow {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media screen and (min-width:1151px) {
    .ProLhs {
        position: sticky;
        top: 215px;
    }
}

@media screen and (max-width: 991px) {
    .ProListingWr {
        flex-direction: column;
    }

    .ProLhs {
        width: 100%;
        min-width: 100%;
    }

}

@media screen and (max-width:767px) {
    .ProlistrowIn {
        flex-direction: column;
    }

    .ProlistrowIn .ImgParent,
    .ProlistContent {
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
    }
}

/*======pro listing page=====*/



/*==========faq section========*/
.FaqSection {
    max-width: 800px;
    margin: 50px auto;
}

.Faqrow {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .16);
    margin: 20px 0px 0px;
    overflow: hidden;
}

.FaqLabel {
    font-size: 20px;
    padding: 14px 60px 14px 24px;
    color: #333333;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.FaqLabel::after {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: #323131;
    border-width: 0px 2px 2px 0px;
    display: inline-block;
    position: absolute;
    margin-left: 5px;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    margin-top: -2px;
    right: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.FaqLabel.active::after {
    transform: rotate(-135deg);
    /* top: 27px; */
}

.FaqLabel h3 {
    font-size: 18px;
    color: #444444;
    margin: 0px;
}

.FaqContentBox {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.FaqContentBoxInner {
    padding: 14px 24px 14px;
}


.FaqLabel.active {
    background-color: #144891;
    cursor: pointer;
}

.FaqLabel.active h3 {
    color: #ffffff;
}

.FaqLabel.active::after {
    border-color: #ffffff;
}

.FaqContentBoxInner ul {
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 20px;
}

.FaqContentBoxInner ul li {
    margin: 0px 0px 8px;
    font-weight: 400;
    color: #444444;
    font-size: 16px;
}

@media only screen and (min-width: 1200px) {
    .FaqLabel::after {
        width: 10px;
        height: 10px;
        margin-top: -2px;
        right: 30px;
    }
}

/*==========faq section========*/


.topHeaderLogo img{
    width: 130px;
}
/*====Hiring Process page===*/
.SteprowParent {
    margin: 0px 0px 50px;
}


.StepBox {
    background-color: #EAEAEA;
    border-radius: 14px;
    padding: 40px;
    margin: 0px 0px 25px;
}

.StepBox h4 {
    font-size: 35px;
    font-weight: 700;
}

.StepBox h5 {
    font-size: 25px;
    color: #000000;
    margin: 20px 0px;
}

.StepBox ul {
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

.StepBox ul li {
    font-size: 16px;
    font-weight: 400;
    color: #323131;
    line-height: 30px;
    margin: 5px 0px 0px;
}

.StepBox ul li a {
    color: #323131;
    text-decoration: underline;
    font-weight: 600;
}

.CheckListUi {
    padding: 0px;
}

.CheckListUi li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8.00006' r='8' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' fill='%23D60117'/%3E%3Cpath d='M4 8.16352L6.8 9.49492L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 18px;
    margin: 10px 0px 0px;

}

@media screen and (max-width: 991px) {
    .StepBox {
        padding: 30px;
    }

    .StepBox h4 {
        font-size: 30px;
    }

    .StepBox h5 {
        font-size: 20px;
    }
}

/*====Hiring Process page===*/




/*========Media page=====*/
.ContentWrapper {
    display: flex;
    gap: 30px;
    margin: 0px 0px 50px;
}

.Lhs {
    width: calc(30% - 30px);
    min-width: calc(30% - 30px);
}

.Ltside {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.LtsideHeading {
    background-color: #144891;
    padding: 15px;
}

.LtsideHeading h4 {
    margin: 0px;
    color: #ffffff;
}

.Ltside ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.Ltside ul li a {
    color: #323131;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
}

.Ltside ul li:not(:last-child) a {
    border-bottom: 1px solid #dbdbdb;

}

.Ltside ul li a:hover {
    color: #D40214;
}

.Rhs {
    width: 70%;
    min-width: 70%;
}

.Rhs .SteprowParent {
    margin: 0px;
}

.Rhs .SteprowParent .StepBox:last-child {
    margin: 0px;
}

.Rhs .FaqSection {
    max-width: 100%;
    margin: 0px;
    margin-top: -20px;
}

.Rhs .listingblog .BlogRhs {
    display: none;
}

.Rhs .listingblog .BlogLhs {
    width: 100%;
    min-width: 100%;
}

.Ltside ul li a.activeLink {
    background-color: #144891;
    color: #ffffff;
}

.otherserviceslist .imgwrapper {
    border-radius: 20px;
    margin: 0px 0px 25px;
}

.otherserviceslist ul {
    padding-left: 20px;
}

.otherserviceslist ul li {
    color: #323131;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 5px 0px 0px;

}

@media screen and (min-width: 1151px) {
    .Ltside {
        position: sticky;
        top: 215px;
    }
}

@media screen and (max-width: 991px) {
    .ContentWrapper {
        flex-direction: column;
    }

    .Lhs,
    .Rhs {
        width: 100%;
        min-width: 100%;
    }
}


/*========Media page=====*/


/*======studio page====*/
.StudioCardWr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    text-align: center;
}

.StudioCardin .ImgParent img {
    object-fit: contain;
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
}

.StudioCardin h4 {
    color: #323131;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0px 0px;
    font-family: "Inter", sans-serif;
}

.packageincludesslide .ImgParent {
    border-radius: 15px;
}

/*======studio page====*/


/*=========structure=========*/
.custom-container {
    padding: 0px 15px;
    margin: 0 auto;
}

@media only screen and (min-width:1152px) {
    .custom-container {
        max-width: calc(100% - 40px);
    }

    .OurTeamSection .ImgParent img {
        height: 400px;
        object-fit: cover;
    }

    .pro-width {
        width: calc(70% - 20px);
    }
}

@media only screen and (min-width: 1360px) {
    .custom-container {
        max-width: 1268px;
    }
}

@media only screen and (min-width: 1440px) {
    .custom-container {
        max-width: 1270px;
    }
}

/*=========add css=========*/
.OurTeamCardContent p {
    display: none;
}

.video-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.video-section video {
    width: 49%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
}

@media(min-width: 768px) {
    .video-section {
        flex-direction: row;
    }

    .video-section video {
        height: 430px;
    }
}

/* .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    padding: 1rem;
    max-width: 1200px;
    margin: auto;
    margin: 30px auto 60px auto;
}
 */
.gallery a {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gallery img:hover {
    transform: scale(1.05);
}

.gdesc-inner {
    display: none;
}

.inportfolio-mgn {
    margin: 50px 0px;
}

.Prolist-outr {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%
}

.Prolist-outrbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.viewbtn {
    padding: 10px 15px;
    background: #0056b3;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    flex: 1;
    text-align: center;
    border: 0px solid transparent;
}

.Prolist-outr img {
    width: 100%;
    margin: auto;
    display: block;
    margin-bottom: 10px;
}

.Prolist-outr .buttonGroup {
    margin: 20px 20px 30px;
}

.Prolist-outr h4 {
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.Prolistrow.pro-width .ImgParent img {
    width: auto;
    height: auto;
}

.Rtside ul li {
    padding: 2px 0px
}

.Rtside .checkorderr.CheckListUi li,
.checkorderr.CheckListUi li {
    padding: 2px 0px;
}

.checkorderr.CheckListUi li {
    padding-left: 30px !important;
}

.InnerPage p a {
    color: #144891;
}

.checkorderr.CheckListUi li a {
    color: #144891;
}

.mediatxt {
    font-size: 18px;
    padding-left: 16px;
    padding-top: 11px;
    color: #ffffff;
    background-color: #144891;
    padding-bottom: 10px;
}

.OurTeamrow .OurTeamCard:last-child {
    grid-column: 2 / 3;
    /* middle column */
    justify-self: center;
}

.content-scroll {
    height: 200px;
    overflow-y: auto;
    box-shadow: 0px 0px 10px #ccc;
    padding: 20px 30px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.content-scroll p {
    font-size: 15px;
}

.Ltside ul li a.activeLink {
    color: #D40214;
    background-color: #fff !important;
}

.infodflexIcont p {
    margin-bottom: 5px;
}

/*=========structure=========*/
.content-scroll table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.content-scroll h2 {
    font-size: 20px;
}

.content-scroll h3 {
    font-size: 17px;
}

.content-scroll p {
    font-size: 15px;
}

.content-scroll th,
.content-scroll td {
    padding: 15px 20px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.content-scroll th {
    background-color: #2c3e50;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.content-scroll tr:nth-child(even) {
    background-color: #f8f9fa;
}

.content-scroll tr:hover {
    background-color: #e8f4fd;
    transition: background-color 0.3s ease;
}

.content-scroll td:first-child {
    font-weight: bold;
    color: #2c3e50;
}
.responsive-margin{margin-top:17px;}
/*=======media query======*/

@media screen and (min-width: 1151px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 1150px) {}

@media screen and (max-width: 1024px) {}

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

@media screen and (max-width: 767px) {
    .glightbox-clean .gprev {
        top: 50%;
        left: 15px;
    }

    .glightbox-clean .gnext {
        position: absolute;
        top: 50%;
        right: 15px;
    }

    .Prolist-outrbox {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

 .video-section video {
        width: 100%;
        height: 210px;
        margin: 10px 0px;
        box-shadow: 0px 0px 3px #ccc;
    }
    .content-scroll {
        height: 180px;
    }
}

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

/* 	<----------add dropdown css-----------> */
.cta.fixedcall {
    position: fixed;
    top: 50%;
    right: -56px;
    transform: rotate(-90deg);
}

/* header .sub-menu {
    background-color: #fff;
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all ease 0.3s;
    top: calc(100% + 0px);
    width: auto;
    left: inherit;
    bottom: inherit;
} */
@media screen and (max-width: 1151px) {
    header .sub-menu li a {
        padding: 14px;
        color: #0d2f5e;
    }
}

@media screen and (min-width: 1151px) {
    header .dropdownMenu .dropdownMenu>ul {
        opacity: 0;
        top: 0;
        right: -100%;
        visibility: hidden;
    }

    header .dropdownMenu .dropdownMenu:hover>ul {
        opacity: 1;
        top: 0;
        right: -100%;
        visibility: visible;
    }

    header .dropdownMenu .dropdownMenu>a:after {
        position: absolute;
        top: 32%;
        right: 5px;
        transform: rotate(-90deg);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        color: #3D3E48;

    }

    .ModalBodyImg img {
        height: 500px !important;
    }

}

.wa-float {
    position: fixed;
    right: 11px;
    bottom: 40px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.5s ease-in;
    z-index: 99999;
}

.wa-float:hover {
    transform: scale(1.1);
}

.FootermenuUl {
    flex-wrap: wrap;
}

.newsletter h2 {
    margin: 0 0 8px;
    font-size: 1.25rem;
    color: #fff;
}

.newsletter {
    width: 80%
}

.newsletter .lead {
    margin: 0 0 18px;
    color: #555;
    font-size: .95rem;
}

.newsletter-form p{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
}



.newsletter-form input[type="email"] {
    font: 16px/1.2 system-ui, Arial, sans-serif;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #ddd;
    outline: none;
    width: 100%;
    transition: box-shadow .12s ease, border-color .12s ease;
}

.newsletter-form input[type="email"]:focus {
    border-color: #D40214;
    box-shadow: 0 6px 20px rgba(214, 1, 23, 0.2);
}

.newsletter-form button {
    background: #D40214;
    color: #fff;
    border: none;
    padding: 14px 18px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
    min-width: 120px;
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
    margin-left: -50px;
	position:relative;
	z-index:9
}

.newsletter-form button:hover {
    box-shadow: 0 8px 24px rgba(214, 1, 23, 0.25);
}

.newsletter-form button:active {
    transform: translateY(1px);
}
.newsletter-form span.wpcf7-not-valid-tip {
    position: absolute;
}
.newsletter-form .wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 1em !important;
    padding: 0.2em 0em !important;
    border: 0px solid #00a0d2 !important;
}
.newsletter-form .wpcf7-response-output{color:#fff !important;}
footer .wpcf7-response-output {
    color: #fff;
}
@media (max-width: 520px) {
    .newsletter {
        width: 100%;
    }
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

.packageincludesslide p {
    display: none;
}

.Click-btn {
    position: absolute;
    color: #D40214;
    top: 8px;
    font-size: 15px;
    display: block;
}

.getlink {
    color: #144891;
    display: block;
    padding: 10px 0px;
    transition: all 0.5s ease-in;
}

.getlink:hover {
    color: #D40214;
    text-decoration: underline;
}

.banner-port {
    color: #144891;
}

.banner-port:hover {
    color: #144891;
}
/* <-----------media css add-------------> */
@media(max-width:767px){
	.newsletter-form button {
    z-index: 1;
}
.OurTeamSection .ImgParent img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: top;
}
.OurTeamCard .OurTeamCardContent {
    padding: 25px 0px 0px;
    text-align: center;
}
.OurTeamSection .defaultslidearrow {
        margin: -20px 0px 11px !important;
    }
	.cta.fixedcall {
    z-index: 1;
}
	
/* .ImgParent img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}	 */
.OurTeamSection .swiper-wrapper {
		height: 450px !important;
	}
}
@media screen and (max-width: 575px) {
    .OurTeamrow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
	.OurTeamrow .OurTeamCard {width:100%;}
	.rightarrow ul li {
    font-size: 14px;
    padding: 2px 0px 2px 24px;
    background-position: left 6px;
}
	.Countermain {
        padding: 10px 0px 70px 0px;
    }
	.InnerPage .Countermain {
    margin: 0px 0px 40px;
}
	.FaqLabel h3 {
    font-size: 16px;
    line-height: 24px;
}
	.defaultslidearrow {
        margin: 0px 0px 0px !important;
    }
	.CheckListUi li {
		background-position: left 11px;padding: 7px 0px 2px 24px;
	}
	.rightarrow ul li {
        font-size: 14px;
		padding: 5px 0px 2px 24px;background-position: left 10px;
	}
	.TitleIconBoxWr .TitleIconBox:nth-child(1), .TitleIconBoxWr .TitleIconBox:nth-child(2) {
    margin-top: 0px;
}
	.StudioCardWr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.PortfolioCard img{ height: 250px !important; object-fit: cover;}
	    .FoolterLink a, .FootermenuUl ul li a { font-size: 13px;background-size: 14px;}
	    .headerrhscontent {z-index: 10000;}
	.OurTeamSection .defaultslidearrow {width: 100%;justify-content: space-between;}
	.PortfolioCard .ImgParent{box-shadow:0px 0px 2px #ccc;}
/* 	<-----addd css changes mobile----------> */
	.defaultslidearrow .arrow1,.swiper-pagination{display:none !important;}
	.swiper {padding-bottom: 0px;}
	    .TestimonialSection {margin: 40px 0px 40px;}
	.OurBrandCard {height: 120px;}

.swiper { padding-bottom: 10px !important;}
.TestimonialSection { margin: 50px 0px 50px;}
	.whyChooseusCard p { padding: 0px 0px;word-wrap: inherit;}
    .whyChooseusCard .Icon {
        width: 70px;
        min-width: 70px;
        height: 70px;
        min-height: 70px;
        margin: 0 auto 0px;
    }
	.TestimonialSection {
        margin: 50px 0px 50px !important;
    }
	    .ServicesSection {
        padding: 120px 0px 50px 0px;
    }
	.Countermain.Countermobile{
        padding: 40px 0px 40px 0px;
    }
	.InnerBanner h1 {
		margin: 0px 0px 30px;}
	.inportfolio-mgn {
    margin: 20px 0px 40px 0px;
}
	.InnerBanner {
        margin: 20px 0px 30px;
    }
	
	.otherserviceslist ul {
    padding-left: 0px;
}
	    .InnerBanner h1 {
        font-size: 30px;
    }
	
	.menuHeaderinner .logoheader img {
    width: 100px;
}
	header .cta {
        font-size: 14px;
        padding: 9px 25px;
    }
	.whyChooseusCard .Icon img {
    height: 80%;
}
		
	.OurBrand {
        margin-bottom: -1px;
    }
	 .defaultslidearrow {
        justify-content: space-between;
        top: 38% !important;
        position: absolute;
        width: 100%;
    }
	    .defaultslidearrow .swiper-button-next, .defaultslidearrow .swiper-button-prev {
        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;
        background-size: 17px;
    }
	.swiper-button-next {
    right: -12px !important;
}
	.swiper-button-prev {
    left: -14px !important;
}
}
.fancybox__caption{display:none;}
.inner-services {
    margin-bottom: 50px;
}




.toc-box {
    background: #f8f8f8;
    border-left: 4px solid #0073aa;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 4px;
}
.toc-box ul {
    margin: 10px 0 0;
    padding-left: 18px;
}
.toc-box ul li {
    margin-bottom: 6px;
}
.toc-box a {
    text-decoration: none;
    color: #0073aa;
}
.toc-box a:hover {
    text-decoration: underline;
}


/* <---------blog detail content---------> */
/* =============== TABLE OF CONTENTS =============== */

.toc-container {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: sans-serif;
  margin-bottom: 20px;
}

/* Header section (Title + Icon) */
.toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f5f5;
  cursor: pointer;
  font-weight: bold;
}

.toc-header:hover {
  background: #eee;
}

.toc-title {
  font-size: 15px;
}

.toc-icon {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Rotate icon when active */
.toc-container.active .toc-icon {
  transform: rotate(0deg);
}

/* TOC list (initially hidden) */
.toc-list {
  list-style: none;
  margin: 0;
  padding: 0 16px 0px 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* Expand list when active */
.toc-container.active .toc-list {
  max-height: 600px; /* adjust if needed */
}

/* TOC list items */
.toc-list li {
  margin: 8px 0;
  line-height: 1.4;
}

/* Links styling */

.toc-list li a {
    text-decoration: none;
    color: #144891 !important;
    transition: color 0.3s 
ease;
    border-bottom: 1px solid #144891;
    display: block;
    padding: 5px 0px;
}
.toc-list li a:hover {
  color: #005bb5;
  text-decoration: underline;
}

/* Force closed by default, even if browser caches class */
.toc-container:not(.active) .toc-list {
  max-height: 0 !important;
}

/* Optional: smooth look for small screens */
@media (max-width: 480px) {
  .toc-container {
    max-width: 100%;
  }
  .toc-title {
    font-size: 14px;
  }
}






.contactdetail p a {
    text-decoration: underline!important;
}
.grecaptcha-badge {
    visibility: hidden;
}




/* ---Event Coverage--- */


table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin: 20px 0;
}

table td,
table th {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #ddd;
}

table tr:first-child td,
table thead th {
  background-color: #f3f4f6;
  color: #111;
  font-weight: 700;
}

table tr:nth-child(even) {
  background-color: #f9fafb;
}

table tr:hover {
  background-color: #f0f5fa;
  transition: background-color 0.2s ease;
}

@media (max-width: 767px) {
  table {
    font-size: 14px;
  }

  table td,
  table th {
    padding: 10px;
  }
}