@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.cdnfonts.com/css/proxima-nova-condensed");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'MetropolisMedium';
    src: url(../fonts/metropolis/Metropolis-Medium.otf);

}

@font-face {
    font-family: 'MetropolisThin';
    src: url(../fonts/metropolis/Metropolis-Thin.otf);

}

@font-face {
    font-family: 'MetropolisExtraBold';
    src: url(../fonts/metropolis/Metropolis-ExtraBold.otf);

}

@font-face {
    font-family: 'MetropolisSemiBold';
    src: url(../fonts/metropolis/Metropolis-SemiBold.otf);

}

@font-face {
    font-family: 'MetropolisRegular';
    src: url(../fonts/metropolis/Metropolis-Regular.otf);

}

@font-face {
    font-family: 'MetropolisBold';
    src: url(../fonts/metropolis/Metropolis-Bold.otf);

}

@font-face {
    font-family: 'GothamBold';
    src: url(../fonts/Gotham/Gotham/Gotham-Bold.otf);

}

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

body.fade {
    opacity: 0;
}

* {
    scroll-behavior: smooth;
}


ul li {
    text-decoration: none;
    list-style-type: none;
    margin: 0%;
}

ul li a {
    text-decoration: none;
    list-style-type: none;
    margin: 0%;
}

a {
    text-decoration: none;
    list-style-type: none;
    margin: 0%;
}

a {
    color: inherit;
}

header {
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.nav-up {
    top: -150px;
}

.nav-down2 {

    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.active {
    background: #313030;
    height: 115px;
}

.home-banner1 {
    background-color: #404141;
    /* height: 873px; */
    height: 934px;
    width: 100%;
    box-sizing: border-box;
    /* background: url(../assets/dotbkhome.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
}

.home-banner1 .banner-video {
    position: static;
    right: 0;
    /* bottom: 0; */
    z-index: -1;
    object-fit: cover;
    width: 100%;
    /* height: 558px; */
    height: 934px;
    opacity: 0.4;
    /* -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
     -o-filter: blur(5px);
     -ms-filter: blur(5px);
     filter: blur(5px); */
}

.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 16px;
}

.tag {
    opacity: 0;
    transform: translate(0, 10vh);
    transition: all 1s;
}

.tag.visible {
    opacity: 1;
    transform: translate(0, 0);
}

header .container .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



header .container .main-header .left-head a img {
    /* width: 224px;
    height: 111px; */
    /* width: 135px;
    height: 82px; */
    opacity: 1;
    width: 190px;
    height: 90px;
    opacity: 1;
}

header .container .main-header .right-head {
    display: flex;
}

header .container .main-header .right-head nav {
    display: flex;
    align-items: center;
}

header .container .main-header .right-head nav ul {
    display: flex;
    margin: 0;
}

header .container .main-header .right-head nav ul li a {
    margin-right: 50px;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    transition: 0.3s;
}

header .container .main-header .right-head nav ul li a:hover {
    color: #ceb295;
}

header .container .main-header .right-head .btn1 a .btn01 {
    width: 222px;
    height: 54px;
    border-radius: 27px;
    opacity: 0px;
    background: #ceb295;
    transition: 0.5s;
}

header .container .main-header .right-head .btn1 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    transition: 0.3s;
}

header .container .main-header .right-head .btn1 a .btn01:hover {
    background: #151515;
    color: #ceb295;
}

/* Menu code starts here */

#menuToggle {
    display: block;
    /* You can also use relative/absolute here if you want to stay on the top */
    position: fixed;
    top: 50px;
    left: 50px;

    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a {
    text-decoration: none;
    color: #232323;

    transition: color 0.3s ease;
}

#menuToggle a:hover {
    color: tomato;
}


#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #cdcdcd;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
    position: absolute;
    max-width: 400px;
    width: 100vw;
    max-height: 100vh;
    margin: -100px 0 0 -50px;
    padding: 50px;
    padding-top: 125px;
    box-sizing: border-box;
    overflow-y: auto;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(-100%, 0);

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
    padding: 10px 0;
    font-size: 22px;
}

#menu li label {
    cursor: pointer;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked~ul {
    transform: none;
}

.banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -715px;
    position: relative;
    /* padding-top: 235px; */
}

.banner-content .banner-text1 {
    font-family: 'MetropolisThin';
    font-size: 40px;
    font-weight: 400;
    /* font-weight: lighter; */
    line-height: 75px;
    letter-spacing: -0.05em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    margin-bottom: 20px;
}

.banner-content .banner-text2 {
    font-family: 'MetropolisSemiBold';
    font-size: 50px;
    font-weight: 600;
    line-height: 63px;
    letter-spacing: -0.05em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    margin-bottom: 20px;
}

.banner-content h2 {

    font-family: 'MetropolisExtraBold';
    font-size: 40px;
    font-weight: 800;
    line-height: 75px;
    letter-spacing: -0.05em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CEB295;
    margin-bottom: 35px;
}

.banner-content .banner-buttons {
    display: flex;
    gap: 16px;
}

.banner-content .banner-buttons .btn2 .play-icon {
    width: 21px;
    height: 21px;
}


.banner-content .banner-buttons .btn2 a {
    display: flex;
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.banner-content .banner-buttons .btn2 a .btn02 {
    width: 229px;
    height: 61px;
    gap: 16px;
    border-radius: 37px;
    opacity: 0px;
    background: #ceb295;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    text-decoration: none;
    color: #151515;
}

.banner-content .banner-buttons .btn2 a .btn02:hover {
    background: #151515;
    color: #ceb295;
}

.banner-content .banner-buttons .btn2 a .btn02:hover img,
.banner-content .banner-buttons .btn2 a .btn02:hover {
    color: #ceb295;
    text-decoration: none;
}

.banner-content .banner-buttons .btn3 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #151515;
}

.banner-content .banner-buttons .btn3 a .btn03 {
    width: 247px;
    height: 61px;
    gap: 10px;
    border-radius: 40px;
    opacity: 0px;
    background: #ceb295;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    text-decoration: none;
    color: #151515;
}

.banner-content .banner-buttons .btn3 a .btn03:hover {
    background: #151515;
    color: #ceb295;

}


/* footer */
.footer {
    width: 100%;
    height: 397px;
    background: #313030;
    display: flex;
    align-items: center;
}

.footer-wrap {
    display: flex;
    justify-content: space-between;
    /* margin-top: 55px; */
}



.footer-wrap .footer-icon a img {
    width: 190px;
    height: 90px;
    opacity: 1;
}

.footer-wrap .footer-link h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 16px;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #707070;
    color: #FFFFFF;
}

.footer-wrap .footer-link .ft-links {
    /* display: flex;
    flex-direction: column; */
    text-align: left;
}

.footer-wrap .footer-link .ft-links p {
    margin: 0%;
}

.footer-wrap .footer-link .ft-links p a {
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration: none;
    color: #707070;
    color: #FFFFFF;
    transition: 0.3s;
}

.footer-wrap .footer-link .ft-links p a:hover {
    color: #ceb295;
}

.footer2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 110px;
    background: #cacaca;
    background: #313030;
    border-top: 1px solid #dbd6d633;
}

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

.footer2-links .ft2-left h2 {
    margin: 0px;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #707070;
    color: #FFFFFF;
}

.footer2-links .ft2-right {
    display: flex;
}

.footer2-links .ft2-right p {
    margin: 0%;
    margin-left: 40px;
}

.footer2-links .ft2-right p a {
    color: #707070;
    color: #FFFFFF;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration: none;
    transition: 0.3s;
}

.footer2-links .ft2-right p a:hover {
    color: #151515;
    color: #ceb295;
}

/* contact form home */
.contact-home-wrapp {
    display: flex;
    justify-content: space-between;
    margin-top: 150px;
    margin-bottom: 150px;
}

.contact-home-wrapp .lefth {
    display: flex;
    flex-direction: column;
}

.contact-home-wrapp .lefth h1 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    /* font-weight: lighter; */
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.contact-home-wrapp .lefth p {
    margin-top: 20px;
    margin-bottom: 28px;
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.contact-home-wrapp .lefth h1 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.contact-home-wrapp .lefth .btn4 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    text-decoration: none;
}

.contact-home-wrapp .lefth .btn4 a .btn04 {
    width: 195px;
    height: 59px;
    gap: 0px;
    border-radius: 30px;
    opacity: 0px;
    background: #ceb295;
    transition: 0.3s;
    color: #151515;
    text-decoration: none;
}

.contact-home-wrapp .lefth .btn4 a .btn04:hover {
    background: #151515;
    color: #ceb295
}

input[type="text"],
select,
textarea {
    width: 85%;
    padding: 24px;
    border: 0px;
    border-bottom: 1px solid #ccc;

    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type="submit"] {
    background-color: #04aa6d;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

.contact-form {
    background-color: #ffff;
    padding: 20px;
    width: 753px;
    height: 476px;
    gap: 0px;
    border-radius: 16px;
    border: 1px solid #151515;
    opacity: 0px;
}

input[type="email"],
select,
textarea {
    width: 85%;
    padding: 24px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.contact-home-wrapp .righth {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-home-wrapp .righth .contact-form {
    background-color: #ffff;
    padding: 20px;
    width: 753px;
    height: 570px;
    gap: 0px;
    border-radius: 16px;
    border: 1px solid #151515;
    opacity: 0px;
}

.contact-home-wrapp .righth .contact-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* section above contact form homepage */
.reasons-outer-wrapper {
    background: #f0efed;
}

.reasons-home-wrapp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0px 0px 0px;
}

.reasons-home-wrapp .reasons-left {
    display: flex;
    flex-direction: column;
}

.reasons-home-wrapp .reasons-left h1 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    /* font-weight: lighter; */
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.reasons-home-wrapp .reasons-left h1 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.reasons-home-wrapp .reasons-left .reasons-points {
    margin-top: 50px;
    margin-bottom: 80px;
}

.reasons-home-wrapp .reasons-left .reasons-points p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 18px;
    color: #151515;
}

.reasons-home-wrapp .reasons-image-right .arab-man {
    width: 645px;
    height: 709px;
    margin: 0px;
    padding: 0px;
    margin-bottom: -18px;
}

.reasons-home-wrapp .reasons-image-right .arab-man img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    gap: 0px;
    opacity: 0px;
}

/* counts home  */
.counts-home-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.counts-home-wrapper h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    /* font-weight: lighter; */
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.counts-home-wrapper h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
}

.counts-home-wrapper .counts-wrapp2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 205px;
    gap: 0px;
    border-radius: 100px;
    border: 1px solid #b79e85;
    opacity: 0px;
    margin-top: 50px;
}

.counts-home-wrapper .counts-wrapp2 .counts1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 253px;
    height: 110px;
    border-right: 1px solid #e7e7e7;
}

#counts1-last {
    border-right: none;
}

.counts-home-wrapper .counts-wrapp2 .counts1 h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 56px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
}

.counts-home-wrapper .counts-wrapp2 .counts1 .cnt-valuess {
    font-family: 'MetropolisSemiBold';
    font-size: 56px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
    display: flex;
    gap: 0px;
}

.counts-home-wrapper .counts-wrapp2 .counts1 p {
    margin: 0px;
    font-family: 'MetropolisRegular';
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #818181;
}

/* about homepage */
.about-home-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-home-wrapper .about-home-left {
    display: flex;
    flex-direction: column;
}

.about-home-wrapper .about-home-left .htwo1 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.about-home-wrapper .about-home-left .htwo2 {
    font-family: 'MetropolisSemiBold';
    color: #ceb295;
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.about-home-wrapper .about-home-left p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
}

.about-home-outer-wrapper {
    height: 699px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 93%, 1);

    background: linear-gradient(90deg,
            hsla(0, 0%, 93%, 1) 0%,
            hsla(0, 0%, 52%, 1) 100%);

    background: -moz-linear-gradient(90deg,
            hsla(0, 0%, 93%, 1) 0%,
            hsla(0, 0%, 52%, 1) 100%);

    background: -webkit-linear-gradient(283deg,
            hsla(0, 0%, 93%, 1) 0%,
            hsla(0, 0%, 76%, 1) 100%);

    background: -webkit-linear-gradient(267deg, hsl(0deg 0% 94.33% / 0%) 0%, hsla(0, 0%, 76%, 1) 100%);
}

/* brands slider home*/
.brands-home {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 150px;
}

.brands-home .brands-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.brands-home .brands-top h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.brands-home .brands-top h2 span {
    color: #ceb295;
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.brands-home .brands-top p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 20px;
    margin-bottom: 50px;
}

/* testimonials home */
.testimonials-outer-wrapper {
    width: 100%;
    height: auto;
    background: url(../assets/testimonialsbk.png);
    background: url(../assets/bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(45deg,
            rgb(206 178 149 / 75%),
            rgba(206, 178, 149, 1)),
        url(../assets/bk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 185px 0px 200px 0px;
}

.services-home-outer-wrap {
    background: #f0efed;
}

.services-home-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 140px;
    margin-bottom: 63px;
}

.services-home-wrapper .service-left {
    display: flex;
    flex-direction: column;
}

.services-home-wrapper .service-left h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.services-home-wrapper .service-left h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
}

.services-home-wrapper .service-left p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
    margin-top: 15px;
}

.services-home-wrapper .service-left p span {
    font-family: 'MetropolisSemiBold';
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
}

.services-home-wrapper .btn5 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    text-decoration: none;
    color: #151515;
}

.services-home-wrapper .btn5 a .btn05 {
    width: 154px;
    height: 59px;
    /* padding: 23px 43px 23px 43px; */
    gap: 10px;
    border-radius: 30px;
    opacity: 0px;
    background: #ceb295;
    transition: 0.3s;
    text-decoration: none;
    color: #151515;
}

.services-home-wrapper .btn5 a .btn05:hover {
    background: #151515;
    color: #ceb295
}

/* service slider home */

.wrapper {
    max-width: 1440px;
    width: 100%;
    position: relative;
    padding-bottom: 116px;
}

.wrapper i {
    height: 50px;
    width: 50px;
    background: rgb(118, 233, 118);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 1.25 rem;
    transform: translateY(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

.wrapper i:first-child {
    left: -22px;
}

.wrapper i:last-child {
    right: -22px;
}

.wrapper .carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((97% / 3) - -196px);
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: 0;
}

.carousel::-webkit-scrollbar {
    display: none;
}

.carousel :where(.card, .img) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.carousel.no-transition {
    scroll-behavior: auto;
}

.carousel.dragging .card {
    cursor: grab;
    user-select: none;
}

.carousel .card {
    scroll-snap-align: start;
    height: auto;
    width: 585px;
    list-style: none;
    background: #f0efed;
    border-radius: 16px;
    border: none;
    display: flex;
    cursor: pointer;
    padding-bottom: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 900px) {
    .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - 9px);
    }
}

@media screen and (max-width: 600px) {
    .wrapper .carousel {
        grid-auto-columns: 100%;
    }
}

.card-service-home {
    display: flex;
    flex-direction: column;
}

.card-service-home .service-image-home {
    width: 585px;
    height: 340px;
    border-radius: 16px;
    opacity: 0px;
    overflow: hidden;
}

.card-service-home .service-image-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.card-service-home .service-image-home img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.card-service-home h2 {
    font-family: 'MetropolisBold';
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 41px;
    margin-bottom: 25px;
}

.card-service-home p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.card-service-home p br {
    display: none;
}

.iti {
    position: relative;
    display: inline-block;
    width: 85%;
    border: 0px;
    border-bottom: 1px solid #ccc;

}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
    width: 100%;
}

/* about page */

.home-banner2 {
    background-color: #404141;
    background: url(../assets/aboutbk.png);
    height: 873px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-content-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding-top: 120px; */
    padding-top: 256px;
}

.banner-content-about .banner-about-text1 {
    font-family: 'MetropolisThin';
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.05em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.banner-content-about .banner-about-text2 {
    font-family: 'MetropolisSemiBold';
    font-size: 50px;
    font-weight: 600;
    line-height: 63px;
    letter-spacing: -0.05em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 30px;
}

.banner-content-about p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    margin-bottom: 44px;
}

.banner-content-about .btn3 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #151515;
}

.banner-content-about .btn3 a .btn03 {
    width: 247px;
    height: 61px;
    gap: 10px;
    border-radius: 40px;
    opacity: 0px;
    background: #ceb295;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    text-decoration: none;
    color: #151515;
}

.banner-content-about .btn3 a .btn03:hover {
    background: #151515;
    color: #ceb295
}

.aboutus-outer-wrapper {
    width: 100%;
    background: url(../assets/testimonialsbk.png);
    background: url(../assets/bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(45deg,
            rgb(206 178 149 / 75%),
            rgba(206, 178, 149, 1)),
        url(../assets/bk.jpg);
    display: flex;
    /* align-items: center; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.container-aboutus {
    display: flex;
    width: 100%;
}

.aboutus-wrapp {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.aboutus-wrapp .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 115px;
    padding-bottom: 115px;
    padding-left: 8%;
}

.aboutus-wrapp .left h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
}

.aboutus-wrapp .left h2 span {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.aboutus-wrapp .left .ppp {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 30px;
    margin-top: 25px;
}

.aboutus-wrapp .left .p4 {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 15px;
}

.aboutus-wrapp .left p {
    font-family: 'MetropolisRegular';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 15px;
}

.aboutus-wrapp .left p span {
    font-family: 'MetropolisThin';
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.aboutus-wrapp .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    width: 708px;
    background: #fff;
    justify-content: center;
    /* padding-left: 170px; */
    /* margin-left: 180px; */
}

.aboutus-wrapp .right .mission-vission-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 47px;
    padding-top: 60px;
    width: 100%;
    height: 100%;
}

#vision {
    padding-top: 60px;
    background: #FFFFFF;
    transition: 0.3s;
}

#vision:hover {
    background: #F7F7F6;
}

#mission {
    background: #FFFFFF;
    transition: 0.3s;
}

#mission:hover {
    background: #F7F7F6;
}

.aboutus-wrapp .right .mission-vission-wrap .mission-image img {
    width: 170px;
    height: 161px;
}

.aboutus-wrapp .right .mission-vission-wrap h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 11px;
}

.aboutus-wrapp .right .mission-vission-wrap p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.about-section2-bk {
    background: url(../assets/aboutbk2.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 61px;
    margin-bottom: 80px;
}

.about-section2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-section2 h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 87px;
}

.about-section2 h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
}

.about-section2 p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 77px;
    margin-top: 20px;
}

.career-section1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 70px;
}

.career-section1 h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    /* padding-top: 67px; */
}

.career-section1 h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.career-section1 p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 50px;
    margin-top: 20px;

}

.career-section1 .btn7 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    text-decoration: none;
}

.career-section1 .btn7 a .btn07 {
    width: 177px;
    height: 59px;
    top: 1266px;
    left: 712px;
    /* padding: 23px 43px 23px 43px; */
    gap: 10px;
    border-radius: 30px;
    opacity: 0px;
    background: #CEB295;
    transition: 0.3s;
    color: #151515;
    text-decoration: none;

}

.career-section1 .btn7 a .btn07:hover {
    background: #151515;
    color: #ceb295
}

.career-section1-bk {
    background: url(../assets/aboutbk2.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 70px;
    margin-bottom: 114px;
}

.career-section2-bk {
    background: url(../assets/careerbk2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: hsla(0, 0%, 79%, 1);

    background: linear-gradient(180deg, hsla(0, 0%, 79%, 1) 0%, hsla(0, 0%, 16%, 1) 100%);

    background: -moz-linear-gradient(180deg, hsla(0, 0%, 79%, 1) 0%, hsla(0, 0%, 16%, 1) 100%);

    background: -webkit-linear-gradient(180deg, hsla(0, 0%, 79%, 1) 0%, hsla(0, 0%, 16%, 1) 100%);
    background-image: linear-gradient(180deg, rgb(157 155 153 / 75%), rgb(3 2 2)), url(../assets/careerbk2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.career-section2-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.career-section2-wrap h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CEB295;
    margin-top: 103px;

}

.career-section2-wrap h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;

}

.career-section2-wrap p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 104px;

}

.team {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.team h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.team h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CBB59A;

}

.team p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 22px;
}

.team .team-image img {
    width: 655px;
    height: 202px;
    margin-top: 50px;
}

.team-image-new {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.team-image-new .tm-img {
    height: 200px;
    width: 200px;
}

.team-image-new .tm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-section1-bk {
    background: url(../assets/cntbk2.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 125px;
    margin-bottom: 70px;
    height: 736px;
}

.address-wrap {
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
}

.address-wrap .box1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 381px;
    height: 624px;
    border-radius: 16px;
    opacity: 0px;
}

.address-wrap .box1 p {
    margin: 0%;
    text-decoration: none;
    text-align: center;
    color: #707070;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}

.address-wrap .box1 p a {
    text-decoration: none;
    text-align: center;
    color: #707070;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.address-wrap .box1 .adress-img img {
    width: 64.14px;
    height: 64.22px;
    margin-bottom: 50px;
}

.address-wrap .box1 .phone-img img {
    width: 53.45px;
    height: 53.52px;
    margin-bottom: 55px;
}

.address-wrap .box1 .message-img img {
    width: 64.14px;
    height: 64.22px;
    margin-bottom: 50px;

}

.address-wrap .box1:nth-child(1) {
    background: #F8F0E0;
    transition: 0.3s;
}

.address-wrap .box1:nth-child(1):hover {
    background: #ffffff;
    border: 3px solid #D28230;
}

.address-wrap .box1 p a:nth-child(1):hover {
    color: #151515;
}

.address-wrap .box1:nth-child(2) {
    background: #DFF6E1;
    transition: 0.3s;
}

.address-wrap .box1:nth-child(2):hover {
    background: #ffffff;
    border: 3px solid #4CA336;
}

.address-wrap .box1 p a:nth-child(2):hover {
    color: #4CA336;
}

.address-wrap .box1:nth-child(3) {
    background: #D4E5F2;
    transition: 0.3s;
}

.address-wrap .box1:nth-child(3):hover {
    background: #ffffff;
    border: 3px solid #3575B5;
}

.address-wrap .box1 p a:nth-child(3):hover {
    color: #3575B5;
}

.section2-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section2-contact h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.section2-contact h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CEB295;
}

.section2-contact p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 20px;
    margin-bottom: 50px;
}

.btn8 a {
    font-family: 'GothamBold';
    font-size: 14px;
    font-weight: 700;
    line-height: 13.4px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    text-decoration: none;
}

.btn8 a .btn08 {
    width: 195px;
    height: 59px;
    gap: 0px;
    border-radius: 30px;
    opacity: 0px;
    background: #ceb295;
    transition: 0.3s;
    color: #151515;
    text-decoration: none;
}

.btn8 a .btn08:hover {
    background: #151515;
    color: #ceb295
}

input[type="text"],
select,
textarea {
    width: 85%;
    padding: 20px;
    border: 0px;
    border-bottom: 1px solid #ccc;

    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type="tel"],
select,
textarea {
    width: 85%;
    padding: 20px;
    border: 0px;
    border-bottom: 1px solid #ccc;

    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type="submit"] {
    background-color: #04aa6d;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #45a049;
}


input[type="email"],
select,
textarea {
    width: 85%;
    padding: 20px;
    border: 0px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.main-contact-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

#phone {
    border: 0px;
}


.main-contact-form .contact-form {
    background-color: #ffff;
    padding: 20px;
    width: 100%;
    /* height: 476px; */
    height: 580px;
    gap: 0px;
    border-radius: 16px;
    border: 1px solid #151515;
    opacity: 0px;

}

.main-contact-form .contact-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#cnt-wrapp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.ccnt-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 150px;
}

.our-services-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 150px;
    justify-content: center;
    align-items: center;
}

.our-services-wrapper .points {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 150px;
    /* gap: 75px; */

}

.our-services-wrapper .points .point-one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 55px;
    padding-right: 55px;

}

.our-services-wrapper .points .point-one h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CEB295;
}

.our-services-wrapper .points .point-one h2 span {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.our-services-wrapper .points .point-one p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.our-services-wrapper .points .serv-imgs1 {
    width: 632px;
    height: 624px;
    overflow: hidden;
    border-radius: 16px;
}

.our-services-wrapper .points .serv-imgs1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    opacity: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;


}

.our-services-wrapper .points .serv-imgs1 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.chess-bk {
    background: url(../assets/chesspic1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.chess {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

iframe {
    width: 100%;
    height: 500px;
    margin-bottom: 60px;
}

.chess h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 98px;
    color: #151515;
}

.chess h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.chess p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 25px;
    margin-bottom: 98px;
    color: #151515;

}

.bk-bk-serv {
    background: #F0EFED;
    display: flex;
    align-items: center;
    justify-content: center;
}

#serv-bk-bk {
    margin-top: 154px;
    margin-bottom: 113px;
}

.about-section2-serv h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;

    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 146px;
}

.about-section2-serv h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ceb295;
}

.about-section2-serv p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 174px;
    margin-top: 20px;
}

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

* {
    margin: 0;
}

.slider-wrapper {
    width: 90%;
    max-width: 1536px;
    margin-inline: auto;
    position: relative;
    height: 188px;
    margin-top: 70px;
    overflow: hidden;
    mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0));
}

@keyframes scrollLeft {
    to {
        left: -200px;
    }
}

@keyframes scrollRight {
    to {
        right: -200px;
    }
}

.item {
    /* width: 314px;
    height: 188px;
    border-radius: 20px; */
    width: 314px;
    height: 188px;
    background: #F6F6F6;
    border-radius: 20px;
    position: absolute;
}

.left .item {
    left: max(calc(200px * 8), 100%);
    animation: scrollLeft 10s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left:hover .item {
    animation-play-state: paused;
}

.item img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

.right .item {
    right: max(calc(200px * 8), 100%);
    animation: scrollRight 10s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left .item1,
.right .item1 {
    animation-delay: calc((-16s / 8) * 7);
}

.left .item2,
.right .item2 {
    animation-delay: calc((-16s / 8) * 6);
}

.left .item3,
.right .item3 {
    animation-delay: calc((-16s / 8) * 5);
}

.left .item4,
.right .item4 {
    animation-delay: calc((-16s / 8) * 4);
}

.left .item5,
.right .item5 {
    animation-delay: calc((-16s / 8) * 3);
}

.left .item6,
.right .item6 {
    animation-delay: calc((-16s / 8) * 2);
}

.left .item7,
.right .item7 {
    animation-delay: calc((-16s / 8) * 1);
}

.left .item8,
.right .item8 {
    animation-delay: calc((-16s / 8) * 0);
}

.left:hover .item {
    animation-play-state: paused;

}

.right:hover .item {
    animation-play-state: paused;

}

#dpp6:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp1:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp2:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp3:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp4:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp5:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp7:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp8:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp9:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp10:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp111:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp12:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp13:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp14:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp15:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

#dpp16:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

.home2-slider2 {
    margin-bottom: 150px;
}

.card-slider {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    margin-top: 10px;
    gap: 30px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.card-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.label-container {
    display: flex;
    align-items: center;
}


.label-container {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.label-container h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;

    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-right: auto;

}

.label-container h2 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}


.label-container button {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 33px;
    color: #111;
    cursor: pointer;
    padding: 10px;
    width: fit-content;
    margin-left: 5px;
    width: 66px;
    height: 66px;
}

.label-container button:disabled {
    background-color: whitesmoke;
    cursor: not-allowed;
    border: none;
}

.restaurant-card {
    transition: transform 0.3s ease-in-out;
    font-family: "Arial", sans-serif;
    background: transparent;
}

.restaurant-card:hover {
    cursor: pointer;
    transform: scale(0.95);
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    width: 350px;
    height: 240px;
    display: block;
    border-radius: 20px;
    object-fit: cover;
    image-rendering: pixelated;
}

.image-container::after {
    content: "";
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    border: none;
    border-radius: 0 0 20px 20px;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)100%);
}

.discount-badge {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 10px;
    padding: 5px;
    z-index: 2;
    font-weight: bold;
    font-size: 24px;
    font-family: "Proxima Nova Condensed", sans-serif;
}

.restaurant-name {
    font-weight: bold;
    font-size: 24px;
    margin: 0;
}

.info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
}

.rating {
    display: flex;
    align-items: start;
    margin-top: 5px;
    font-weight: semi-bold;
}

.review-count {
    margin-left: 5px;
    font-weight: semi-bold;
}

.delivery-info {
    display: flex;
    font-size: 16px;
    align-items: center;
}

.bi-star-fill {
    color: green;
}

.bi-dot {
    font-size: 26px;
}





.wrap-john {
    display: flex;
    flex-direction: column;
    width: 572px;
    border-radius: 15px;
}

.wrap-john .john {
    display: flex;
    align-items: center;
    background: #F7F9FB;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 30px;
    gap: 20px;
    height: 110px;
    border-radius: 15px 15px 0px 0px;
    opacity: 0px;


}

.wrap-john .john .john-image {
    width: 64px;
    height: 64px;
    border-radius: 30px;
}

.wrap-john .john .john-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;

}

.wrap-john .john .name {
    display: flex;
    flex-direction: column;
}

.wrap-john .john .name h2 {
    margin: 0%;
    font-family: 'MetropolisSemiBold';
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 6px;
}

.wrap-john .john .name p {
    margin: 0%;
    font-family: 'MetropolisRegular';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #737373;

}

.wrap-john .feedback {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 26px 30px 66px 30px;
    background: #FFFFFF;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

.wrap-john .feedback .coma img {
    width: 66px;
    height: 48px;
    opacity: 0px;

}

.wrap-john .feedback p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: -21px;

}

/* @media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

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


.about-home-right .bghome1 {
    width: 375px;
    height: 373px;
    border-radius: 17px;

}

.about-home-right .bghome1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 17px;
    top: 27px;
    opacity: 0px;
    margin-top: -25px;
    margin-left: -195px;
    position: relative;
    /* -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden; */
}

/* .about-home-right .bghome1 img:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

} */
.about-home-right .bghome2 {
    width: 323px;
    height: 324px;
    border-radius: 16px;
}

.about-home-right .bghome2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    /* margin-bottom: 119px; */
    /* z-index: 2; */
    opacity: 0px;
    /* position: relative; */
    margin-top: -71px;

}

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

.mac img {
    width: 1118px;
    height: 566px;
    margin-top: -135px;
    z-index: 0;


}

#mac-container {
    margin-bottom: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.box-wrap-mac {
    display: flex;
    flex-direction: column;
}

.box1-mac {

    width: 510px;
    height: 88px;
    background: #E5E1F2;
    color: #8B84B2;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -228px;
    /* margin-left: -390px; */
    margin-left: 643px;
    margin-bottom: 25px;
    box-shadow: 3px 7px 17px 2px #0000001C;
}

.box1-mac h2 {
    margin: 0px;
    font-family: 'MetropolisSemiBold';
    font-size: 24px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}

.box1-mac:nth-child(3) {
    background: #DFF6E1;
    color: #4CA336;
    width: 500px;
    margin-left: -632px;
    margin-bottom: 100px;


}

.box1-mac:nth-child(4) {
    background: #F8F0E0;
    color: #D28230;
    width: 560px;
    /* margin-top: -187px; */
    /* padding-top: 25px; */
    margin-left: 484px;
    margin-bottom: 24px;
}

.box1-mac:nth-child(5) {
    background: #D4E5F2;
    color: #3575B5;
    width: 560px;
    /* margin-top: 28px; */
    margin-left: -390px;
}

.sharj-bk {
    height: 550px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 93%, 1);
    background: linear-gradient(90deg, hsla(0, 0%, 93%, 1) 0%, hsla(0, 0%, 52%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(0, 0%, 93%, 1) 0%, hsla(0, 0%, 52%, 1) 100%);
    background: -webkit-linear-gradient(283deg, hsla(0, 0%, 93%, 1) 0%, hsla(0, 0%, 76%, 1) 100%);
    background: -webkit-linear-gradient(267deg, hsl(0deg 0% 94.33% / 0%) 0%, hsla(0, 0%, 76%, 1) 100%);

}

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

.sharjah-left h2 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.sharjah-left h2 span {
    font-family: 'MetropolisSemiBold';
    color: #ceb295;
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.sharjah-left p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
    width: 750px;
}

.sharjah-right {
    height: 550px;
    width: 100%;

    overflow: hidden;
}

.sharjah-right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;

    opacity: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.sharjah-right img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.zoomh-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: -76px;
    margin-bottom: 170px;
}

.zoomh-wrap a {
    text-decoration: none;
    z-index: 0;
}

.zoomh {
    padding: 50px;
    background-color: #ffff;
    transition: transform .2s;
    z-index: 1;
    margin: 0 auto;
    width: 285px;
    height: 337px;
    gap: 0px;
    border-radius: 13px;
    opacity: 0px;
    background: #fff;
    transition: 0.3s;
    box-shadow: 3px 7px 17px 2px #00000012;


}

.zoomh h1 {
    font-family: 'MetropolisSemiBold';
    font-size: 20px;
    font-weight: 800;
    line-height: 29px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CBB59A;
    background-color: #fff;
    transition: 0.3s;
    text-transform: uppercase;
}

.zoomh h1 span {
    font-family: 'MetropolisThin';
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: -0.05em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
    background-color: #fff;
    transition: 0.3s;
    text-transform: uppercase;
}

.zoomh p {
    font-family: 'MetropolisRegular';
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #313030;
    background-color: #fff;
    transition: 0.3s;

}

.zoomh:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
    background-color: #CBB59A;
}

.zoomh:hover h1 {
    color: #FEFEFE;
    background-color: #CBB59A;
}

.zoomh:hover h1 span {

    background-color: #CBB59A;
}

.zoomh:hover p {

    background-color: #CBB59A;
}

.clients1 {
    background: linear-gradient(156.14deg, #404141 47.39%, #272A2A 117.57%);
    height: 500px;

}

.clients1-wrap {
    display: flex;
    align-items: center;
    padding: 35px 0px 35px 0px;
    /* gap: 170px; */
    border-radius: 39px;
    border: 1px solid #CBB59A;
    opacity: 0px;
    margin-top: 80px;
    margin-bottom: 50px;
    justify-content: space-around;

}

.clients1-wrap .left-client {
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 566px;
    height: 354px;
    border-right: 1px solid #CBB59A
}

.clients1-wrap .left-client h3 {
    font-family: 'MetropolisThin';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #AEAEAE;
    margin-bottom: 35px;

}

.clients1-wrap .left-client h1 {
    font-family: 'MetropolisSemiBold';
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}

.clients1-wrap .right-client img {
    width: 339px;
    height: 294px;
    gap: 0px;
    opacity: 0px;

}

.about-client1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 150px;

}

.about-client1 h1 {
    font-family: 'MetropolisSemiBold';
    font-size: 32px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: 30px;

}

.about-client1 p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.about-client1 h2 {
    font-family: 'MetropolisSemiBold';
    font-size: 28px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.about-client1 h4 {
    font-family: 'MetropolisSemiBold';
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.about-client1 ul {

    color: #151515;
    list-style: circle;
}

.about-client1 ul li {
    list-style: circle;
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    color: #151515;
}

.gallery-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 150px;
}

.gallery-wrap .gl-left {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gallery-wrap .gl-left .gl-top {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.gallery-wrap .gl-left .gl-bottom {
    display: flex;
    gap: 10px;
}

.gallery-wrap .gl-left .gl-top .g11 img {
    width: 418px;
    height: 285px;
    transition: transform 0.3s ease-in-out;

}

.gallery-wrap .gl-left .gl-top .g11 img:hover {
    transform: scale(1.2);
}

.gallery-wrap .gl-left .gl-top .g22 img {
    width: 264px;
    height: 285px;
    transition: transform 0.3s ease-in-out;
}

.gallery-wrap .gl-left .gl-top .g22 img:hover {
    transform: scale(1.2);
}

.gallery-wrap .gl-left .gl-bottom .g33 img {
    width: 264px;
    height: 285px;
    transition: transform 0.3s ease-in-out;
}

.gallery-wrap .gl-left .gl-bottom .g33 img:hover {
    transform: scale(1.2);
}

.gallery-wrap .gl-left .gl-bottom .g44 img {
    width: 418px;
    height: 285px;
    transition: transform 0.3s ease-in-out;
}

.gallery-wrap .gl-left .gl-bottom .g44 img:hover {
    transform: scale(1.2);
}

.gallery-wrap .gl-right {
    width: 40%;
    align-items: center;
    justify-content: center;
}

.gallery-wrap .gl-right h1 {
    font-family: 'MetropolisThin';
    font-size: 52px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;

}

.gallery-wrap .gl-right h1 span {
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 800;
    line-height: 58px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #CEB295;
}

.team .team-image-new {
    display: flex;
    align-items: center;
    justify-content: center;
}

.team .team-image-new .tm-img {
    /* width: 233px;
    height: 238px; */
    width: 183px;
    height: 188px;
    border-radius: 124px;

}

.team .team-image-new .tm-img img {
    width: 100%;
    height: 100%;
    border-radius: 124px;
    object-fit: cover;

}

.banner-content-about .trsm-text1 {
    text-align: center;
    font: normal normal medium 13px/62px Lato;
    font-family: "Lato", serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    line-height: 62px;
    letter-spacing: 0.78px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.banner-content-about .trsm-text2 {
    text-align: center;
    font: normal normal bold 35px/45px "Josefin", Sans;
    font-family: "Josefin Sans", serif;
    font-size: 35px;
    line-height: 45px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.banner-content-about .trsm-text3 {
    text-align: center;
    font: normal normal normal 14px/24px Poppins;
    font-family: "Poppins", serif;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.trsm-banner2 {
    background-color: #404141;
    background: url(../assets/trsmbk.png);
    height: 560px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.trsm-sec1-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 82px;
    margin-bottom: 100px;
}

.trsm-sec1-wrap .sec1-sharjah {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;

}

#sec1-dubai {

    flex-direction: row-reverse;
    margin-top: 64px;
}

.trsm-sec1-wrap .sec1-sharjah .right-sec1 {
    width: 525px;
    height: 316px;
    border-radius: 30px;
    opacity: 1;
    overflow: hidden;
}

.trsm-sec1-wrap .sec1-sharjah .right-sec1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;

}

.trsm-sec1-wrap .sec1-sharjah .right-sec1 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

}

.trsm-sec1-wrap .sec1-sharjah .left-sec1 {
    width: 525px;
}

.trsm-sec1-wrap .sec1-sharjah .left-sec1 h1 {
    text-align: left;
    font: normal normal medium 18px/30px Poppins;
    font-family: "Poppins", serif;
    font-size: 18px;
    line-height: 30px;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.trsm-sec1-wrap .sec1-sharjah .left-sec1 p {
    text-align: left;
    font: normal normal normal 14px/24px Poppins;
    font-family: "Poppins", serif;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: 0px;
    color: #676767;
    opacity: 1;
}

.trsm-sec1-wrap .sec1-sharjah .left-sec1 .num1 {
    font-size: 33px;
    padding: 0 5px;
    -webkit-text-stroke: 2px #C6B39C;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font: normal normal 900 33px/62px Avenir;
    font-family: "Montserrat", serif;
    letter-spacing: 0px;
    opacity: 1;
}

.title1-slide1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 38px;
}

.title1-slide1 h2 {
    text-align: center;
    font: normal normal medium 13px/62px Lato;
    font-family: "Lato", serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    line-height: 62px;
    letter-spacing: 0.78px;
    color: #C6B39C;
    text-transform: uppercase;
    opacity: 1;
}

.title1-slide1 h1 {
    text-align: center;
    font: normal normal bold 30px/45px Josefin Sans;
    font-family: "Josefin Sans", serif;
    font-size: 30px;
    line-height: 45px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

/* slide */
.trsm-slider1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.trsm-slider1 .wrapper {
    max-width: 1100px;
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 50px;

}

.trsm-slider1 .wrapper i {
    height: 50px;
    width: 50px;
    background: rgb(118, 233, 118);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 1.25 rem;
    transform: translateY(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);

}

.trsm-slider1 .wrapper i:first-child {
    left: -22px;

}

.trsm-slider1 .wrapper i:last-child {
    right: -22px;

}

.trsm-slider1 .wrapper .carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / 4) - 2px);
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: 0;
}

.trsm-slider1 .wrapper .carousel::-webkit-scrollbar {
    display: none;
}

.trsm-slider1 .wrapper .carousel :where(.card, .img) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trsm-slider1 .wrapper .carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.trsm-slider1 .wrapper .carousel.no-transition {
    scroll-behavior: auto;
}

.trsm-slider1 .wrapper .carousel.dragging .card {
    cursor: grab;
    user-select: none;
}

.trsm-slider1 .wrapper .carousel .card {
    scroll-snap-align: start;
    /* height: 750px; */
    list-style: none;
    background: #fff;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    width: 98%;
    padding-bottom: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}



.trsm-slider1 .wrapper .carousel .card .bottom-sj h1 {
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    font-family: "Poppins", serif;
    font-size: 18px;
    line-height: 26px;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    height: 53px;
    margin-bottom: 20px;
}

.trsm-slider1 .wrapper .carousel .card .bottom-sj h2 {
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    font-family: "Poppins", serif;
    font-size: 18px;
    line-height: 26px;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;
}

.trsm-slider1 .wrapper .carousel .card .bottom-sj p {
    text-align: left;
    font: normal normal normal 14px/24px Poppins;
    font-family: "Poppins", serif;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: 0px;
    color: #676767;
    opacity: 1;

}

.trsm-slider1 .wrapper .carousel .card .bottom-sj {
    height: 230px;
}

.trsm-slider1 .wrapper .carousel .card .sjpics11 {
    width: 255px;
    height: 270px;
    margin-bottom: 33px;
    border-radius: 20px;
    opacity: 1;
    overflow: hidden;
}

.trsm-slider1 .wrapper .carousel .card .sjpics11 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.trsm-slider1 .wrapper .carousel .card .sjpics11 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.dubai-btm {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    margin-bottom: 90px;
}

.dubai-btm .db-btm11 {
    display: flex;
    flex-direction: column;
}

.dubai-btm .db-btm11 .sjpics22 {
    width: 534px;
    height: 270px;
    border-radius: 20px;
    opacity: 1;
    margin-bottom: 33px;
    overflow: hidden;
}

.dubai-btm .db-btm11 .sjpics22 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.dubai-btm .db-btm11 .sjpics22 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.dubai-btm .db-btm11 .bottom-sj22 h1 {
    text-align: left;
    font: normal normal medium 18px/26px Poppins;
    font-family: "Poppins", serif;
    font-size: 18px;
    line-height: 26px;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.dubai-btm .db-btm11 .bottom-sj22 p {
    text-align: left;
    font: normal normal normal 14px/24px Poppins;
    font-family: "Poppins", serif;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: 0px;
    color: #676767;
    opacity: 1;
    width: 525px;
}

.vd-bk-trsm {
    background: url(../assets/sj22.jpg);
    background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(../assets/sj22.jpg);
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 75px;


}

#vd-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#vd-texts h2 {
    text-align: center;
    font: normal normal bold 14px/62px Josefin Sans;
    font-family: "Josefin Sans", serif;
    font-size: 14px;
    line-height: 62px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    letter-spacing: 0px;
    color: #DDB27E;
    text-transform: uppercase;
    opacity: 1;
}

#vd-texts p {
    text-align: center;
    font: normal normal normal 24px/41px Bangla MN;
    font-family: "Montserrat", serif;
    font-size: 24px;
    line-height: 41px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: 0px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 689px;
}

.cnt-trsm-wrap {
    width: 100%;
    height: 404px;
    background: #888e7c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-top: 90px;
    margin-bottom: 90px;
    background: transparent linear-gradient(180deg, #C6B39C 0%, #646464 100%) 0% 0% no-repeat padding-box;
    background: #EA8915 0% 0% no-repeat padding-box;
}

.contact-trsm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


}

.contact-trsm h1 {
    text-align: center;
    font: normal normal bold 34px/51px "Poppins";
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.contact-trsm p {
    text-align: center;
    font: normal normal normal 14px/24px "Poppins";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 662px;
}

.contact-trsm a {
    text-decoration: none;
    padding: 0;
    margin: 0%;
    display: flex;
    align-items: center;
    text-align: center;

}

.contact-trsm .btn-trsm01 {
    width: 159px;
    height: 50px;
    border: 2px solid #FFFFFF;
    border-radius: 100px;
    opacity: 1;
    background: transparent;
    text-align: center;
    font: normal normal medium 14px/21px "Poppins";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
}

.lab-cnt {
    align-items: end;
    margin-bottom: 100px;
}

.head-trsm-feed {
    display: flex;
    flex-direction: column;
    margin-right: 345px;

}

.head-trsm-feed h2 span {
    font-family: "Josefin Sans", serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-bottom: .666667em;
}

.head-trsm-feed p {
    margin: 0%;
    text-align: left;
    font: normal normal normal 20px/24px "Poppins";
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 600px;
    color: #676767;
    margin-top: 40px;

}

.trsm-john {
    height: 276px;
    background: #fff;
    width: 433px;
    padding-left: 30px;
    padding-top: 30px;
    border: 1px solid #787070;
}

.trsm-john h2 {
    font-family: "Josefin Sans", serif;
    margin-bottom: .909091em;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1.2667;
    color: #000000;

}

.trsm-john p {
    text-align: left;
    font: normal normal normal 14px/24px "Poppins";
    letter-spacing: 0px;
    color: #676767;
    opacity: 1;
}

.lab-cnt button {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 33px;
    color: #fff;

}

.lab-cnt button:disabled {
    background-color: #af8431;
    cursor: not-allowed;
    border: none;
}

.trsm-feed-bk {

    background: #fff;
}

/* accordian */

.accordion {
    width: 90%;
    max-width: 1000px;
    margin: 2rem auto;
}

.accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1.6rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 2rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 15px 15px 0px 0px;
    padding-top: 34px;
    padding-bottom: 34px;
    text-align: left;
    font: normal normal 600 18px/27px "Poppins";
    letter-spacing: 0.9px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 2rem;
}

.accordion-item-header.active1::after {
    content: "\2212";
}

.active1 {
    background: #FFF7D8 0% 0% no-repeat padding-box;

}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 0px 0px 15px 15px;

}

.accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
    background: #FFF7D8 0% 0% no-repeat padding-box;
    text-align: left;
    font: normal normal normal 15px/22px "Poppins";
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 5px 2rem 35px 2rem;
}

#ac-item {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 15px;
}

.accordian-wrap {
    margin-bottom: 118px;
}

.footer2-links .ft2-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer2-links .ft2-left p {
    font-size: 14px;
    line-height: 34px;
    color: white;
    font-family: "Poppins";
    margin: 0px;
}

.footer2-links .ft2-left p a {
    color: #ff00d8;
    text-decoration: none;
}

.trsm-banner3 {
    background-color: #404141;
    background: url(../assets/trsmbknew2.png);
    height: 650px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-trsm-new {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding-top: 120px; */
    padding-top: 181px;
}

.trsm-textnew1 {
    text-align: center;
    font: normal normal normal 14px/28px MetropolisThin;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.trsm-textnew2 {
    text-align: center;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.trsm-textnew3 {
    width: 577px;
    text-align: center;
    font: normal normal normal 14px/24px MetropolisRegular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.cnt-btn-trsm1 {
    text-decoration: none;
    text-align: center;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    width: 205px;
    height: 50px;
    background: #CAB399 0% 0% no-repeat padding-box;
    border-radius: 80px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}

.cnt-btn-trsm1:hover {
    color: #CAB399;
    background: #000000;
}

.black-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 454px;
    width: 100%;
}

.blk-cntnt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.blk-cntnt h1 {
    text-align: center;
    font: normal normal 600 30px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.blk-cntnt p {
    text-align: center;
    font: normal normal normal 14px/24px MetropolisRegular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 647px;
    margin-bottom: 29px;
}

.cnt-trsm3-btn {
    text-decoration: none;
    width: 235px;
    height: 50px;
    background: #CAB399 0% 0% no-repeat padding-box;
    border-radius: 80px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}

.cnt-trsm3-btn:hover {
    color: #CAB399;
    background: #000000;

}

.intro-trsmnew-wrap {
    display: flex;
    gap: 77px;
    margin-top: 99px;
    margin-bottom: 100px;
}

.title-left99 {
    display: flex;
    flex-direction: column;

}

.title-left99 h3 {
    text-align: left;
    font: normal normal normal 14px/28px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.title-left99 h1 {
    text-align: left;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 10px;
}

.title-left99 p {
    width: 536px;
    text-align: left;
    font: normal normal normal 14px/25px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 45px;
}

.intro-image1 {
    width: auto;
    height: 445px;
    border-radius: 20px;
    opacity: 1;
}

.intro-image1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.top-title91 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.top-title91 h1 {
    text-align: center;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.top-title91 p {
    text-align: center;
    font: normal normal normal 14px/24px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 14px;
    width: 656px;
}

.bottom-boxes92 {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    margin-top: 52px;
    margin-bottom: 90px;
}

.box101 {
    display: flex;
    flex-direction: column;
    width: 304px;
    height: 125px;
    border: 1px solid #CAB399;
    opacity: 1;
    justify-content: center;
}

.box101 h1 {
    margin: 0px;
    margin-left: 20px;
    text-align: left;
    font: normal normal bold 14px/28px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.box101 p {
    margin: 0px;
    margin-left: 20px;
    text-align: left;
    font: normal normal normal 14px/25px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.core-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 100px;
    margin-top: 75px;
    margin-bottom: 75px;
}

.wrap-core2 {
    display: flex;
    gap: 35px;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    width: 100%;

}

.left-core91 {
    display: flex;
    flex-direction: column;

}

.left-core91 h1 {
    text-align: left;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 25px;
}

.title-core91 {
    display: flex;
    gap: 18px;
    margin-bottom: 18px;
    align-items: center;

}

.title-core91>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font: normal normal 600 12px/20px MetropolisMedium;
    letter-spacing: 0.24px;
    color: #000000;
    opacity: 1;
    width: 32px;
    height: 32px;
    border: 1px solid #707070;
    opacity: 1;
    border-radius: 35px;
}

.title-core91 p {
    margin: 0px;
    text-align: left;
    font: normal normal normal 14px/25px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.core-image93 {
    width: 650px;
    height: 380px;
    border-radius: 20px;
    opacity: 1;

}

.core-image93 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 1;
}

#wrap-core2 {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.title-left99n {
    display: flex;
    flex-direction: column;

}

.title-left99n h3 {
    text-align: left;
    font: normal normal normal 14px/28px MetropolisMedium;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.title-left99n h1 {
    text-align: left;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 10px;
}

.title-left99n p {
    width: 536px;
    text-align: left;
    font: normal normal normal 14px/25px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 17px;
}

.trsm-textnew4 {
    margin: 0px;
    text-align: center;
    font: normal normal normal 14px/24px MetropolisRegular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 45px;
}

.prop-box-wrap1 {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 50px;
    margin-bottom: 90px;
}

.box1-prop-wrap2 {

    width: 415px;
    height: 319px;
    background: #f3eeea 0% 0% no-repeat padding-box;

}

.prop-title {
    display: flex;
    flex-direction: column;
    margin-top: 36px;
    margin-left: 30px;
}

.prop-title h1 {
    margin: 0px;
    text-align: left;
    font: normal normal bold 22px/26px MetropolisSemiBold;
    letter-spacing: -0.66px;
    color: #000000;
    opacity: 1;
}

.prop-title h3 {
    margin: 0px;
    text-align: left;
    font: normal normal normal 14px/21px MetropolisThin;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 336px;
    margin-top: 14px;
    margin-bottom: 34px;
}

.prop-title p {
    margin: 0px;
    text-align: left;
    font: normal normal normal 14px/21px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 10px;
}

.top-title91 h3 {
    text-align: center;
    font: normal normal normal 14px/28px MetropolisThin;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.ych99-wrap {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 27px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.ych-bx1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 414px;
    height: 152px;
    background: #EAFFEC 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-bottom: 20px;
}

.ych-bx1>div {
    width: 48px;
    height: 48px;
    background: #FFEFDD 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 35px;
    text-align: center;
    font: normal normal 600 16px/20px MetropolisMedium;
    letter-spacing: 0.32px;
    color: #000000;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -32px;
}

.ych-bx1 h1 {
    text-align: center;
    font: normal normal 600 16px/25px MetropolisSemiBold;
    letter-spacing: 0.32px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 19px;
}

.ych-bx1 p {
    width: 385px;
    text-align: center;
    font: normal normal normal 14px/24px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.cards99-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    margin-bottom: 80px;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

.aa99 {
    text-decoration: none;
    width: 100%;
}

.card951 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 617px;
    height: 380px;
    border-radius: 20px;
}

.card951 h1 {
    text-align: center;
    font: normal normal 800 52px/58px MetropolisSemiBold;
    letter-spacing: -0.52px;
    color: #FFFFFF;
    opacity: 1;
}

.card951 p {
    text-align: center;
    font: normal normal 600 16px/58px MetropolisRegular;
    letter-spacing: -0.96px;
    color: #FFFFFF;
    opacity: 1;
}

#bn1 {
    background: url(../assets/bn1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bn2 {
    background: url(../assets/bn2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bn3 {
    background: url(../assets/bn3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bx-44 {
    display: none;
}

.viewport {
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 80px;
    margin-top: 35px;
}

.track {
    display: flex;
    transition: transform 0.4s ease;
}

.unit {
    flex: 0 0 33.3333%;
    padding: 20px;
}

.fill {
    /* background-color: #4285f4; */
    color: #fff;
    /* padding: 40px; */
    /* font-size: 24px; */
    border-radius: 20px;
    text-align: center;
}

.track.dragging {
    transition: none;
    cursor: grabbing;
}

.viewport:active {
    cursor: grabbing;
}

.trsm-textnew5 {
    margin: 0px;
    text-align: center;
    font: normal normal normal 14px / 24px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 45px;
    width: 656px;
}

#inro46 {
    width: auto;
    height: 380px;
    border-radius: 20px;
    opacity: 1;
}

.intro-image1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.who-wrap {
    display: flex;
    gap: 70px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 82px;
}

.lefty {
    width: 786px;
    height: 515px;
    border-radius: 20px;
    opacity: 1;
}

.lefty img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 1;
}

.righty {
    display: flex;
    flex-direction: column;

}

.righty h1 {
    margin: 0px;
    text-align: left;
    font: normal normal 600 42px/58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 21px;
}

.righty h2 {
    margin: 0px;
    text-align: left;
    font: normal normal 600 16px/25px MetropolisMedium;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 5px;
}

.righty p {
    margin: 0px;
    text-align: left;
    font: normal normal normal 14px/21px MetropolisRegular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 536px;
    margin-bottom: 32px;
}

.lefty2 {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.core11 {
    width: 640px;
    height: 380px;
    border-radius: 20px;
    opacity: 1;
}

.core11 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 1;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #121111;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #181414
}

.dropdown:hover .dropdown-content {
    display: block;
}

.trsm-banner4 {
    background-color: #404141;
    background: url(../assets/trsmbknew4.png);
    height: 650px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.video-c1 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 110px;
    height: 450px;
    margin-bottom: 100px;
}

.video-c1>div {
    width: 550px;
    height: 350px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bill100-wrap {
    margin-top: 50px;
    margin-bottom: 80px;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.bill-box1 {
    width: 441px;
    height: 488px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 49px;
    padding-left: 49px;
}

.h1-bill {
    margin: 0px;
    text-align: left;
    font: normal normal 800 36px/38px Poppins;
    letter-spacing: -1.8px;
    color: #FFFFFF;
    opacity: 1;
}

.p-bill {
    margin: 0px;
    text-align: left;
    font: normal normal normal 16px/22px MetropolisRegular;
    letter-spacing: -0.96px;
    color: #FFFFFF;
    opacity: 1;
    width: 327px;
    margin-top: 14px;
}

#bxi-bil1 {
    background: url(../assets/bill1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bxi-bil2 {
    background: url(../assets/bill2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bxi-bil3 {
    background: url(../assets/bill3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bxi-bil4 {
    background: url(../assets/bill4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

#bxi-bil5 {
    background: url(../assets/bill5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.viewport {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.rowflow {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.panel {
    min-width: 100%;
    flex-shrink: 0;
    padding: 10px;
}

.panel>div {
    background: #fff;
    /* padding: 40px; */
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 1.5rem;
}

/* Responsive panels on larger screens */
@media (min-width: 768px) {
    .panel {
        min-width: 50%;
    }
}

@media (min-width: 1024px) {
    .panel {
        min-width: 33.3333%;
    }
}

@media (min-width: 1400px) {
    .panel {
        min-width: 25%;
    }
}

@media screen and (max-width: 900px) {
    .trsm-slider1 .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - 9px);

    }
}

@media screen and (max-width: 600px) {
    .trsm-slider1 .wrapper .carousel {
        grid-auto-columns: 100%;

    }
}

@media (min-width: 1700px) {
    .aboutus-wrapp {

        justify-content: center;
        display: grid;
        grid-template-columns: 64% 50%;
        gap: 40px;
    }

    .aboutus-wrapp .left {
        padding-left: 40%;
    }

    .aboutus-wrapp .right {

        width: 84%;

    }
}

@media (min-width: 2000px) {
    .aboutus-wrapp .left {
        padding-left: 43%;
    }
}

@media (min-width: 2400px) {
    .aboutus-wrapp .left {
        padding-left: 55%;
    }
}

@media (max-width:1600px) {
    .our-services-wrapper .points .serv-imgs1 {
        width: 632px;
        height: 562px;

    }

    .our-services-wrapper {
        margin-top: 95px;

    }

    .our-services-wrapper .points {

        margin-bottom: 100px;

    }

    #serv-bk-bk {
        margin-top: 68px;
        margin-bottom: 68px;
    }

    .about-section2-serv h2 {

        margin-top: 108px;
    }

    .about-section2-serv p {

        margin-bottom: 108px;

    }

    .carousel .card {

        width: 555px;
    }

    .card-service-home .service-image-home {
        width: 555px;
        height: 340px;

    }

    .wrapper .carousel {
        grid-auto-columns: calc((97% / 3) - -166px);
    }
}

@media (max-width: 1400px) {
    .core11 {
        width: 494px;
        height: 380px;
        border-radius: 20px;
        opacity: 1;
    }

    .ych99-wrap {
        justify-content: center;
        gap: 40px;
    }

    .clients1-wrap .left-client {

        width: 460px;
    }

    .mac img {
        width: 100%;
    }

    .box1-mac:nth-child(2) {
        width: 475px;
    }

    .box1-mac:nth-child(3) {
        width: 470px;
    }

    .about-home-right .bghome1 {
        width: 339px;
        height: 337px;
    }

    .about-home-right .bghome1 img {
        margin-left: -122px;
    }

    .about-home-right .bghome2 {
        width: 311px;
        height: 310px;
    }

    .about-home-right .bghome2 img {

        margin-left: 38px;
    }

    .card-service-home p br {
        display: none;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((97% / 3) - -177px);

    }

    .carousel .card {
        width: 523px;

    }

    .card-service-home .service-image-home {
        width: 523px;
        height: 314px;
    }

    .reasons-home-wrapp .reasons-image-right .arab-man {
        width: 419px;

    }

    .aboutus-wrapp {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 40px;

    }

    .aboutus-wrapp .left {
        padding-left: 20%;
    }

    .aboutus-wrapp .right {

        width: 94%;
        /* padding-left: 170px; */
        /* margin-left: 180px; */

    }

    .aboutus-wrapp .left .p4 br {
        display: none;
    }

    .our-services-wrapper .points .serv-imgs1 {
        width: 490px;
        height: 584px;

    }

    .address-wrap .box1 {

        width: 348px;
        height: 588px;

    }

    .sharjah-left p {

        width: 550px;
    }

    .zoomh {
        padding: 41px;
        width: 256px;

    }

    .head-trsm-feed {

        margin-right: 189px;
    }

    .bottom-boxes92 {
        gap: 21px;
    }

    .box101 {
        display: flex;
        flex-direction: column;
        width: 262px;
        height: 129px;
        border: 1px solid #CAB399;
        opacity: 1;
        justify-content: center;
    }

    .core-image93 {
        width: 548px;

    }

    .prop-box-wrap1 {
        gap: 45px;
        align-items: center;
        justify-content: center;
    }

    .video-c1>div {
        width: 524px;


    }


}

@media (max-width: 1200px) {
    .video-c1>div {
        width: 432px;
    }

    .core11 {
        width: 329px;

    }

    .clients1-wrap .left-client {
        width: 390px;
    }

    .clients1-wrap .right-client img {
        width: 294px;
        height: 226px;

    }

    .gallery-wrap {

        flex-direction: column-reverse;

    }

    .gallery-wrap .gl-left {
        width: auto;
        margin-top: 100px;
    }

    .zoomh {
        padding: 29px;
        width: 218px;

    }

    .box1-mac h2 {

        font-size: 21px;
        line-height: 50px;
    }

    .box1-mac {
        width: 510px;
        height: 79px;
        margin-bottom: 33px;

    }

    .sharjah-left p {

        width: 500px;
    }

    .box1-mac:nth-child(2) {
        width: 426px;
        margin-left: 483px;
    }

    .box1-mac:nth-child(3) {
        width: 400px;
        margin-left: -533px;
        margin-bottom: 100px;
    }

    .box1-mac:nth-child(4) {
        background: #F8F0E0;
        color: #D28230;
        width: 495px;
        margin-left: 428px;
        margin-bottom: 53px;
    }

    .box1-mac:nth-child(5) {
        background: #D4E5F2;
        color: #3575B5;
        width: 495px;
        /* margin-top: 28px; */
        margin-left: -390px;
        height: 79px;
    }

    .about-home-wrapper .about-home-left p br {
        display: none;
    }

    .about-home-wrapper .about-home-left p {

        width: 455px;
    }

    .about-home-right .bghome1 {
        width: 288px;
        height: 286px;
    }

    .about-home-right .bghome2 {
        width: 271px;
        height: 295px;
    }

    .card-service-home .service-image-home {
        width: 433px;
        height: 314px;
    }

    .carousel .card {
        width: 433px;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((97% / 3) - -147px);
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 {

        width: 203px;

    }

    .reasons-home-wrapp .reasons-image-right .arab-man {
        width: 341px;
    }

    .contact-home-wrapp .righth .contact-form {

        width: 544px;
    }

    .banner-content-about p {
        width: 645px;
    }

    .banner-content-about p br {
        display: none;

    }

    .aboutus-wrapp .left {
        padding-left: 25%;
    }

    .aboutus-wrapp .left p span br {
        display: none;
    }

    .our-services-wrapper .points .point-one {

        width: 464px;
    }

    .our-services-wrapper .points .point-one p br {
        display: none;
    }

    .our-services-wrapper .points .serv-imgs1 {

        height: 476px;
    }

    .gallery-wrap .gl-right {
        width: 100%;

    }

    .career-section2-wrap h2 {
        margin-top: 51px;
    }

    .career-section2-wrap p {

        margin-bottom: 50px;
    }

    .address-wrap .box1 {
        width: 304px;
        height: 423px;
    }

    .contact-section1-bk {
        height: 485px;
    }

    .home-banner2 {

        height: 800px;

    }

    #vision {
        padding-top: 165px;

    }

    .clients1 {
        height: 500px;
    }

    .team .team-image-new {
        gap: 10px;
    }

    .team .team-image-new .tm-img {
        width: 145px;
        height: 150px;

    }

    .trsm-sec1-wrap .sec1-sharjah .left-sec1 {
        width: 434px;
    }

    .trsm-sec1-wrap .sec1-sharjah .right-sec1 {
        width: 434px;

    }

    .trsm-slider1 .wrapper .carousel .card .sjpics11 {
        width: 230px;

    }

    .trsm-slider1 .wrapper .carousel {

        grid-auto-columns: calc((100% / 4) - 4px);

    }

    .trsm-slider1 .wrapper .carousel .card .bottom-sj {
        height: 250px;
    }

    .dubai-btm .db-btm11 .sjpics22 {
        width: auto;

    }

    .dubai-btm .db-btm11 .bottom-sj22 p {

        width: auto;
    }

    .head-trsm-feed {

        margin-right: 5px;
    }

    header .container .main-header .right-head nav ul li a {
        margin-right: 21px;

    }

    .box101 {

        width: 364px;

    }

    .bottom-boxes92 {
        align-items: center;
        justify-content: center;
    }

    header .container .main-header .right-head .btn1 a .btn01 {
        width: 167px;
    }




}

@media (max-width: 992px) {
    .video-c1 {
        display: flex;
        flex-wrap: wrap;
        gap: 181px;
        justify-content: center;
        align-items: center;
        margin-top: 138px;
        height: auto;
        margin-bottom: 100px;
    }

    .video-c1>div {
        height: 350px;
    }

    .core11 {
        width: 308px;

    }

    .title-left99n p {
        width: 334px;
    }

    .top-title91 h1 br {
        display: none;
    }

    .righty p {
        width: 317px;
    }

    .clients1-wrap .left-client {
        width: 330px;
    }

    .clients1-wrap .left-client h1 {

        font-size: 32px;

    }

    .zoomh-wrap {

        margin-top: -109px;
        margin-bottom: 100px;
    }

    .zoomh {
        padding: 50px;
        width: 321px;
        margin-top: 30px;
    }

    .footer-wrap .footer-icon a img {
        width: 140px;
        height: 80px;
    }

    .footer-wrap .footer-link .ft-links p a {

        font-size: 12px;
        line-height: 24px;

    }

    .footer-wrap .footer-link h2 {
        font-size: 13px;
        line-height: 30px;

    }

    .footer2-links .ft2-right p {
        margin-left: 10px;
    }

    .footer2-links .ft2-right p a {

        font-size: 12px;

    }

    .footer2-links .ft2-left h2 {
        font-size: 12px;

    }

    .footer2-links .ft2-left p {
        font-size: 12px;
        line-height: 28px;

    }

    .footer2 {
        height: 73px;
    }

    .footer-wrap {
        margin-top: 0px;
    }

    .footer {
        height: 299px;

    }

    header .container .main-header .left-head a img {
        width: 146px;
        height: 100px;

    }

    .sharjah-left p {
        width: 385px;
    }

    #web-nav {
        display: none;
    }

    #web-btn {
        display: none;
    }

    #menuToggle {
        display: block;
        position: absolute;
        top: 65px;
        right: 50px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }


    #menuToggle span {
        display: block;
        width: 28px;
        height: 3px;
        margin-bottom: 5px;
        position: relative;

        background: #D69F47;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }


    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #FFFFFF;
    }



    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }


    #menuToggle input:checked~span:nth-last-child(2) {
        opacity: 1;
        transform: rotate(-45deg) translate(0, -1px);
    }


    #menu {
        position: absolute;
        width: 439px;
        margin: -100px 0 0 0;
        padding: 140px;
        padding-top: 125px;
        right: -12px;
        background: #D69F47;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 0;
        font-size: 22px;
    }

    /*
     * And let's fade it in from the left
     */
    #menuToggle input:checked~ul {
        transform: none;
        opacity: 1;
    }



    #menu__toggle {
        opacity: 0;
    }

    #menu__toggle:checked+.menu__btn>span {
        transform: rotate(45deg);
    }

    #menu__toggle:checked+.menu__btn>span::before {
        top: 0;
        transform: rotate(0deg);
    }

    #menu__toggle:checked+.menu__btn>span::after {
        top: 0;
        transform: rotate(90deg);
    }

    #menu__toggle:checked~.menu__box {
        left: 0 !important;
    }

    .menu__btn {
        position: absolute;
        top: 71px;
        right: 135px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 1;
    }

    .menu__btn>span,
    .menu__btn>span::before,
    .menu__btn>span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #D69F47;
        transition-duration: .25s;
    }

    .menu__btn>span::before {
        content: '';
        top: -8px;
    }

    .menu__btn>span::after {
        content: '';
        top: 8px;
    }

    .menu__box {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 80px 0;
        list-style: none;
        background-color: #ffffff;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
        transition-duration: .25s;
    }

    .menu__item {
        display: block;
        padding: 12px 60px;
        color: #D69F47;
        font-family: "Poppins", serif;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        transition-duration: .25s;
    }

    .menu__item:hover {
        background-color: #CFD8DC;
    }

    .aboutus-wrapp .left .ppp br {
        display: none;
    }

    .aboutus-wrapp .right .mission-vission-wrap p br {
        display: none;
    }

    .aboutus-wrapp .right {
        width: 91%;
        /* padding-left: 170px; */
        /* margin-left: 180px; */
    }

    .aboutus-wrapp .right .mission-vission-wrap {
        padding-left: 31px;
        padding-right: 25%;

    }

    .banner-content-about {
        padding-top: 236px;
    }

    .home-banner2 {
        height: 736px;
    }

    .box1-mac:nth-child(5) {

        width: 284px;

        height: 68px;
    }

    .box1-mac:nth-child(4) {
        margin-bottom: 120px;
        width: 285px;
        height: 68px;

    }

    .box1-mac:nth-child(3) {
        width: 266px;
        margin-left: -389px;
        height: 68px;
        margin-bottom: 115px;
    }

    .box1-mac:nth-child(2) {
        width: 366px;
        margin-left: 284px;
        height: 68px;
        margin-top: -275px;
        margin-bottom: 104px;
    }

    #mac-container {
        margin-bottom: 315px;

    }

    /* .about-home-wrapper .about-home-right {
        display: none;
    } */

    .about-home-wrapper .about-home-left p {
        width: 100%;
    }

    .about-home-outer-wrapper {
        height: 100%;
    }

    .about-home-wrapper {
        margin-top: 45px;
        margin-bottom: 45px;
        display: flex;
        flex-direction: column;
    }

    .services-home-wrapper {

        padding-top: 95px;
        margin-bottom: 35px;

    }

    .services-home-wrapper .service-left p br {
        display: none;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((97% / 2) - -147px);
    }

    .wrapper {
        padding-bottom: 63px;
    }

    .brands-home {
        padding-top: 95px;
    }

    .item {
        width: 321px;
        height: 158px;
    }

    .home2-slider2 {
        margin-bottom: 95px;
    }

    .testimonials-outer-wrapper {
        padding: 93px 0px 93px 0px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 h2 {
        font-size: 39px;
        line-height: 41px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 .cnt-valuess {
        font-size: 39px;
        line-height: 41px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 p {
        font-size: 18px;
        line-height: 20px;

    }

    .counts-home-wrapper .counts-wrapp2 .counts1 {
        width: 145px;
    }

    /* .reasons-home-wrapp .reasons-image-right {
        display: none;
        
    } */
    .reasons-home-wrapp {
        display: flex;
        flex-direction: column;
    }

    .reasons-home-wrapp .reasons-image-right .arab-man {
        width: 461px;
    }

    .counts-home-wrapper {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .contact-home-wrapp .lefth p br {
        display: none;
    }

    .contact-home-wrapp {

        margin-top: 95px;
        margin-bottom: 95px;
        gap: 20px;
    }

    .contact-home-wrapp .righth .contact-form {
        width: 429px;
    }

    .banner-content-about .banner-about-text2 {

        font-size: 43px;
        line-height: 60px;

    }

    .banner-content-about .banner-about-text1 {
        font-size: 38px;
        line-height: 68px;

    }

    .our-services-wrapper .points {
        gap: 30px;
    }

    .our-services-wrapper .points .serv-imgs1 {
        height: 402px;
        width: 280px;
    }

    .our-services-wrapper .points .point-one {
        width: 374px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .team .team-image img {
        width: 100%;
        height: 170px;
        margin-top: 50px;
    }

    .contact-section1-bk {
        height: 100%;
    }

    .address-wrap .box1 {
        width: 340px;
        height: 287px;
        margin-bottom: 20px;
    }

    .address-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .contact-section1-bk {

        margin-top: 85px;
        margin-bottom: 85px;

    }

    #cnt-wrapp {

        margin-bottom: 95px;
    }

    .banner-content .banner-text1 {
        font-size: 38px;
        line-height: 68px;
    }

    .banner-content .banner-text2 {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 50px;
        width: 765px;
    }

    .mac img {

        margin-top: -185px;
    }

    .clients1 {
        height: 500px;
    }

    .trsm-sec1-wrap .sec1-sharjah {
        flex-direction: column;

    }

    #sec1-dubai {
        flex-direction: column;

    }

    .trsm-sec1-wrap .sec1-sharjah .right-sec1 {
        width: 525px;
    }

    .trsm-sec1-wrap .sec1-sharjah .left-sec1 {
        width: 525px;
    }

    .trsm-slider1 .wrapper .carousel {
        grid-auto-columns: calc((100% / 3) - -20px);
    }

    .head-trsm-feed p {

        width: 391px;

    }

    .head-trsm-feed h2 {

        width: 550px;

    }

    .core-image93 {
        width: 378px;
        height: 463px;
        border-radius: 20px;
        opacity: 1;
    }

    .title-core91>div {
        border: none;
    }


}




@media (max-width: 768px) {
    .clients1-wrap {
        flex-direction: column;
        align-items: center;
    }

    .clients1-wrap .left-client {

        flex-direction: column;
        width: 330px;
        height: 238px;
        border-bottom: 1px solid #CBB59A;
        margin-bottom: 35px;
        border-right: 0px solid #CBB59A
    }

    .clients1-wrap .right-client img {
        width: 294px;
        height: 226px;
        margin-bottom: 35px;
    }

    .gallery-wrap {

        margin-bottom: 80px;
    }

    .gallery-wrap .gl-left .gl-top {
        flex-direction: column;
    }

    .gallery-wrap .gl-left .gl-bottom {
        flex-direction: column;
    }

    .gallery-wrap .gl-left .gl-bottom .g33 img {
        width: 418px;

    }

    .gallery-wrap .gl-left .gl-top .g22 img {
        width: 418px;

    }

    .zoomh-wrap {
        margin-top: -109px;
        margin-bottom: 50px;
        align-items: center;
        justify-content: center;
    }

    #menu {
        transform: none;
        opacity: 0;

        transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    .menu__btn {

        /* right: 146px; */
        right: 43px;

    }

    .banner-content-about p {
        width: 90%;
    }

    .home-banner2 {
        height: 620px;
    }

    #abt-bnr {
        height: 730px;
    }

    .career-section1 p br {
        display: none;
    }

    .career-section2-wrap p br {
        display: none;
    }

    .team p br {
        display: none;
    }

    .section2-contact p br {
        display: none;
    }

    .our-services-wrapper .points {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

    }

    .our-services-wrapper .points .serv-imgs1 {
        height: 386px;
        width: 100%;
    }

    .our-services-wrapper .points .point-one {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-section2-serv p br {
        display: none;
    }

    .about-section2-serv p {
        margin-bottom: 50px;
    }

    .about-section2-serv h2 {
        margin-top: 50px;
    }

    #serv-bk-bk {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .aboutus-wrapp .left {
        padding: 64px 22%;
    }

    .aboutus-wrapp {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .aboutus-wrapp .right {
        width: 100%;
        display: flex;
        /* padding-left: 170px; */
        /* margin-left: 180px; */
        align-items: center;
        justify-content: center;
    }

    #vision {
        padding-top: 20px;
    }

    .aboutus-wrapp .right .mission-vission-wrap {
        /* padding-right: 25%; */
        padding: 20px 22%;
    }

    .banner-content h2 {
        font-size: 24px;
        line-height: 10px;
        margin-bottom: 58px;
    }

    .banner-content .banner-text1 {
        font-size: 31px;
        line-height: 58px;
        width: 96%;
    }

    .banner-content .banner-text2 {
        font-size: 41px;
        line-height: 54px;
        margin-bottom: 65px;
        width: 96%;
    }

    .banner-content .banner-buttons .btn2 a .btn02 {
        width: 200px;
        height: 57px;

    }

    .banner-content .banner-buttons .btn3 a .btn03 {
        width: 210px;
        height: 57px;
        gap: 10px;

    }

    .banner-content .banner-buttons .btn3 a {
        font-size: 12px;

    }

    .mac img {
        margin-top: -298px;
    }

    .box1-mac:nth-child(5) {
        width: 255px;
        margin-left: -210px;
    }

    .box1-mac h2 {

        font-size: 17px;
        line-height: 40px;
    }

    .box1-mac:nth-child(4) {
        margin-bottom: 120px;
        width: 218px;
        margin-left: 223px;
    }

    .box1-mac:nth-child(3) {
        width: 189px;
        margin-left: -267px;
    }

    .box1-mac:nth-child(2) {
        width: 249px;
        margin-left: 188px;

    }

    #mac-container {
        margin-bottom: 193px;
    }

    .card-service-home .service-image-home {
        width: 380px;
        height: 254px;
    }

    .carousel .card {
        width: 380px;
    }

    .wrap-john {
        width: 97%;

    }

    .counts-home-wrapper .counts-wrapp2 .counts1 {
        width: 112px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 h2 {
        font-size: 33px;
        line-height: 41px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 .cnt-valuess {
        font-size: 33px;
        line-height: 41px;
    }

    .counts-home-wrapper {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .reasons-home-wrapp .reasons-left .reasons-points p br {
        display: none;
    }

    .contact-home-wrapp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .contact-home-wrapp .righth .contact-form {
        width: 502px;
    }

    .contact-home-wrapp .lefth {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-home-wrapp .lefth h1 {

        text-align: center;
    }

    .footer2-links {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .footer2 {
        height: 100%;
    }

    .footer-wrap {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        gap: 33px;
    }

    .footer {
        height: 100%;
        padding: 20px 0px 20px 0px;
    }

    .active {
        height: 90px;
    }

    .sharj-bk {
        height: 1120px;
        margin-bottom: 0px;
    }

    .sharjah {
        flex-direction: column;
    }

    .sharjah-left p {
        width: 100%;
    }

    .sharjah-right {
        height: 470px;
        width: 100%;
        overflow: hidden;
    }

    .sharjah-left h2 {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .sharjah-left h2 span {
        color: #ceb295;
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.05em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .clients1 {
        height: 500px;
    }

    .trsm-slider1 .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - -20px);
    }

    #vd-texts p {
        width: 320px;
    }

    .contact-trsm p {

        width: 320px;
    }

    .head-trsm-feed h2 {
        width: 367px;
    }

    .head-trsm-feed p {
        width: 360px;
    }

    .footer2-links .ft2-left {

        align-items: center;

    }

    .whatsapp_float {

        right: 11px;

    }

    .trsm-textnew3 {
        width: 100%;
    }

    .intro-trsmnew-wrap {
        display: flex;
        flex-direction: column;
        gap: 35px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .title-left99 h1 br {
        display: none;
    }

    .title-left99 p {
        width: 100%;
        margin-top: 20px;
    }

    .intro-image1 {
        width: 100%;
        height: 283px;

    }

    .wrap-core2 {
        flex-direction: column;
    }

    #wrap-core2 {
        flex-direction: column;
    }

    .core-image93 {
        width: 100%;
        height: 300px;
        border-radius: 20px;
        opacity: 1;
    }

    .core-wrap {
        gap: 50px;
    }

    .top-title91 p {
        width: 100%;
    }

    .ych-bx1 p {
        width: 90%;
    }

    .ych-bx1 {

        width: 100%;
        height: 172px;
    }

    /* .title-core91>div {
        border: 1px solid #707070;

    } */

    .left-core91 h1 br {
        display: none;
    }

    .bottom-boxes92 {
        margin-bottom: 50px;
    }

    .core-wrap {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    /* .title-core91 {

        justify-content: center;
    } */

    .title-left99n p {
        width: 100%;
    }

    .card951 {
        width: 470px;
        height: 380px;
    }

    #bx-44 {
        display: flex;
    }

    #bx66 {
        display: none;
    }

    .trsm-textnew5 {
        width: 100%;
    }

    .cards99-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 50px;

    }

    #bn1 {
        background: url(../assets/bn1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 20px;
        width: 100%;
    }

    #bn2 {
        background: url(../assets/bn2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 20px;
        width: 100%;
    }

    #bn3 {
        background: url(../assets/bn3.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 20px;
        width: 100%;
    }

    .who-wrap {
        flex-direction: column-reverse;

    }

    .righty p {
        width: 100%;
    }

    .lefty {
        width: 100%;
        height: 400px;
        border-radius: 20px;
        opacity: 1;
    }

    .who-wrap {
        gap: 0px;
        margin-bottom: 50px;
        justify-content: center;
    }

    #wh099 {
        flex-direction: column;
    }

    .core11 {
        width: 100%;
    }

}

@media (max-width:575px) {
    .box1-prop-wrap2 {
        width: 100%;
        height: 350px;
        background: #f3eeea 0% 0% no-repeat padding-box;
    }

    .prop-title h3 {
        width: 290px;
    }

    .prop-title {
        display: flex;
        flex-direction: column;
        margin-top: 45px;
        margin-left: 28px;
        margin-right: 18px;
    }

    .gallery-wrap .gl-left .gl-top .g11 img {
        width: 316px;

    }

    .gallery-wrap .gl-left .gl-top .g22 img {
        width: 316px;

    }

    .gallery-wrap .gl-left .gl-bottom .g33 img {
        width: 316px;

    }

    .gallery-wrap .gl-left .gl-bottom .g44 img {
        width: 316px;

    }

    .clients1-wrap .left-client {

        width: 270px;

    }

    .clients1-wrap .left-client h1 {
        font-size: 27px;
    }

    .container {
        width: 100%;
        margin: 0%;
        padding: 0% 2%;
    }

    .gallery-wrap .gl-right {
        width: 100%;

    }

    .contact-home-wrapp .righth .contact-form {
        width: 330px;
    }

    .brands-home .brands-top p {
        text-align: center;
    }

    .menu__btn {
        right: 7%;
    }

    /* header .container .main-header .left-head img {
        width: 124px;
        height: 62px;
        
    } */
    header .container .main-header .left-head a img {
        /* width: 160px;
        height: 79px; */
        width: 120px;
        height: 70px;
        opacity: 1;
    }

    header {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu__btn {

        top: 45px;

    }

    .banner-content h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 5px;
    }

    .banner-content .banner-text1 {
        font-size: 28px;
        line-height: 50px;
        font-size: 25px;
        line-height: 39px;
        width: 96%;
        margin-bottom: 0px;
    }

    .banner-content .banner-text2 {
        font-size: 35px;
        line-height: 39px;
        margin-bottom: 65px;
        width: 96%;
    }

    .banner-content .banner-buttons .btn2 a .btn02 {
        width: 173px;
        height: 51px;
        gap: 5px;
    }

    .banner-content .banner-buttons .btn3 a .btn03 {
        width: 183px;
        height: 51px;
    }

    #mac-container {
        display: none;
    }

    .home-banner1 {
        height: 780px;
    }

    .home-banner1 .banner-video {
        height: 780px;
    }

    .about-client1 {

        margin-bottom: 90px;
    }

    .gallery-wrap .gl-left {
        margin-top: 90px;
    }

    .about-client1 h1 {

        font-size: 28px;
        margin-bottom: 10px;
    }

    .about-home-wrapper .about-home-left .htwo1 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .about-home-wrapper .about-home-left .htwo2 {

        color: #ceb295;
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.05em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .services-home-wrapper .service-left h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .services-home-wrapper {
        padding-top: 50px;
        margin-bottom: 44px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .wrapper .carousel {
        grid-auto-columns: calc((97% / 1) - -34px);
    }

    .card-service-home .service-image-home {
        width: 100%;
        height: 270px;
    }

    .carousel .card {
        width: 100%;
    }

    .card-service-home h2 {

        font-size: 30px;
        line-height: 26px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
        margin-top: 24px;
        margin-bottom: 18px;
        width: 100%;
    }

    .wrapper {
        padding-bottom: 25px;
    }

    .brands-home .brands-top h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .brands-home .brands-top h2 span {
        color: #ceb295;

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }

    .brands-home {
        padding-top: 50px;
    }

    .home2-slider2 {
        margin-bottom: 50px;
    }

    .label-container h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
        margin-right: auto;
    }

    .label-container h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .label-container button {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 33px;
        cursor: pointer;
        padding: 10px;
        width: fit-content;
        margin-left: 5px;
        width: 81px;
        height: 62px;
    }

    .wrap-john {
        width: 100%;
    }

    .counts-home-wrapper h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .counts-home-wrapper h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ceb295;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 136px;
        height: 126x;
        border-bottom: 1px solid #e7e7e7;
        border-right: none;
    }

    .counts-home-wrapper .counts-wrapp2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 232px;
        height: 644px;
        gap: 0px;
        border-radius: 100px;
        border: 1px solid #b79e85;
        opacity: 0px;
        margin-top: 50px;
        gap: 20px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 h2 {
        font-size: 36px;
        line-height: 41px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 .cnt-valuess {
        font-size: 36px;
        line-height: 41px;
    }

    .counts-home-wrapper .counts-wrapp2 .counts1 p {
        font-size: 20px;
        line-height: 25px;
    }

    .reasons-home-wrapp .reasons-left h1 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .reasons-home-wrapp .reasons-left h1 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .contact-home-wrapp .lefth p {
        margin-top: 20px;
        margin-bottom: 28px;

        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .contact-home-wrapp .lefth h1 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    iframe {

        margin-bottom: 40px;
    }

    .contact-home-wrapp .lefth h1 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .contact-home-wrapp .lefth .btn4 a .btn04 {
        width: 169px;
        height: 49px;
        gap: 0px;
        border-radius: 30px;
        opacity: 0px;
        background: #ceb295;
        transition: 0.3s;
    }

    .banner-content .banner-buttons .btn3 a {
        text-decoration: none;
    }

    .banner-content .banner-buttons .btn2 a {
        text-decoration: none;
    }

    .title-left99n h1 br {
        display: none;
    }

    #core-mob33 {
        display: none;
    }

    .contact-home-wrapp .lefth .btn4 a {

        font-size: 13px;
        line-height: 13.4px;
        letter-spacing: -0.05em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        text-decoration: none;
        color: #151515;
    }

    .contact-home-wrapp {
        margin-top: 50px;
        margin-bottom: 50px;
        gap: 20px;
    }

    .slider-wrapper {
        width: 90%;
        max-width: 1536px;
        margin-inline: auto;
        position: relative;
        height: 159px;
        margin-top: 30px;
        overflow: hidden;
        /* mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0)); */
        mask-image: 0%;
    }

    .banner-content-about .banner-about-text1 {
        font-size: 36px;
        line-height: 70px;
    }

    .banner-content-about {
        padding-top: 50px;
    }

    .banner-content-about .banner-about-text2 {
        font-size: 42px;
        line-height: 50px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.05em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ffffff;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    #abt-bnr {
        height: 901px;
    }

    .aboutus-wrapp .left {
        padding: 51px 6%;
    }

    .aboutus-wrapp .left h2 {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ffffff;
    }

    .aboutus-wrapp .left h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .aboutus-wrapp .right .mission-vission-wrap {
        /* padding-right: 25%; */
        padding: 20px 7%;
    }

    .about-section2 h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
        margin-top: 87px;
    }

    .about-section2 h2 span {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ceb295;
    }

    .about-section2-bk {

        margin-top: 50px;
        margin-bottom: 50px;
    }

    .our-services-wrapper .points .point-one h2 {
        font-size: 28px;
        line-height: 33px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #CEB295;
    }

    .our-services-wrapper .points .point-one h2 span {
        font-family: "Metrophobic", sans-serif;
        font-size: 28px;
        line-height: 33px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .services-home-wrapper .service-left h2 span {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ceb295;
    }

    .home-banner2 {
        height: 800px;
    }

    .banner-content-about {
        padding-top: 178px;
    }

    .our-services-wrapper .points {
        margin-bottom: 50px;
    }

    .our-services-wrapper .points .serv-imgs1 {
        height: 358px;
        width: 100%;
    }

    .chess h2 {
        font-size: 42px;
        font-weight: 400;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;

    }

    h2 {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;

    }

    h2 span {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
    }

    .chess h2 span {
        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
    }

    .chess p br {
        display: none;
    }

    .chess p br {
        display: none;
    }

    .about-section2 p br {
        display: none;
    }

    .career-section1 h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
        /* padding-top: 67px; */
    }

    .career-section1 h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .career-section1-bk {
        margin-top: 70px;
        margin-bottom: 85px;
    }

    .career-section2-wrap h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #CEB295;
        margin-top: 103px;
    }

    .career-section2-wrap h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }

    .team h2 {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #151515;
    }

    .team h2 span {

        font-size: 42px;
        line-height: 40px;
        font-size: 35px;
        line-height: 39px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #CBB59A;
    }

    .team .team-image img {
        width: 100%;
        height: 139px;
        margin-top: 50px;
    }

    .extra {
        padding-left: 2%;
        padding-right: 2%;

    }

    .banner-content {
        padding-top: 178px;
    }

    .footer-wrap .footer-link h2 {
        font-family: 'MetropolisSemiBold';
        font-size: 16px;
        font-weight: 800;
        line-height: 36px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;

    }

    .footer-wrap .footer-link .ft-links p a {
        font-family: 'MetropolisRegular';
        font-size: 16px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        text-decoration: none;
        transition: 0.3s;
        color: #FFFFFF;
    }

    .services-home-wrapper .btn5 a .btn05 {
        width: 129px;
        height: 47px;
    }

    .services-home-wrapper .btn5 a {

        font-size: 12px;
    }

    .about-home-right .bghome2 {
        width: 229px;
        height: 233px;
    }

    .about-home-right .bghome1 {
        width: 231px;
        height: 263px;
        margin-top: 40px;
    }

    .about-home-right .bghome1 img {
        margin-left: -37px;
    }

    .about-home-wrapper {

        margin-bottom: 0px;
    }

    .reasons-home-wrapp .reasons-image-right .arab-man {
        width: 320px;
        height: 489px;
    }

    .reasons-home-wrapp .reasons-left .reasons-points {

        margin-bottom: 25px;
    }

    .item {
        width: 318px;
        height: 135px;
    }

    .reasons-home-wrapp {

        padding: 55px 0px 0px 0px;
    }

    .clients1 {
        height: 500px;
    }

    .trsm-slider1 .wrapper .carousel {
        grid-auto-columns: calc((100% / 2) - -77px);
    }

    .trsm-sec1-wrap .sec1-sharjah .left-sec1 {
        width: 100%;

    }

    .trsm-sec1-wrap .sec1-sharjah .right-sec1 {
        width: 100%;
        height: 239px;
    }

    .dubai-btm {
        flex-direction: column;
        margin-bottom: 45px;

    }

    .dubai-btm .db-btm11 {

        flex-direction: column-reverse;
    }

    .trsm-sec1-wrap {

        margin-top: 45px;
        margin-bottom: 55px;
    }

    .trsm-slider1 .wrapper .carousel .card .bottom-sj h1 {

        height: 41px;

    }

    .trsm-sec1-wrap .sec1-sharjah {

        gap: 15px;
    }

    #sec1-dubai {
        margin-top: 16px;
    }

    .trsm-slider1 .wrapper {

        margin-bottom: 0px;
    }

    .title1-slide1 {

        margin-bottom: 25px;
    }

    .trsm-slider1 .wrapper .carousel .card .bottom-sj {
        height: 230px;
    }

    .dubai-btm .db-btm11 .sjpics22 {

        height: 240px;

        margin-bottom: 15px;
    }

    .cnt-trsm-wrap {

        margin-top: 45px;
        margin-bottom: 45px;

    }

    .head-trsm-feed p {
        width: 216px;
    }

    .head-trsm-feed h2 {
        width: 230px;
    }

    .trsm-john {

        width: 415px;
        padding-left: 25px;
        padding-top: 25px;

    }

    .trsm-feed-bk {
        padding: 25px 0px 50px 0px;
    }

    .accordion-item-header::after {

        right: 1rem;

    }

    .accordion-item-header {
        padding: 0.5rem 3rem 0.5rem 1rem;

        padding-top: 32px;
        padding-bottom: 32px;
    }

    .accordion-item-body-content {

        padding: 5px 1rem 35px 1rem;
    }

    .trsm-banner3 {
        height: 825px;
    }

    .trsm-banner4 {
        height: 845px;
    }

    .blk-cntnt p {
        width: 100%;
    }

    .h1-bill {
        margin: 0px;
        text-align: left;
        font: normal normal 800 32px / 33px Poppins;
        letter-spacing: -1.8px;
        color: #FFFFFF;
        opacity: 1;
    }

    .p-bill {
        margin: 0px;
        text-align: left;
        font: normal normal normal 15px / 21px Poppins;
        letter-spacing: -0.96px;
        color: #FFFFFF;
        opacity: 1;
        width: 320px;
        margin-top: 14px;
    }

    .bill-box1 {
        height: 440px;
        padding-left: 20px;

    }

}

@media(max-width:422px) {
    .banner-content .banner-text1 {
        font-size: 25px;
        line-height: 39px;
        width: 96%;
        margin-bottom: 0px;
    }

    .banner-content h2 {

        margin-bottom: 38px;
    }

    .home-banner1 {
        height: 780px;

    }

    .banner-content .banner-buttons .btn2 a .btn02 {
        width: 156px;

    }

    .banner-content .banner-buttons .btn2 a {
        font-family: 'GothamBold';
        font-size: 12px;
        line-height: 13.4px;
        letter-spacing: -0.05em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }


}

@media(max-width:355px) {
    .address-wrap .box1 {
        width: 306px;
        height: 287px;
        margin-bottom: 20px;
    }

    .banner-content .banner-buttons .btn2 a .btn02 {
        width: 141px;
        height: 49px;
        gap: 3px;
    }

    .banner-content .banner-buttons .btn2 a {
        font-size: 10px;

    }

    .banner-content .banner-buttons .btn3 a {
        font-size: 10px;
    }

    .banner-content .banner-buttons .btn3 a .btn03 {
        width: 157px;
        height: 49px;
    }
}

@media(min-width:992px) {

    #mob-menu1 {
        display: none;
    }
}

@media(min-width:575px) {
    .brands-home .brands-top h2 br {
        display: none;
    }

    .counts-home-wrapper h2 br {
        display: none;
    }
}
.main-head h1{
    font-size: 2rem;
    font-weight: 700;
}

.sec-pad {
    padding-top: 90px;
    padding-bottom: 90px;
}

.sec-head h2{
    font-size: 1.7rem
}

.main-head {
    
}
.main-head p{
    text-align: justify;
}


.sec-head {
    
}
.sec-head ol{
    padding: 10px 0 0 0;
}
.sec-head ol li{
    margin-bottom: 10px;
}
.sec-head ol li strong{
    color: #956637;
    font-family: 'Josefin Sans';
    font-weight: 600;
    font-size: 17px;
}
.sec-head p{
    text-align: justify;
}




.ser-panel .panel-success {
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #d8c9ba, #f7f7f7);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.2s ease-in-out;
}

.ser-panel .panel-success:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ser-panel .panel-success .panel-heading {
  background: #cfb496 !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  border-bottom: none;
  padding: 15px 20px;
}

.ser-panel .panel-success .panel-body {
  padding: 20px;
}

.ser-panel .panel-success .panel-body p {
  font-size: 15px;
  color: #956637;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.ser-panel .panel-success .panel-body span.glyphicon {
  font-size: 18px;
  color: #956637;
  margin-right: 10px;
}


/* Cost of Business Setup Section Styling */
#cost-section {
  margin-top: 10px;
}

#cost-section h2 {
  font-size: 26px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 15px;
}

#cost-section p {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
}

/* Style list group */
#cost-section .list-group {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

#cost-section .list-group-item {
  font-size: 15px;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #eee;
  background: #fafafa;
}

#cost-section .list-group-item:last-child {
  border-bottom: none;
}

#cost-section .list-group-item strong {
  color: #956637;
}

/* Style right column (Well box) */
#cost-section .well {
  background: linear-gradient(135deg, #f0fff4, #d6f5e1);
  border: none;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out;
}

#cost-section .well:hover {
  transform: translateY(-3px);
}

#cost-section .well h4 {
  font-size: 20px;
  font-weight: 700;
  color: #956637;
  margin-bottom: 15px;
}
#cost-section .well p {
  font-size: 17px;
  font-weight: 600;
}
#cost-section .well .text-primary {
  color: #2196F3 !important;
  font-weight: bold;
}

#cost-section .btn-success {
  background-color: #2e7d32;
  border-color: #2e7d32;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-radius: 8px;
  transition: background-color 0.2s;
}

#cost-section .btn-success:hover {
  background-color: #256528;
}


.faq-bg {
    background-color: #f0f5fb;
    padding-top: 60px;
    padding-bottom: 60px;
}


.why-sec .list-group-item {
  font-size: 1.05rem;
  padding: 12px 15px;
  border: none;
  border-bottom: 1px solid #eee;
}

.why-sec .list-group-item:last-child {
  border-bottom: none;
}

.why-sec h2.text-primary {
    font-weight: 500;
    color: black !important;
    font-size: 1.695rem;
}
.why-sec i{
    color: #956637 !important;
    margin-right: 5px;
}

section.bg-light {
  border-radius: 10px;
}
.left-core91 h4 {
    text-align: left;
    font: normal normal 600 42px / 58px MetropolisSemiBold;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 2rem;
}
/* Section Styling */
.business-setup {
    background-color: #f9fafb; /* Light neutral background */
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    /*margin: 40px 0;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Container to center content */
.business-setup .container {
    margin: auto;
}

/* Heading Styling */
.business-setup h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a202c; /* Dark gray text */
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Paragraph Styling */
.business-setup p {
    font-size: 1rem;
    color: #4a5568; /* Medium gray */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Bold text for emphasis */
.business-setup strong {
    color: #ceb295; /* Blue tone for key terms */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .business-setup {
        padding: 30px 15px;
    }

    .business-setup h1 {
        font-size: 1.6rem;
    }
}
.hsec-home {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*justify-content: center;*/
    padding-top: 80px;
padding-bottom: 80px;
}
.hsec-home .brands-top h1 {
    font-family: 'MetropolisThin';
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    /*text-align: center;*/
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
}
.hsec-home .brands-top h1 span {
    color: #ceb295;
    font-family: 'MetropolisSemiBold';
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.hsec-home .brands-top p {
    font-family: 'MetropolisRegular';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #151515;
    margin-top: 20px;
    margin-bottom: 30px;
}
/*N2 Sec*/
.Nservices-section {
    background: #fff; /* Light neutral background */
    padding: 50px 20px;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    /*margin: 40px 0;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Nservices-section .container {
    max-width: 1100px;
    margin: auto;
}

.Nservices-section h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a202c; /* Dark gray */
    margin-bottom: 20px;
    border-left: 5px solid #ceb295; /* Blue accent line */
    padding-left: 12px;
}

.Nservices-section p {
    font-size: 1rem;
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 15px;
}

.Nservices-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.Nservices-section ul li {
    font-size: 1rem;
    color: #2d3748;
    padding: 8px 0;
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
}

.Nservices-section ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #ceb295; /* Blue tick */
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .Nservices-section {
        padding: 30px 15px;
    }

    .Nservices-section h2 {
        font-size: 1.5rem;
    }
}
/*N3*/
.why-choose-N {
  background-color: #f8f9fa;
  padding: 50px 0;
  /*font-family: Arial, sans-serif;*/
}

.why-choose-N .container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

.why-choose-N h2 {
  font-size: 2rem;
    font-weight: 700;
  color: #1a2a4f;
  margin-bottom: 20px;
}

.why-choose-N p {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
}

.why-choose-N ul {
  margin: 20px 0;
  padding-left: 20px;
}

.why-choose-N ul li {
  font-size: 16px;
  margin-bottom: 10px;
  color: #222;
  list-style: none;
  position: relative;
  padding-left: 28px;
}

.why-choose-N ul li::before {
  content: "✔";
  color: #28a745;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.why-choose-N .highlight {
  margin-top: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #1a2a4f;
}
.agreements-sec .agreement-item {
  background: #fff;
  border-left: 4px solid #ceb295; /* Bootstrap primary color */
  padding: 15px 20px;
  margin-bottom: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  border-radius: 6px;
}

.agreements-sec .agreement-item h3 {
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 8px;
}

.agreements-sec .agreement-item p {
  margin: 0;
  color: #555;
}

.agreements-sec h2 {
  font-weight: 600;
}

.agreements-sec {
  background-color: #f8f9fa;
}
/* LLC Formation Section */
.llc-process {
  background: #fff;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
  color: #333;
}

.llc-process .container {
  /*max-width: 900px;*/
  margin: auto;
}

.section-title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #003366;
}

.intro {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.step {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.05);
}

.step-number {
  min-width: 45px;
  height: 45px;
  background: #003366;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.step-content h3 {
  font-size: 18px;
  color: #003366;
  margin-bottom: 8px;
}

.step-content p {
  font-size: 15px;
  line-height: 1.6;
}

.closing-note {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: #444;
}

/* Responsive */
@media (max-width: 768px) {
  .step {
    flex-direction: column;
    text-align: center;
  }
  .step-number {
    margin: 0 auto 15px auto;
  }
}
.costs-fees {
  font-family: Arial, sans-serif;
  padding: 40px 20px;
  background: #f9fafb;
}

.costs-fees .container {
  /*max-width: 1100px;*/
  margin: auto;
}

.costs-fees h2 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #1a202c;
}

.costs-fees p {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
}

.costs-fees .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin: 25px 0;
}

.costs-fees .card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease;
}

.costs-fees .card:hover {
  transform: translateY(-5px);
}

.costs-fees .card h3 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #0056b3;
}

.costs-fees .note {
  margin-top: 20px;
  font-weight: 500;
  color: #222;
}
.business-gate-why {
  background: #fff;
  padding: 50px 20px;
  font-family: Arial, sans-serif;
}

.business-gate-why .container {
  /*max-width: 900px;*/
  margin: auto;
}

.business-gate-why h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  color: #003366;
}

.business-gate-why p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.business-gate-why .reasons {
  margin-top: 30px;
}

.business-gate-why .reason {
  background: #fff;
  padding: 20px;
  margin-bottom: 15px;
  border-left: 4px solid #0073e6;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  border-radius: 6px;
}

.business-gate-why .reason h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #0073e6;
}

.business-gate-why .closing {
  margin-top: 25px;
  font-weight: bold;
  text-align: center;
  color: #222;
}
.list-group-flush {
    border-radius: 0;
    margin-bottom: 20px !important;
}