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


@font-face {
    font-family: 'Dubai Light';
    src: url('../fonts/Dubai-Light.eot');
    src: url('../fonts/Dubai-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Dubai-Light.woff2') format('woff2'),
    url('../fonts/Dubai-Light.woff') format('woff'),
    url('../fonts/Dubai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dubai Regular';
    src: url('../fonts/Dubai-Regular.eot');
    src: url('../fonts/Dubai-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Dubai-Regular.woff2') format('woff2'),
    url('../fonts/Dubai-Regular.woff') format('woff'),
    url('../fonts/Dubai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Dubai Medium';
    src: url('../fonts/Dubai-Medium.eot');
    src: url('../fonts/Dubai-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Dubai-Medium.woff2') format('woff2'),
    url('../fonts/Dubai-Medium.woff') format('woff'),
    url('../fonts/Dubai-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dubai Bold';
    src: url('../fonts/Dubai-Bold.eot');
    src: url('../fonts/Dubai-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Dubai-Bold.woff2') format('woff2'),
    url('../fonts/Dubai-Bold.woff') format('woff'),
    url('../fonts/Dubai-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Color Variable */
:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-blackLight:#4f4f4f;
    --color-purple: #641ce0;

    /*  Font Family */

    --ff-dubai-light: 'Dubai Light';
    --ff-dubai-regular: 'Dubai Regular';
    --ff-dubai-medium: 'Dubai Medium';
    --ff-dubai-bold: 'Dubai Bold';
    --ff-montserrat: "Montserrat", serif;
    --ff-nunitoSans: "Nunito Sans", serif;
    /*  Font Weight */

    --fw-thin: 100;
    --fw-extraLight: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semiBold: 600;
    --fw-bold: 700;
    --fw-extraBold: 800;
    --fw-black: 900;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    font-family: var(--ff-dubai-light);
    overflow-x: hidden;
    color: var(--color-blackLight);

}

a,
svg {
    text-decoration: none;
    display: inline-block;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Global components */

.marginTop {
    margin-top: 60px;
}

.subheading {
    font-size: 33px;
    letter-spacing: 3px;
    color: var(--color-purple);
    font-family: var(--ff-nunitoSans);
    font-weight: var(--fw-semiBold);
}

.mainHeading {
    font-size: 50px;
    font-family: var(--ff-dubai-regular);
    line-height: 1;
}

/* BUTTON */

.siteBtn {
    font-weight: 500;
    padding: 8px 40px;
    border-radius: 50px;
    font-family: var(--ff-nunitoSans);
    font-weight: var(--fw-semiBold);
    font-size: 18px;
    transition: all 0.3s linear;
}

.whiteBtn {
    background-color: var(--color-white);
    color: var(--color-purple);
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.purpleBtn {
    background: #6d14e9;
    color: var(--color-white);
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.purpleBtn:hover {
    opacity: 0.8;
}


/*  =====================    HEADER SECTION OPEN  =========================  */
.gharkoBtn {
    z-index:99999;
}
.headerWrapper {
    padding: 20px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    transition: all 0.5s ease-in-out;
}

.headerWrapper.scrollNav {
    background-color: var(--color-purple);
}

.headerWrapper.scrollNav  .gharkoBtn {
     background-color: var(--color-white);
    color: var(--color-purple);
    transition: all 0.5s linear;
}


.headerWrapper .headerWrapper__logo h3 {
    color: var(--color-white);
    font-family: var(--ff-dubai-regular);
    font-size: 33px;
}

.headerWrapper .nav-link {
    font-size: 40px;
    color: #d3d3d3;
    font-family: var(--ff-dubai-regular);
    line-height: 2;
    transition: all 0.5s ease-in-out;
}

.headerWrapper li.current_page_item a {
  color: var(--color-black);
}

.headerWrapper .nav-link:hover {
    color: var(--color-blackLight);
}


.headerWrapper .offcanvas-body {
    background-color: var(--color-white);
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
}
.headerWrapper  .offcanvas-body .navbar-nav{
    justify-content: flex-end;
}

.headerWrapper .nav__conInfo {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.headerWrapper .nav__conInfo .conInfoCard {
    margin-bottom: 15px;
}
.headerWrapper .nav__conInfo .conInfoCard h4{
    font-family: var(--ff-dubai-bold);
}
.headerWrapper .nav__conInfo .conInfoCard p {
    font-family: var(--ff-dubai-regular);
}

.headerWrapper .nav__conInfo .conInfoSocial ul {
    display: flex;
    gap: 25px;
}
.headerWrapper .nav__conInfo .conInfoSocial ul li a {
    background-color: var(--color-purple);
    height: 45px;
    width: 45px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    font-size: 22px;
}

.headerWrapper li.menu-item-has-children ul.dropdown-menu-first a{
    line-height: 1;
    font-size: 25px;
    color: #d3d3d3;
    font-family: var(--ff-dubai-regular);
    transition: all 0.3s linear;
}
.headerWrapper .nav-subItem a:hover {
    color: var(--color-black);
}

.headerWrapper .offcanvas.offcanvas-start {
    width: calc(100% - 100px);
}

.headerWrapper .offcanvas-header {
    background-color: var(--color-white);
}

.headerWrapper .offcanvas-logo {
    width: 100%;
    padding-left: 60px;
    padding-top: 80px;
}

.btn-close {
    position: absolute;
    top: 19px;
    left: 12px;
    opacity: 1;
    border: 0;
    border-radius: 2px 0 0 2px;
    height: 25px;
    width: 25px;
    color: var(--color-purple);
    background-image: none;
    font-size: 30px;
}

.btn-close:hover {
    color: var(--color-black);
    border: 0;
    box-shadow: none;
}

.headerWrapper .hamburger {
    display: flex;
    align-items: center;
    gap: 15px;
}

.headerWrapper .hamburger img {
    width: 100%;
    max-width: 35px;
}

.headerWrapper .hamburger span {
    color: var(--color-white);
    font-weight: 500;
}

.headerWrapper .hamburger:hover {
    cursor: pointer;
}

.headerWrapper .offcanvas-header .offcanvas-logo h3 {
    font-family: var(--ff-dubai-regular);
    color: var(--color-purple);
    font-size: 42px;
}

.headerWrapper .headerWrapper__logo img {
    width: 100%;
    max-width: 220px;
    transition: all 0.5s ease-in-out;
}

.headerWrapper.scrollNav .headerWrapper__logo img {
    max-width: 120px;
}

.headerWrapper.headerNew.scrollNav .headerWrapper__logo img {
    max-width: 120px;
}

.headerWrapper .headerWrapper__socialIcon ul {
    display: flex;
    gap: 22px;
}

.headerWrapper .headerWrapper__socialIcon ul li a {
    color: var(--color-white);
    font-size: 22px;
}

.headerWrapper.headerNew .headerWrapper__socialIcon ul li a {
    color: var(--color-black);
}

/*  =====================    HEADER SECTION CLOSE  =========================   */

/*  =====================    HERO SECTION OPEN  =========================  */
.hero {
    height: 100vh;
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow-x: hidden;
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background:linear-gradient(to bottom, rgba(0,0,0,.7), transparent , transparent);
}


.scroll__text {
    position:absolute;
    bottom: 0;
    overflow: hidden;
    display:flex;
    gap:30px;
}

.hero__subheading {
    font-size: 150px;
    color: var(--color-white);
    font-family: var(--ff-dubai-regular);
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    animation: marquee  10s linear infinite;
}

/* Marquee animation */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}
/* =====================    HERO SECTION CLOSE  ========================= */


/* =====================    ABOUT SECTION OPEN  ========================= */
.aboutWrap {
    overflow: hidden;
}
.aboutWrap .aboutWrap__left .headings {
    margin-bottom: 30px;
}
.aboutWrap .aboutWrap__left {
    padding-left: 80px;
    padding-right: 40px;
}
.aboutWrap .aboutWrap__left p{
    color: var(--color-black);
    font-size: 20px;
}
.aboutWrap .aboutWrap__left .siteBtn{
    margin-top:20px;
}

.aboutWrap .aboutWrap__right img {
    width: 100%;
     min-height: 750px;
    max-height: 750px;
    object-fit: cover;
    object-position: center center;

}


/* =====================    ABOUT SECTION CLOSE  ========================= */


/*  =====================   SERVICES HOME PAGE SECTION OPEN  =========================  */

.servicesWrapper {
    margin-top: 60px;
}

.servicesCards {
    display: flex;
    /*width: 90vw;*/
    margin-inline: auto;
    margin-top: 40px;
}
.servicesPanel {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 80vh;
    flex: 1;
    color: #ffffff;
    margin: 4px;
    cursor: pointer;
    isolation: isolate;
    transition: flex 0.3s ease-in-out;
}
.servicesPanel::after {
    content: "";
    position: absolute;
    inset: 0;
    background:linear-gradient(to top, rgba(0,0,0,0.5), transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}


.servicesPanel.active::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.servicesPanel h3 {
    font-size: 25px;
    font-family: var(--ff-dubai-medium);
	padding:0 5px;
}

.servicesPanel.active h3 {

    transition: font-size 0.3s ease-in 0.3s;
}
.servicesPanel.active {
    flex: 1.8;
}

.servicesCaption {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 100%;
    max-width: 300px;
}

.hiddenCaption {
    display: none;
}

.servicesPanel.active .hiddenCaption {
    display: block;
}

/*  =====================   SERVICES HOME PAGE SECTION CLOSE  =========================  */


/*   ============= HOME CTA  SECTION OPEN ================   */
.homeCta {
    margin-top: 60px;
    background: url("../images/homecta.jpg");
    background-size: cover;
    background-position: center center;
    height: 80vh;
    display: flex;
    align-items: flex-end;
    position: relative;
    isolation: isolate;
}

.homeCta .homeCta__caption {
    margin-bottom: 50px;
}

.homeCta .homeCta__caption h3 {
    font-family: var(--ff-dubai-regular);
    font-size: 60px;
    color: var(--color-white);
}

.homeCta .homeCta__caption p {
    color: var(--color-white);
    font-size: 20px;
    max-width: 70%;
}


/*  ============= HOME CTA  SECTION CLOSE ================  */


/*  =====================  PAGE FOOTER   CONTACT US SECTION  OPEN  =========================  */

.contactBtm {
     position: relative;
}


.contactBtm .contactBtm__left img{
    width: 100%;
    min-height: 850px;
    max-height: 850px;
    object-fit: cover;
    object-position: center center;
}


.contactBtm .contactBtm__right {
    padding-left: 40px;
    padding-right: 60px;
}


.footer__form {
    margin-top: 40px;
}

.footer__form .form-control {
border-color: var(--color-black);
    border-radius: 0;
}


.footer__form .form-label {
    color: var(--color-blackLight);
    font-family: var(--ff-nunitoSans);
}

.footer__form .form-control:focus {
    box-shadow: unset;
}


.footer__form .form-check ,
.footer__form .form-check  a{
    color: var(--color-blackLight);
    font-family: var(--ff-nunitoSans);
}

/*  =====================  PAGE FOOTER   CONTACT US SECTION  CLOSE  =========================  */


/* =====================  Footer Slider SECTION OPEN  ========================= */


.footer {
    background-color: var(--color-purple);
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer .footer__logo h3{
    font-family: var(--ff-dubai-regular);
    color: var(--color-white);
    font-size: 40px;
}
.footerSocial ul {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.footerSocial ul li a{
    background-color: var(--color-white);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-purple);
    font-size: 20px;

}


.footer__menu ul li a {
    color: var(--color-white);
    font-family: var(--ff-dubai-regular);
    font-size: 22px;
    line-height: 2.2;
}

.footer__menu ul .sub-menu a {
     font-size: 16px;
}

.footerConCard {
    margin-bottom: 30px;
}
.footerConCard h4{
    font-family: var(--ff-dubai-bold);
    font-size: 22px;
    color: var(--color-white);
}

.footerConCard p {
    color: var(--color-white);
    font-family: var(--ff-dubai-regular);
    margin-bottom: 5px;
}




.footerbar p{
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--color-black);
    font-family: var(--ff-nunitoSans);
	    text-align: center;
}

.footerbar a{
    color: var(--color-black);
    font-family: var(--ff-nunitoSans);
    transition: all 0.5s linear;
}


.footerbar a:hover{
   color: var(--color-purple);
}



/* =====================  Footer Slider SECTION CLOSE  ========================= */

/* ==================== PAGE HEADER  Part Open ============================ */
.pageHeader {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    isolation: isolate;
}

.pageHeader::after {
    content: "";
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    /* background-color: rgba(197, 105, 59, 0.3); */
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.pageHeader h2 {
    color: var(--color-white);
    font-size: 60px;
    font-family: var(--ff-dubai-medium);
    margin-bottom: 20px;
}

/* ==================== PAGE HEADER  Part Close ============================ */


/* About Page Open */

.aboutPageTop {
    margin-top: 60px;
    overflow: hidden;
}

.aboutPageTop  .singleTitle h3{
    font-family: var(--ff-dubai-regular);
    font-size: 50px;
}

.aboutPageTop__wrap {
    overflow: hidden;
    margin-top: 50px;
}

.aboutPageTop__left img {
    width: 100%;
    min-height: 750px;
    max-height: 750px;
    object-fit: cover;
    object-position: center center;
}

.aboutPageTop__right  .headings {
    margin-bottom: 25px;
}
.aboutPageTop__right{
    padding-left: 80px;
    padding-right: 40px;
}
.aboutPageTop__right p{
    color: var(--color-black);
    font-size: 20px;
}
.aboutPageTop__right .siteBtn{
    margin-top:20px;
}



/*============================   ABOUT US SLIDER OPEN     ====================================*/

.aboutSlide {
    margin-top: 60px;
}
.aboutSlide .heading{
    padding-left: 80px;
}

.aboutSlide .aboutSlideWrap{
    margin-top: 50px;
    position: relative;
}

.aboutSlide .aboutSlideWrap .swiper-slide img {
    display: block;
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
}

/*============================   ABOUT US SLIDER CLOSE     ====================================*/

/* About Page Close */



/* ******************************************************
           Real Estate Properties PAGE OPEN
********************************************************* */


/* First Section Open */

.repPageTop {
  position: relative;
}

.repPageTop  .singleTitle h3{
    font-family: var(--ff-dubai-regular);
    font-size: 65px;
}

.repPageTop__wrap {
    overflow: hidden;
}
.repPageTop__left img {
    width: 100%;
    min-height: 750px;
    max-height: 750px;
    object-fit: cover;
    object-position: center center;
}

.repPageTop__right  .headings {
    margin-bottom: 25px;
}
.repPageTop__right{
    padding-left: 80px;
    padding-right: 40px;
}
.repPageTop__right p{
    color: var(--color-black);
    font-size: 20px;
}
.repPageTop__right .siteBtn{
    margin-top:20px;
}



/* Three Box */
.threeBoxWrap {
    margin-top: 60px;
}

.threeBoxWrap .singleTitle h3{
    font-family: var(--ff-dubai-regular);
    font-size: 30px;
	    line-height: 1.4;
}


.threeBox__innner {
    margin-top:40px;
}

.threeBox__card {
    position: relative;
}
.threeBox__card::after {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    transition: all .5s linear;
}


.threeBox__card::before {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    visibility: hidden;
    opacity: 0;
    transition: all .5s linear;
}

.threeBox__card:hover::before {
  visibility: visible;
    opacity: 1;
}


.threeBox__card .threeBox__cardImage img {
    min-height: 700px;
    max-height: 700px;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.threeBox__card .threeBox__card__caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
    width: calc(100% - 50px);
    min-height: 140px;
}

.threeBox__card__caption h4{
    color: var(--color-white);
    font-family: var(--ff-dubai-medium);
    font-size: 25px;
    margin-bottom: 30px;
}

.threeBox__card__caption p {
    color: var(--color-white);
    font-size: 20px;
}
.threeBox__card__caption .siteBtn {
    margin-top: 20px;
}


.threeBox__card--hide {
    display: none;
}

.threeBox__card:hover .threeBox__card--hide {
    display: block;
}
.threeBox__card:hover .threeBox__card__caption {
    text-align: center;
    bottom: 20%;
    transition: all 0.5s linear;
}

/* First Section Close */



/* CONTACT PAGE OPEN */

.contactPage {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}

.contactPageForm {
    margin-top: 40px;
}

.contactPageForm .form-control {
    border-color: var(--color-black);
    border-radius: 0;
}


.contactPageForm .form-label {
    color: var(--color-blackLight);
    font-family: var(--ff-nunitoSans);
}

.contactPageForm .form-control:focus {
    box-shadow: unset;
}


.contactPageForm .form-check ,
.contactPageForm .form-check  a{
    color: var(--color-blackLight);
    font-family: var(--ff-nunitoSans);
}

.contactPage__infoCard {
    margin-bottom: 40px;
}
.contactPage__infoCard h3{
    font-family: var(--ff-nunitoSans);
    font-weight: var(--fw-semiBold);
    font-size: 30px;
}
.contactPage__infoCard p{
    font-family: var(--ff-dubai-light);
    font-size: 20px;
}
.contactPage__infoCard a{
    font-family: var(--ff-dubai-light);
    font-size: 20px;
    color: var(--color-blackLight);
    transition: all 0.5s linear;
}

.contactPage__infoCard a:hover{
    color: var(--color-purple);
}


/* CONTACT PAGE CLOSE */


/* ARCHITECTURE PAGE CLOSE */

.aboutPageTop.architecture-main, .aboutPageTop.architecture-main .aboutPageTop__wrap{
    margin-top: 0;
}
.aboutPageTop.architecture-main{
    margin-bottom: 50px;
}
.sec_archi_banner .banner-content{
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: start;
    flex-direction: column;
    padding-bottom: 30px;
}
.sec_archi_banner .banner-content  h3{
    font-size: 60px;
    font-family: var(--ff-dubai-regular);
    line-height: 1;
    color: #fff;
}
.sec_archi_banner .banner-content p{
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.archi_work{
    padding: 100px 0 50px;
}
.archi_work .sec_title{
    margin-bottom: 80px;
}

.archi_work .item img{
    height: 450px ;
    object-fit: cover;
}
.archi_work .item h5{
    font-family: 'Dubai Bold';
    font-size: 20px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 5px;
}
.archi_work .item p{
    font-size: 20px;
}
/* ARCHITECTURE PAGE CLOSE */


/*.aboutPageTop.service-main{*/
/*    position: sticky;*/
/*    top: 0;*/
/*    background: #fff;*/
/*}*/
.aboutPageTop.service-main .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.aboutPageTop.service-main .accordion-item{
    border: none;
    border-radius: 0;
    border-top: 1px solid  var(--color-blackLight);
}
.aboutPageTop.service-main .accordion-button{
    background: none;
    box-shadow: none;
    padding: 15px 0;
    font-size: 20px;
    font-family: var(--ff-dubai-regular);
    color: var(--color-blackLight);
}
.aboutPageTop.service-main .accordion-body{
    padding: 10px 0 20px;
}
.aboutPageTop.service-main p{
    margin: 0;
    padding-left: 60px;
    font-family: 'Dubai Light';
    font-size: 18px;
}
.aboutPageTop.service-main .subheading {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.aboutPageTop.service-main .mainHeading {
    margin-bottom: 40px;
}
.aboutPageTop.service-main .accordion{
    width: 80%;
}
.aboutPageTop.about_main .collapse:not(.show) {
    display: block;
    overflow: hidden;
    height: 450px;
}
.aboutPageTop.about_main , .about_main .aboutPageTop__wrap{
	overflow:unset;
}
.aboutPageTop.about_main .aboutPageTop__right{
	    padding-top: 60px;
}
.aboutPageTop.about_main .aboutPageTop__left{
	    position: sticky;
    top: 50px;
}
.aboutSlide .aboutSlideWrap .swiper-slide::before{
	  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000029;
  opacity: 0;
  transition: opacity 0.5s ease;
	
}


.aboutSlide .aboutSlideWrap .swiper-slide:hover::before {
  opacity: 1;
}
.aboutSlide .aboutSlideWrap .swiper-slide{
    cursor: grab;
}
.hero .container{
	height:100%;
}

.hero h1{
       font-size: 70px;
    font-family: var(--ff-dubai-regular);
    line-height: 1.1;
    color: #fff;
    opacity: 1;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 110px;
    width: 80%;
    margin: 0;
}
.pageHeader p{
	margin: 0;
    /* padding-left: 60px; */
    font-family: 'Dubai Light';
    font-size: 18px;
    color: #fff;
    margin-bottom: 34px;
    line-height: 1.9;
}
.aboutPageTop.service-main .mainHeading {
    font-size: 40px;
    font-family: var(--ff-dubai-regular);
    line-height: 1.2;
}
.aboutPageTop.service-main.top-sec, .aboutPageTop.service-main.top-sec .aboutPageTop__wrap{
	overflow:visible;
}
.aboutPageTop.service-main.top-sec .aboutPageTop__left{
	position: sticky;
    top: 20px;
}

.aboutPageTop.service-main.top-sec .aboutPageTop__right{
	padding-top:40px;
	padding-bottom:30px;
}
.aboutPageTop.service-main.top-sec ul{
	margin-left:20px ;
}
.aboutPageTop.service-main.top-sec li{
	list-style:disc;
}
.wpcf7-list-item{
    margin-left:0;
}