:root {
    --colorBlueDarkUpdate: #070b2f;
    --colorWhite: #fff;
    --colorBlack: #000;
    --colorWarmGrey: #707070;
    --colorGrey: #a2a2a2;
    --colorGrey2: #fafafa;
    --colorGrey3: #b5b5b5;
    --colorGrey4: #e5e5e5;
    --colorGrey5: #f1f1f1;
    --colorGrey6: #f7f7f7;
    --colorGrey7: #f2f2f2;
    --colorGrey8: #ccc;
    --colorOffBlack: #141313;
    --colorOffBlack2: #131415;
    --colorOffBlack3: #060606;
    --colorOffBlack4: #1c1c1c;
    --colorOffBlack5: #171717;
    --colorOffBlack6: #1a1a1a;
    --colorOffBlack7: #121212;
    --colorOffBlack8: #141414;
    --colorOffBlack9: #333333;
    --colorOffBlack10: #585858;
    --colorOffBlack11: #2D2D2D;
    --colorRed: #ef402f;
    --colorRed2: #ef3a2f;
    --colorRed3: #f14f2f;
    --colorRed4: #F3692F;
    --colorRed5: #E63A35;
    --colorBlue: #161e6d;
    --colorYellow: #ffba41;
    --colorThemeBlue: #050738;
    --lightColor: #5e5e5e;
    --proximaRegular: "Product-Sans-Regular";
    --proximaBold: "Product-Sans-Bold";
    --proximaBlack: "Product-Sans-Bold";
    --proximaRegular: "CircularStd-Regular";
    --dowFontMedium: "dowFontMedium";
    --dowFontSemiBold: "dowFontSemiBold";
    --dowFontBold: "dowFontBold";
    --circularRegularFont: "CircularStd-Regular";
    --commonRegularFont: "DMSans-Regular";
    --proximaRegular: "DMSans-Regular";
    --strokeText: 'BungeeOutline-Regular'
}

.fontSize38 {
    font-size: 28px;
    line-height: 38px
}
.fontSize28 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}
.fontSize14 {
    font-size: 14px;
    line-height: 20px
}
.textRed {
    color: var(--colorRed)
}
.blackFont,
.queryformHeading span {
    font-family: var(--proximaBlack);
    font-family: var(--dowFontSemiBold);
    font-family: var(--commonRegularFont)
}
.serviceBannerBox {
    padding: 0px 0 45px 0;
    margin-bottom: 100px
}
.fontSize16,
.fontSize18 {
    font-size: 16px;
    line-height: 24px
}
.semiboldFont {
    font-family: var(--proximaSemibold);
    font-family: var(--commonRegularFont)
}
.lifeAtSec {
    padding: 20px 0;
    background: var(--colorBlack);
    color: var(--colorWhite)
}
.lifeAtSec h2 {
    margin-bottom: 20px;   
}
.aboutImgGrd .imgGrdCont,
.lifeAtSec .imgGrdCont {
    margin-top: 60px
}  
.bizHeadsImgWrp img,.imgGrdCont .imgCont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
p50sec{
    padding: 20px 0
}
/*----------------- Member Section css ----------------- */
.p60sec {
    padding: 20px 0
}
.memberSlide p{
    margin-top: 20px;   
}
.memberSec h2{
    margin-bottom: 20px;
}

.caseStudyLink a,
.countryName,
.footMenuHeading,
.hireOption,
.weDeliverTop .smallHeading p {
    text-transform: uppercase
}
.weDeliverTop .smallHeading {
    margin-bottom: 9px
}

.weDeliverTop .smallHeading p {
    color: var(--colorRed);
    font-family: var(--proximaSemibold)
}

.weDeliverTop .sectionHeading {
    margin-bottom: 9px;
    color: var(--colorOffBlack2)
}

.metaverseVideoDetails .metaverseSecDescription,
.subMenuListsSec .subMenuHeadings p,
.submenuInnerBox .submenuSubhead.submenuSubhead3,
.weDeliverTop .subHeading {
    color: var(--colorWarmGrey)
}

.deliverListBox .deliverListContent h3 {
    font-family: var(--proximaBlack);
    color: var(--colorOffBlack2)
}

.deliverListBox .deliverListContent p {
    color: var(--colorOffBlack4);
    font-family: var(--proximaRegular);
    padding-right: 10px
}

.mainSecHeading.mainSecHeading3 {
    padding-bottom: 0;
    margin-bottom: 24px
}
.smallSubHeading,.weDeliverTop .smallHeading p {
    font-size: 18px;
    line-height: 18px
}
.smallSubHeading,.weDeliverTop .smallHeading p{
    font-family: 'DM Sans', sans-serif;
}
.horizontal-line {
    width: 100%;
    height: 6px;
    background: linear-gradient(89deg, #161e6d 1%, #ef402f);
    margin-top: 5px;
    margin-bottom: 15px;
}
@media (max-width: 560px) {
    .fontSize38 {
        font-size: 24px;
        line-height: 34px;
    }
}

/*------------------- Opper Section ----------------*/
/* General Styles */
.opprSec {
    background: var(--colorBlack);
    color: var(--colorWhite);
    padding-top: 30px;
}

.opprTxtCont h2 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 30px;
}

/* HR Manager Info Section */
.hrmCont {
    display: flex;
    align-items: center;
}

.hrmImg img {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    border: 2px solid white;
}

.hrmInfo {
    margin-left: 20px;
}

.hrmInfo p {
    margin: 0;
}

.hrmInfo .name {
    font-size: 20px;
    font-weight: 600;
}

.hrmInfo .position, .hrmContacts E {
    color: #ff0000;
    font-size: 18px;
    margin-top: 5px;
}

.hrmContacts {
    margin-left: auto;
}

.hrmContacts p {
    color: #ff0000;
    font-size: 18px;
}

/* Image Container */
.opprImgCont {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.opprImgCont img {
    max-height: 300px;
    width: auto;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .opprTxtCont h2 {
        text-align: center;
    }

    .hrmCont {
        flex-direction: column;
        align-items: center;
    }

    .hrmInfo, .hrmContacts {
        text-align: center;
        margin-left: 0;
        margin-top: 10px;
    }

    .opprImgCont {
        justify-content: center;
        margin-top: 30px;
    }
}

.btn-change7 {
    height: 50px;
    width: 135px;
    background: rgb(178, 32, 32);
    margin: 20px;
    float: left;
    border: 0;
    color: #fff;
    transition: box-shadow 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px; /* Optional: Adds rounded corners */
    padding: 0 10px; /* Optional: Adjust padding for spacing */
    white-space: nowrap; /* Prevents text from wrapping */
}

.btn-change7:hover {
    box-shadow: 100px 0 0 #ffffff inset; /* Expands the background color from left to right */
}

.btnStyle {
    display: flex;
    align-items: center; /* Vertically aligns text and icon */
    justify-content: center; /* Horizontally centers the content */
    gap: 8px; /* Adds space between text and icon */
}

.arrowIcn i {
    font-size: 16px; /* Adjust the size of the arrow icon */
}
