@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=Sarpanch:wght@400;500;600;700;800;900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css");


@font-face {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    src: url('../fonts/dirtyline_36daysoftype_2022-webfont.woff2') format('woff2'),
        url('../fonts/dirtyline_36daysoftype_2022-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'riftbold_italic';
    src: url('../fonts/fort_foundry_-_rift_bold_italic-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'riftlight_italic';
    src: url('../fonts/fort_foundry_-_rift_light_italic-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'riftmedium_italic';
    src: url('../fonts/fort_foundry_-_rift_medium_italic-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift_medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'riftbold';
    src: url('../fonts/fort_foundry_-_rift-bold-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'riftlight';
    src: url('../fonts/fort_foundry_-_rift-light-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'riftmedium';
    src: url('../fonts/fort_foundry_-_rift-medium-webfont.woff2') format('woff2'),
        url('../fonts/fort_foundry_-_rift-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.middle {
    /* height: 100%; */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.middle_1 {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
body {
    background-color: #080808 !important;
}
@media (min-width: 1200px) {
    body {
        font-size: 1vw;
        position: relative;
        overflow-x: hidden;
        font-family: 'Poppins', sans-serif;

    }

    .container {
        padding: 0vw !important;
        width: 90.4vw !important;
        margin: 0 auto;
        max-width: 91vw !important;
    }

    .container-header {
        padding: 0vw !important;
        width: 87.5vw !important;
        margin: 0 auto;
        max-width: 91vw !important;
    }

    .row>* {
        padding-left: 0.84vw;
        padding-right: 0.84vw;
    }

    .row {
        margin: 0 -0.9vw;
    }

    .container-fluid {
        margin: 0;
        padding: 0;
    }
}

/* Default Light Mode */
:root {
    --primary-color: white;
    --primary-color-2: rgb(250, 250, 250);
    --primary-color-3: rgb(181, 181, 181);
    --background-color: rgb(255, 255, 255);
    --secondary-color: black;
    --secondary-color-2: rgb(85, 85, 85);
    --button-background: rgb(53, 53, 53);
    --button-text-hover: grey;
    --button-border: rgb(53, 53, 53) 0.1rem solid;
    --button-border-2: rgb(255, 255, 255) 0.1rem solid;
    --container-border: rgb(163, 163, 163);
  }
  
  /* Dark Mode */
  [theme="dark"] {
    --primary-color: black;
    --primary-color-2: rgb(39, 39, 39);
    --primary-color-3: rgb(74, 74, 74);
    --background-color: rgb(33, 33, 33);
    --secondary-color: white;
    --secondary-color-2: rgb(170, 170, 170);
    --button-background: rgb(202, 202, 202);
    --button-text-hover: lightgrey;
    --button-border: rgb(202, 202, 202) 0.1rem solid;
    --button-border-2: rgb(0, 0, 0) 0.1rem solid;
    --container-border: rgb(92, 92, 92);
  }
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Poppins;
}
.offcanvas-body{
    overflow-y: inherit;
}
.header-menu .theme_select li .theme_icon{
    width: 1.5vw;
    margin-left: 14vw;
    cursor: pointer;
}
.header-menu .theme_select li{
    list-style: none;
}
.header-menu .theme_select li .theme_icon img{
  width:100%;
}
.touch_with_us{
    display: none !important;
}
/*  */
.offcanvas.offcanvas-end {
    background-color: #000000 !important;
    width: 100%;
    padding: 0.9vw 0.9vw 0;
}

.offcanvas-body .navbar-nav {
    padding: 5.6vw 13.7vw 0.2vw;
}

.offcanvas-body .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 3.9176vw;
    font-weight: 400;
    color: #F9E0E9;
    text-transform: lowercase;
    line-height: 4.1vw;
    width: max-content;
}

.offcanvas-body .navbar-nav .nav-item {
    /* margin-bottom: 1.9vw; */
}
.offcanvas .sidemenu{
    margin-top: 0.5vw;
}
/* .offcanvas-body .navbar-nav .nav-item .nav-link:hover{
    color: #DD3500;
    text-indent: 1vw;
}
.offcanvas-body .navbar-nav .nav-item i{
    display: none;
}
.offcanvas-body .navbar-nav .nav-item i:hover{
    display: block;
    color: #fff;
    font-size: 1vw
} */
.sidemenu-social_links ul li {
    list-style: none;
    font-weight: 300;
    line-height: 1.35vw;
    color: #F9E0E9;
    font-size: 0.95vw;
    margin-top: 0.29vw;
}

.sidemenu-social_links {
    margin: 3.68vw 5.5vw 0 0;
}

.sidemenu-social_links .touchin {
    margin-bottom: 1.7vw;
}

.sidemenu-social_links ul li a {
    color: #F9E0E9;
    text-decoration: none;
    padding: 0.5vw 0 0.5vw 1.4vw;
    font-weight: 300;
    font-size: 0.73vw;
}



.sidemenu .menu .nav-item {
    margin-right: 1.5vw;
    padding: 0.7vw 1vw;
}

/*  */
.header-menu {
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 1.10vw 0;
}

.offcanvas-header {
    position: absolute;
    right: 3vw;
    top: 2vw;
}

.header-menu .logo img {
    width: 100%;
}

.header-menu .menu .nav-item .nav-link {
    color: #fff;
    font-family: Poppins;
    font-size: 0.7vw;
    font-weight: 500;
}

.header-menu .menu .nav-item-new .nav-link {
    margin: 0;
    padding: 0;
}

.header-menu .menu .nav-item-new .nav-link i {
    font-size: 0.9vw;
    padding-left: 0.5vw;
    font-weight: 800;
}

.header-menu .menu .nav-item .nav-btn {
    background: #DD3500;
    padding: 0.9vw 1.19vw;
    display: inline-block;
    line-height: normal;
}

.header-menu .menu .nav-item {
    /* padding: 0.2vw 0 0 0.3vw; */
    margin-top: -0.3vw;
}

.banner {
    position: relative;
    padding: 10vw 0;
}

.banner .banner-text h1 {
    font-family: Poppins;
    font-size: 3.1250vw;
    font-weight: 500;
    line-height: 3.3854vw;
    color: #F9E0E9;
    margin-top: 0.6vw;
    padding-left: 1.6vw;
}


.banner .banner-text h1 span {
    color: #CECECE;
}

.header-menu .logo {
    /* margin-top: 0.3vw; */
    width: 7.8vw;
}
.logo-style {
    margin-top: 0.3vw;
   
}

.banner .banner-text .rect-img {
    position: absolute;
    left: 26.5vw;
    top: 18vw;
}

.banner .banner-text .rect-img img {
    width: 100%;
}

.banner .our-adventures {
    position: relative;
    width: 28.5vw;
    overflow: hidden;
    border-radius: 11vw;
    height: 25.35vh;
    margin-left: 12.2vw;
}

.banner .our-adventures video {
    width: 100%
}

.banner .solution {
    margin-top: 6.9vw;
}

.header-menu .menu_items {
    padding: 0;
    margin: 1.2vw -0.89vw 0 2.0vw;
    width: 1.2vw;
}

.header-menu .menu_items img {
    width: 100%;
}

.banner .solution h1 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 11.1vw;
    font-weight: 400;
    color: #DD3500;
    text-align: center;
    line-height: normal;
    font-style: normal;
    text-transform: lowercase;
    padding-left: 0.7vw;
    word-spacing: -1.1vw;
    position: relative;
    overflow: hidden;
    z-index: 0;
    
}

.banner .solution h1 span {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #F9E0E9;
}

.our-design {
    /* background-color: #080808; */
    padding: 2.5vw 0 5.5vw;
}

.our-design .our-goals {
    width: 89.1vw;
    padding-left: 1.3vw;
}

.our-design .our-goals video {
    width: 100%;
}

/* .creative-masterpiece {
    padding: 0 0 3vw;
}

.creative-masterpiece .creative-text {
    padding-left: 2.3vw;
}

.creative-masterpiece .creative-text h5 {
    font-family: Poppins;
    font-size: 3.3vw;
    font-weight: 600;
    line-height: 3.8vw;
    color: #CECECE;
    margin-bottom: 3vw;
}

.creative-masterpiece .creative-text h5 span {
    color: #ffffff;
}

.creative-masterpiece .creative-text p {
    font-family: Poppins;
    font-size: 1.9vw;
    font-weight: 400;
    line-height: 2.5vw;
    color: #FFFFFF;
    margin-bottom: 3vw;
}

.creative-masterpiece .creative-text .rectangle a {
    background: #ff1a6a;
    padding: 1vw 2.5vw;
    color: #fff;
    text-decoration: none;
}

.creative-masterpiece .creative-text .rectangle a i {
    padding-left: 1vw;
    font-size: 1.2vw;
    font-weight: 800;
    font-family: 'Poppins';
} */
/* about mbr */
.about-mbr {
    /* background: #080808; */

}

.about-mbr {
    padding: 1.5vw 0 10.1vw;
}

.about-mbr .about_us .heading h2 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 8.646vw;
    font-weight: 400;
    margin-bottom: 1.85vw;
    color: #F9E0E9;
    text-transform: lowercase;
    line-height: 8.292vw;
}

.about-mbr .about_us .heading h2 span {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #DD3500;
}

.about-mbr .about_us .about-second-content {
    margin-bottom: 3.89vw;
}
.about-mbr  .about_us  .second_para{
    margin-bottom: 2vw; 
}
/* .about-mbr .about_us .about-second-content h5 {
    font-size: 1.3vw;
    line-height: 2vw;
    color: #F9E0E9;
    font-weight: 400;
} */

.about-mbr .about_us .about-text p {
    color: #F9E0E9;
    font-size: 1.354vw;
    line-height: 2.135vw;
    font-weight: 300;
    /* padding-right: 2vw; */
}

.about-mbr .about_us .about-text p span {
    color: #666666;
    font-size: 1vw;
}

.about-mbr .about_us .about-second-content .about-img {
    width: 10vw;
    object-fit: cover;

}

.about-mbr .about_us .about-second-content .about-img img {
    width: 100%;
}

.about-mbr .about_us .rectangle {
    width: fit-content;
}

.about-mbr .about_us .rectangle a {
        background: #DD3500;
        padding: 0.97vw 1.45vw;
        color: #fff;
        text-decoration: none;
        font-size: 0.781vw;
        gap: 1vw;
        font-weight: 500;
        display: flex;
}
.about-mbr .about_us .rectangle a img{
width: 0.64vw;
}
.about-mbr .about_us .rectangle a svg {
    margin-left: 1.2vw;
}

.select_your_work .work-text h6 svg {
    margin-left: 0.55vw;
    width: 1vw;
    height: 1vw;
}
.select_your_work .work-text h6 svg image{
    width: 100%;
}
.our-works .our_works .selected svg {
    margin-right: 0.4vw;
    width: 1.05vw;
    height: 1.05vw;
}
.works .marv .marvelous{
    margin-bottom: 0.85vw;
}
.about-mbr .about_us .rectangle a i {
    padding-left: 1vw;
    font-size: 1vw;
    font-weight: 800;
    font-family: 'Poppins';
}

.about-mbr .aboutus-right-side {
    padding: 0 8vw;
}

.about-mbr .aboutus-right-side {
    width: 28vw;
    object-fit: cover;
    padding: 2.5vw 0 0;
}

.about-mbr .aboutus-right-side img {
    width: 100%;
}

/*  */
.select_your_work {
    padding: 1.7vw 0 6.3vw;
}
.testimonials{
    padding: 0 0 0.25vw;
}
.select_your_work .work-text {
    font-size: 14.79vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    /* text-align: center; */
    font-weight: 400;
    color: #f9e0e9;
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}

.testimonials .review-txt {
    text-align: center;
    font-size: 14vw;
}
.testimonials .cilent-testimonials .cilent-img{
    width:4vw;
}
.testimonials .cilent-testimonials .cilent-img img{
    width:100%;
}
.select_your_work .work-text span {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-weight: 400;
    color: #DD3500;

}

/* .select_your_work .our_works {
    padding: 0 1.2vw;
} */

.select_your_work .work-img img {
    width: 100%;
    object-fit: cover;
}

.select_your_work .right-back {
    margin-top: 6vw;
    width: 44.4vw;
  
}
.right_back{
    padding-left: 0.6vw;
}
.select_your_work .sub-text h6 {
    font-size: 1.56vw;
    font-weight: 400;
    color: #F9E0E9;
    text-transform: lowercase;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    margin-bottom: 0.8vw;
    line-height: 100%;
}
.select_your_work .casestudy-2{
    position: relative;
    left: 0.25vw;
    bottom: 1.15vw; 
}
.select_your_work .casestudy-2 h6 {
    color: #DD3500;
}

.select_your_work .sub-text p {
    color: #F9E0E9;
    font-size: 0.84vw;
    font-weight: 200;
    line-height: 100%;
}

.select_your_work .our-works {
    padding: 1.2vw 3vw;
    margin-top: 4.8vw;
}

.select_your_work .sub-text .selected {
    padding: 3.5vw 0 7.75vw 1.5vw;
    color: #666666;

}

.select_your_work .work-card .work-img {
    margin-bottom: 1.5vw;
}

.select_your_work .work-card .work-img img {
    width: 100%;
}

.select_your_work .work-card .work-text .text h5 {
    font-size: 1.5vw;
    font-family: 'riftmedium';
    font-weight: 700;
    margin-bottom: 0.5vw;
    color: #fff;
}

.select_your_work .work-card .work-text p {
    font-weight: 300;
    font-size: 1.5vw;
    color: #838383;

}

.select_your_work .rightback {
    padding-left: 6.1vw;
}

.select_your_work .rightback .rightback_img {
    width: 38.1vw;
}

/*  */
.select-work .work-text h6 {
    font-size: 1vw;
    font-family: "Sarpanch", sans-serif;
    font-weight: 600;

}

.select-work .work-text .design {
    color: #D9D9D9;
    text-align: end;
}

.select-work .work-img {
    width: 18vw;
    top: 3.5vw;
    left: 42.9vw;
    position: absolute;

}
.our-works .work-img{
    margin-bottom: 1vw;
}
.select-work .work-img img {
    width: 100%;
}

.our-works1 .zetexa {
    padding: 0 0 0 0vw;
    width: 28.2vw;
}

.our-work1 .img4 {
    width: 36vw;
}

.our-works1 {
    padding: 2.6vw 0 0;
}

.digital_roof {
    margin: 5.3vw 0 0 0vw;
    padding-left: 0.6vw;
}

.digital_roof .work-img {
    width: 36.5vw;
}

/* .nava_nera{
    padding-left: 1.25vw;
} */
.nava_nera {
    width: 35.15vw;
    padding-left: 0.5vw;
}

.unedu {
    margin-top: 14.4vw;
    padding-left: 0.5vw;
}

.select_your_work .work-card img {}

.choose-work {
    padding: 0;
}

.our-team .team-member {
    cursor: pointer;
    transition: all 0.4s ease-out;
    position: relative;
}

.content {
    position: absolute;
    top: 1.5vw;
    left: 0;
    padding: 1.2vw;
    transform: translateY(100px);
    transition-delay: 0.2s;
    text-align: start;
}

.content p {
    font-size: 1.25vw;
    font-weight: 400;
    padding: 1vw;
    line-height: 1.8vw;
}
.about-mbr-team .about_team_p{
    font-size: 1.3vw;
    line-height: 2vw;
    margin-top: 7vw;
}
.our-team .content .animate-text {
    opacity: 0;
    transition: all 0.6s ease-in-out;
    font-size: 1.1vw;
    font-weight: 400;
    padding: 1vw;
    line-height: 1.65vw;
}

.our-team .team-member:hover img {
    opacity: 0.4;
}
.our-team .team_mem:hover img{
 opacity: 100%;
}
.our-team .team-member:hover .animate-text {
    transform: translateX(0);
    opacity: 1;
}

.select-work .cup {
    width: 17vw;
    top: 4vw;
    left: 24.6vw;
}

.select-work .sub-text h6 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 1.55vw;
    font-weight: 400;
    color: #DD3500;
    text-transform: lowercase;
}

.reviews {
    padding: 6.45vw 0 4.2vw;
}

.reviews .testi_monials {
    padding: 0 0.4vw 0 1.2vw;
}

.reviews .comment {
    border: 1px solid #fff;
    border-radius: 1.35vw;
    padding: 1.5vw 3.5vw 1vw 2vw;
    margin-top: 1.15vw;
}

.reviews .comment p {
    font-weight: 500;
    font-size: 1.85vw;
    color: #F9E0E9;
    line-height: 2.5vw;
}

.reviews .details {
    margin: 0 0vw 0 1.25vw;
    border: 0.01vw solid #fff;
    padding: 0vw 3.5vw 0 1.7vw;
    border-radius: 2.5vw;
}

.reviews .details h6,
p {
    line-height: 0;
    margin: 0;
    padding: 0;
    font-size: 1vw;
    color: #fff;
    font-weight: 400;
}

.creative .creative-cards .creative-text {
    padding: 0 1.5vw 1vw 1.5vw;
}

.reviews .details span {
    color: #FF1A6A;
    font-size: 1.5vw;
    padding: 0 0.5vw;
}

.our-services {
    padding: 10.8vw 0 0;
    border-top: 1px solid #232323;
}

.our-services .work-text {
    font-size: 14.01vw;
    padding-left: 1.15vw;
}

.our-services.sub-text h6 .design {
    color: #717171 !important;
}

.our-services .serv {
    margin-left: 5vw;
    position: relative;
    bottom: 0.75vw;
    margin-bottom: 0.2vw;
}

.services {
    padding: 10.45vw 0 0;
}

.our-services .services-list {
    padding: 3.2vw 2.5vw;
    border-top: 1px solid #ffffff38;
}
.our-services .service_list1 {
padding: 2.55vw 2.5vw;
}


.our-services .branding {
    border-bottom: 1px solid #ffffff38;
}

.our-services .services .services-list .service-name h3{
    font-size: 3.1vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    text-transform: lowercase;
    color: #f9e0e9;
    font-weight: 400;
    padding-left: 0.54vw;
    margin: 0;
    line-height: normal;
}



@keyframes slide1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}

.our-services .services-list .service-name span i {
    font-size: 2.5vw;
    font-weight: 300;
    color: #fff;
    animation: slide1 3s ease-in-out infinite;
}

/* 
.our-services .services-list:hover {
    background-color: #FF1A6A;
    padding-left: 2vw;
} */

.our-services .services-list .service-brief p {
    font-size: 0.95vw;
    font-weight: 200;
    line-height: 1.5vw;
    color: #CECECE;
}
.our-services .services-list:hover .service-brief p{
    transform: translateX(300px);
}

.our-services.services-list .service_hover {
    top: -7vw;
    right: 19.8vw;
}

/* .testimonials .cilent-testimonials {
    margin: 0 1vw;
} */

.testimonials .cilent-testimonials .cilent-data h6 {
    /* color:#FFFFFF;
font-size: 1.1vw;
font-weight: 600; */
}

.testimonials .cilent-testimonials .cilent-data p {}

/* testimonials carousel */
.testimonials .next i {
    /* display: contents; */
    right: -2vw;
    position: absolute;
    top: 11vw;
    background: none;
    border: none;
    font-size: 2vw;
    color: #fff;
}

.testimonials .previous i {
    left: -2vw;
    top: 11vw;
    background: none;
    border: none;
    font-size: 2vw;
    color: #fff;
    position: absolute;
    /* display: contents; */
}

.our-team {
    padding: 5.4vw 0 4vw;
    /* background-color: #080808; */
}

.our-team .team-heading h2 {
    font-size: 12.95vw;
    text-align: center;
    padding-left: 0.7vw;
    margin-bottom: 4.6vw;
}

/* .our-team .our-team-heading h2 {
    font-size: 12.4vw;
    font-weight: 300;
    color: #ffffff;
}

.our-team .team {
    width: 20.3vw;
    top: -3.9vw;
    left: 24.2vw;
} */

.our-team .team-member .memeber-image img {
    width: 100%;
}

.our-team .team-member {
    padding: 0.2vw 0 0 0;
}
.our-team .team_mem_bers{
    padding: 0 1.45vw;
}
.our-team .team-member .team-data h5 {
    color: #717171;
    font-Weight: 300;
    font-size: 1vw;
    margin: 1vw 0 0.85vw 0;
    line-height: normal;
}

.our-team .team-member .team-data p {
    font-weight: 200;
    font-size: 1.05vw;
    color: #ffffff;
}

/* 
.creative {
    padding: 5vw 0;
}

.creative .creative-heading h2 {
    font-weight: 300;
    font-size: 7vw;
    color: #ffffff;
    margin-bottom: 4vw;
}

.creative .creative-heading {
    padding: 0 2.6vw;
}

.creative .creative-heading h2 span {
    color: #FF1A6A;
}

.creative .creative-cards {
    border: 1px solid #fff;
    border-radius: 10vw;
    padding: 2vw 0;
    transform: rotate(351deg);
}

/* .creative-text p{
  padding: 1vw 2vw;
  text-align: center;
} */
/* .creative-text p a {
    font-size: 1.2vw;
    color: #fff;
}

.creative .creative-img img {
    width: 100%
}

.creative .creative-cards .btn {
    padding: 0.5vw 1.5vw;
    border-radius: 2vw;
    font-size: 1vw;
    background-color: #fff;
} */
*/

/*  */
.wildideas {
    padding: 10vw 0 0 !important;
    background: #080808;
    position: relative;
}

.wildideas .wild-text h2 {
    font-weight: 400;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    text-transform: lowercase;
    color: #F9E0E9;
    font-size: 11vw;
    line-height: 10vw;
    margin-bottom: 0 !important;
}

.wild-text h2 .rec {
    background-color: #fff;
    padding: 0.2vw;
}
.wildideas .line_for_w{
    width: 11vw;
    height: 0.4vw;
    background: #F9E0E9;
    position: sticky;
    top: 48%;
}
/*  footer*/


.footer {
    background: #080808;
    padding: 9.9vw 0 0.5vw;
    border-top: 1px solid #232323;
    width: 100%;
    position: relative;
    /* height: 96.5vh; */
   
}

.footer .footer-head p{
    font-size: 10.99vw;
    color: #DD3500;
    font-weight: 400;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    text-transform: lowercase;
    line-height: normal;
    letter-spacing: -0.33vw;
    padding-left: 1.75vw;
    /* position: absolute; */
    /* width: 100%;
    height: 100%;
    margin: 0; */
    font-weight: 400;
    /* font-size: 24vw; */
    /* text-align: center; */
    mix-blend-mode: screen;
    /* background-color: #ffffff; */
}
/* video,
.time{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  
}

video {
  object-fit: cover;
} */

.footer .circle {
    width: 12vw;
    height: 12vw;
    border-radius: 8vw;
    background-color: #DD3500;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -1.4vw;
    left: 0.65vw;
}

.footer .reachus {
    padding: 3.7vw 2.5vw 1vw 0.85vw;
    margin-top: 1vw;
}
/* .footer .reachus .contact-details{
padding-left: 0.1vw;
} */
.footer .reachus .contact-details .text1{
    margin-bottom: 4vw;
}
.footer .reachus .contact-details .text2 h5{
    margin-bottom: 1vw;
}
.footer .reachus .hello a{
    border-bottom: 3px solid #f9e0e9;
}
.footer .reachus .contact-details .text h5 {
    font-size: 1.1vw;
    font-weight: 300;
    color: #8C8C8C;
    margin-bottom: 1.4vw;
}

.footer .reachus .contact-details .text h6{
    font-weight: 400;
    font-size: 1.4vw;
    margin-bottom: 3vw;
    color: #F9E0E9;;
}
.footer .reachus .contact-details .text h6 a{
    color: #F9E0E9;
    text-decoration: none;
}
footer .footer-head{
    overflow: hidden;
    /* position: relative; */
}
footer .footer-head video{
    position: absolute;
    top: 0vw;
    left: 6vw;
    width: 65%;
    height: 18%;
    object-fit: cover;
}
.footer .let-be-friends h5 {
    font-size: 1.05vw;
    font-weight: 300;
    color: #8C8C8C;
    margin-bottom: 3.6vw;
}

.footer .let-be-friends {
   padding: 0 0 0 6.3vw;
}
.footer .let-be-friends a{
    text-decoration: none;
}
.footer .let-be-friends a h6 {
    font-weight: 200;
    font-size: 1.35vw;
    margin-bottom: 4vw;
    color: #f9e0e9;
}
.footer .let-be-friends .twitter{
    padding-right: 2vw;
}
.footer .time_2_start{
    position: relative;
}
 .line_l{
        width: 97.2%;
        height: 1px;
        background: #232323;
        margin: 0 0 1.82vw 1.75vw;
    }
.footer_bottom_links{
    padding: 0 1vw 0 2.6vw;
    margin-bottom: 0.9vw;
}
footer .our_links .developed p {
    padding:0.4vw 1.95vw 0.4vw 0vw;
    /* border-top: 1px solid #D9D9D9; */
    font-size: 0.95vw;
    font-weight: 500;
    color: #F9E0E9;

}

footer .our_links .developed p a {
    text-decoration: none;
    color: #F9E0E9;
}

.footer .arrow {
    width: 13.5vw;
    right: 12vw;
    top: 8.2vw;
}

.footer .circle p {
    color: #ffffff;
    font-weight: 400;
    font-size: 0.8vw;
}

.footer .arrow img {
    width: 100%;
}

.scrolling-text .our-highlights .highlight {
    margin: 1vw 0.5vw 0;
}

.scrolling-text {
    padding: 4vw 0;
    /* background: #080808; */
}

.scrolling-text .our-highlights .highlight h6 {
    border: 1px solid #343434;
    background: #131313;
    color: #CCCCCC;
    font-size: 1.15vw;
    text-align: center;
    padding: 0.7vw 1.5vw;
    border-radius: 2vw;
    font-weight: 300;
}
.scrolling-text .our-highlights .highlight-icon img{
    width: 100%;
}
.scrolling-text .our-highlights .highlight-icon {
    border: 1px solid #343434;
    background: #131313;
    border-radius: 2vw;
    padding: 1.1vw 1.3vw;
    width: 5.2vw;
    height: 2.8vw;
    margin: 1.05vw 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scrolling-text .our-highlights .highlight-icon .img{
    width: 3vw;
}
/* .scrolling-text .our-highlights .highlight-icon img {
    width: 100%;
} */


/* .right-side .rectangle1 {
    background: #D9D9D9;
    padding: 3.5vw;
    border-radius: 0.5vw;
}

.rectangle2 {
    background: #93ADCC8C;
    padding: 3.5vw;
    border-radius: 0.5vw;
}

.rect3 {
    background: #1A1A1A;
    padding: 7.5vw;
    border-radius: 0.5vw;
}

.rect4 {
    background: #1A1A1A;
    padding: 7.5vw;
    border-radius: 0.5vw;
}

.rect5 {
    background: #1A1A1A;
    padding: 3.5vw;
    border-radius: 0.5vw;
}

.rect6 {
    background: #1A1A1A;
    padding: 3.5vw;
    border-radius: 0.5vw;
}

.rect7 {
    background: #1A1A1A;
    padding: 7vw;
    border-radius: 0.5vw;
}

.rect8 {
    background: #1A1A1A;
    padding: 4vw;
    border-radius: 0.5vw;
} */

.circle1 {
    background: #1A1A1A;
    padding: 7.5vw;
    border-radius: 0.5vw;
}

.who_we_are {
    padding: 10.6vw 0;
    /* background: #080808; */
}

.who_we_are .heading {
    padding-left: 1.55vw;
}

.who_we_are .heading h2 {
    font-size: 9.9vw;
    line-height: 8.5vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #DD3500;
    text-transform: lowercase;
    font-weight: 400;
}

.who_we_are .heading h2 span {
    color: #F9E0E9;
    font-family: 'dirtyline_36daysoftype_2022Rg';
}

.who_we_are .heading p {
    font-weight: 400;
    font-size: 1.35vw;
    text-align: end;
    color: #666666;
    padding-left: 7vw;
    margin-right: 1vw;
    line-height: 2.1vw;
}

.who_we_are .brief {
    flex-direction: column;
    height: 82.5%;
}

.who_we_are .projects {
    background: #111111;
    padding: 2.95vw 2.6vw 3vw 2.6vw;
    border-radius: 1vw;
    margin-left: 1.9vw;
    height: 48.2vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.7vw;
    width: 96.5%;
    transition: all .5s ease;
}

.who_we_are .projects h2 {
    font-size: 7vw;
    font-weight: 400;
    color: #F9E0E9;
    font-family: 'Poppins';
}

.who_we_are .projects p {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 2.2vw;
    text-transform: lowercase;
    color: #F9E0E9;
    text-align: end;
    line-height: 2vw;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
}

.who_we_are .what_we_done {
    padding: 5.4vw 0 0;
}

.who_we_are .sec{
    margin: 10vw 0 0 0.5vw;
}
.who_we_are .sec .projects{
    width:97.5%;
}

.who_we_are .years_of_exp {
    margin-left: 0;
}

.who_we_are .sec {

}
.who_we_are .what_we_done .project1:hover {
    background: #DD3500;
}

.who_we_are .what_we_done .project2:hover {
    background: #B0DDCA;
}

.who_we_are .what_we_done .project3:hover {
    background: #F9E0E9;
}

.who_we_are .what_we_done .project3 {
    margin-top: 1.89vw;
}

.who_we_are .what_we_done .project4:hover {
    background: #F4E342;
}

.who_we_are .what_we_done .projects:hover h2 {
    color: #000000;
}

.who_we_are .what_we_done .projects:hover p {
    color: #000000;
}

/* digital */
.text-container {
    position: relative;
    display: inline-block;
}

/* .text-reflection {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 10.6vw;
    font-weight: 400;
    color: #DD3500;
    text-align: center;
    font-style: normal;
    text-transform: lowercase;
    color: #DD3500;
    position: relative;
    overflow: hidden;
    z-index: 0;
    
} */

/* .text-reflection span {
    color: #F9E0E9;
    font-family: 'dirtyline_36daysoftype_2022Rg';
} */

.reflection {
    position: absolute;
    top: 20%;
    /* Adjust the positioning to fit the reflection properly */
    left: 0;
    /* transform: scaleY(180deg);  */
    /* Flip the reflection vertically */
    opacity: 0.5;
    /* Adjust the opacity as needed */
    animation: water-wave 3s infinite linear alternate;
    /* Water wave animation */
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-weight: 400;
    color: #DD3500;
    text-align: center;
    font-style: normal;
    text-transform: lowercase;
    font-size: 11.1vw;
    padding-left: 1.9vw;
    word-spacing: -1.1vw;

}
.refl1{
    top: 10%;
}
.refl2{
    top: 10%;
}
.reflection:nth-child(2) {
    /* color: #0f0f0f; Adjust the color for the second reflection   */
    color: #DD3500;
    opacity: .4;
    animation-delay: 1s;
    /* Delay the animation for the second reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
    animation: mymove 5s infinite;
}

.reflection:nth-child(2) span {
    color: #F9E0E9;
    opacity: .4;
    animation-delay: 1s;
    /* Delay the animation for the second reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
    animation: mymove 5s infinite;
}

.reflection:nth-child(3) span {
    /* color: #252525; /* Adjust the color for the third reflection */
    color: #F9E0E9;
    opacity: .3;
    animation-delay: 5s;
    /* Delay the animation for the third reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
    animation: mymove 5s infinite;
}

.reflection:nth-child(3) {
    /* color: #252525; /* Adjust the color for the third reflection */
    color: #DD3500;
    opacity: .3;
    animation-delay: 5s;
    /* Delay the animation for the third reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
    animation: mymove 5s infinite;
}

.reflection:nth-child(4) {
    /* color: #252525; /* Adjust the color for the third reflection */
    color: #DD3500;
    opacity: .3;
    animation-delay: 3s;
    /* Delay the animation for the third reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
}

.reflection:nth-child(4) span {
    /* color: #252525; /* Adjust the color for the third reflection */
    color: #F9E0E9;
    opacity: .3;
    animation-delay: 3s;
    /* Delay the animation for the third reflection */
    filter: blur(6px);
    font-family: 'dirtyline_36daysoftype_2022Rg';
}

@keyframes water-wave {
    0% {
        transform: scaleY(1) translateY(40px);
    }

    50% {
        transform: scaleY(41px) translateY(70px);
        /* Adjust the horizontal translation */
    }

    100% {
        transform: scaleY(71px) translateY(100px);
    }
}

@keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 100px;
    }
}
.our-expertise .topper-text .logo-slider .main-div {
    display: flex;
    position: relative;
    animation: marquee 25s linear infinite;
    justify-content: start;
    margin: 0 0 0;
}
.our-expertise .topper-text2 .logo-slider .main-div {
    animation-direction: alternate-reverse;
}

@keyframes mymove2 {
    from {
        top: 100px;
    }

    to {
        top: 150px;
    }
}

/* /* slider animation  */
/* /* slider animation  */
.topper-text .logo-slider {
    padding-left: 6vw;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    margin-bottom: 0px;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.toppers-image-card {
    width: max-content;
    margin: 0 2vw;
}

.toppers-image-card2 {
    width: max-content;

}

.topper-text .logo-slider .main-div {
    display: flex;
    position: relative;
    animation: marquee 70s linear infinite;
    justify-content: start;
    margin: 0 0 0;

}

.topper-text2 .logo-slider .main-div {
    animation-direction: alternate-reverse;
}

.topper-text:hover .logo-slider div {
    animation-play-state: paused;
}

.topper-text2 {
    position: relative;
    bottom: 2vw;
}
/* /* .service_scroll_right .technologies{
    animation: marquee 3s linear infinite;
  
} */
/* .service_scroll_right .our_second_technologies .tech{
/* animation-direction: reverse;
 */
 /* animation: 3s linear 1s infinite running slidein;
} */ 
/* .service_scroll_right:hover .technologies{
animation-play-state: paused;
}  */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.topper-box .logo-slider {
    padding-left: 6vw;
    /* $min-image-size: 50px;
        $max-image-size: 180px;
    --image-size: #{$max-image-size}; */
    /* --image-size: 180px; */
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    margin-bottom: 0px;
    padding-bottom: 1.6vw;

}

.topper-box .logo-slider .main-div {
    display: flex;
    position: relative;
    animation: marquee 70s linear infinite;
    justify-content: start;
    margin: 0 0 0;
}

.topper-box2 .logo-slider .main-div {
    animation-direction: alternate-reverse;
}

.topper-box:hover .logo-slider div {
    animation-play-state: paused;
}

.topper-box2 {
    position: relative;
    top: -2vw;

}




/*  */


/* works */
.works .heading {
    margin-bottom: 0.75vw;
}

.aboutus .sub-heading {
    padding-left: 1.85vw;
}

.aboutus .heading h1 {
    font-size: 10vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #F9E0E9;
    margin: 0;
    font-weight: 400;
    padding: 0;
    line-height: 10vw;
}

.aboutus .heading h5 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #666666;
    font-size: 1.5vw;
}

.aboutus .heading h1 span {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #DD3500;
}

.aboutus .heading p {
    font-weight: 200;
    font-size: 1.2vw;
    line-height: 2vw;
    text-align: justify;
    word-spacing: 0.2vw;
    margin: 4px 0 0 0;
    color: #F9E0E9;
    padding-left: 1.10vw;
}

.aboutus .sub-heading .exp {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    -webkit-text-stroke: 1.5px #DD3500;
    color: #080808;
    font-size: 11.85vw;
}
.aboutus .sub-heading .experiences{
font-size: 9.92vw;
}
.selected_projects {

        padding: 0 0 1vw;

}

.selected_projects .project_img img {
    width: 100%;
}

.selected_projects .project_img video {
    width: 100%;
}

.selected_projects .project_video {
    margin-top: 24.8vw;
    width: 49.5vw;
}

.selected_projects .sub-headings {
    color: #F9E0E9;
}

.selected_projects .sub-headings h5 {
    padding: 0;
    font-size: 1.6vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-weight: 300;
    text-transform: lowercase;
    line-height: normal;
    margin-bottom: 1vw;
}

.selected_projects .sub-headings p {
    margin: 0;
    padding: 0;
    font-size: 0.85vw;
    font-weight: 300;
}

.selected_projects .our_projects {
    margin-top: 8vw;
}

.selected_projects .navan-era {
    margin-top: 6vw;
}

.selected_projects .our_projects .navan {
    width: 31.6vw;
}

.selected_projects .our_projects .navan img {
    height: 49.2vh;
}

.selected_projects .right_bk {
    margin-top: 15vw;
}

.selected_projects .right_bk .project_img {
    width: 47vw;
}

.selected_projects .rlc {
    margin-top: 18.5vw;
    width: 42.5vw;
}

.selected_projects .nubeco {
    width: 44.3vw;
}

.wildideas {
    padding: 11.55vw 0 7.4vw;
}


/* plan a project */
.plan_a_project {
    background-image: url('../images/plan_project_bg.jpg');
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 99.9vh;

}
.plan_a_project .user_form {
margin: 16.75vw 0 0 1.3vw;
}
.plan_a_project .user_form input {
    border: none;
    border-radius: 0;
    background: none;
    border-bottom: 1px solid #767676;
    font-size: 3.9vw;
    color: #FFFFFF;
    font-weight: 275;
    padding: 1vw 0;

}

.form-control:focus {
    box-shadow: none;
}

.plan_a_project .user_form input::placeholder {
    color: #767676;
}

.form-label {
    font-weight: 500;
    font-size: 1vw;
    color: #767676;
}

/* aboutus */
.aboutus{
    padding: 11.8vw 0 10.10vw;
}
.aboutus .heading .all-about {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    -webkit-text-stroke: 0.05vw #F9E0E9;
    color: #080808;
    padding-left: 0.5vw;
}
.aboutus .top-heading{
    margin-bottom: 2.45vw;
}
.aboutus .heading .mbr {
    padding: 0 0 0 2.35vw;
    -webkit-text-stroke: 0.11vw #dd3500;
    color: #080808;
    font-size: 30.82vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    line-height: 28vw;
    margin: 0vw 0 0.2vw;
}

.aboutus .heading .digital {
    letter-spacing: 3.8vw;
    padding-left: 4.3vw;
    line-height: 9vw;
}

.more_about_mbr {
    border-top: 1px solid #232323;
    padding: 10.1vw 0;
}
.more_about_mbr .about_us .heading h2{
    line-height: 100%;
    padding-left: 0.2vw;
    margin-bottom: 2.25vw;
}
.about-mbr .about_us .about_brief .first_text{
    margin-left: 1vw;
}
.about-mbr .about_us .mbr{
    margin-bottom: 2.45vw;
}
/* .about-mbr .about_us .mbr_txt{
padding-right: 1.5vw;
} */
.about-mbr .about_us  .third_para{
margin-bottom: 3.35vw;
}
.about-mbr .about_us .about_brief p {
    font-size: 1.1vw;
    line-height: 1.85vw;
    /* padding-right: 1.5vw; */
}

.about-mbr .about_us .meet_btn a i {
    padding-left: 2.5vw;
    font-weight: 600;
    font-size: 0.9vw;
}

.about-mbr .aboutus_img img {
    width: 100%;
    height: auto;
}

.about-mbr .about1 {
    width: 11.5vw;
}

.about-mbr .about4 {
    width: 15vw;
}

.about-mbr .about2 {
    width: 33.5vw;
}

.about-mbr .about3 {
    width: 25.2vw;
}

.what_u_expect .heading h5,
h2 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
}
.what_u_expect .heading h5 svg{
padding-left: 0.65vw;
width: 1.65vw;
height: 1vw;
}
.what_u_expect .heading h5 svg image{
    width: 100%;
}
.what_u_expect .heading h5 {
    color: #666666;
    font-weight: 400;
    font-size: 1.6vw;
    line-height: 100%;
    margin-bottom: 0.75vw;
}

.what_u_expect .number {
    /* position: absolute;
    z-index: 9;
    left: 4.5vw; */
}

.what_u_expect .number h2 {
    -webkit-text-stroke: 4px #DD3500;
    font-size: 39.3vw;
    font-weight: 400;
    color: transparent;
    line-height: normal;
    position: relative;
    z-index: 99;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.what_u_expect {
    padding: 1.5vw 0 10.1vw;
    position: relative;
}

.wt_u_expect_content {
    margin-top: 5.8vw;
}
.about-mbr-team{
    padding: 0.5vw 0 1.5vw;
}
.wt_u_expect_content .what_u_expect_count .content_img {
    left: 10.3vw;
    position: absolute;
    top: 16.1vw;
    width: 34.2vw;
}

.wt_u_expect_content .what_u_expect_count .content_img img {
    width: 100%;
}

.what_u_expect .wt_u_expect_content .what_u_expect_right {
    margin-top: 3.3vw;
}

.what_u_expect .wt_u_expect_content .what_u_expect_right .heading h2 {
    font-weight: 400;
    font-size: 7.8vw;
    color: #f9e0e9;
    margin-bottom: 0.30vw;
}

.what_u_expect .wt_u_expect_content .what_u_expect_right .heading .experience {
    font-size: 5.9vw;
}

/* carousel for aboutus */
.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: -webkit-fill-available;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: 24.5vw;
    bottom: 25.8%;
    height: fit-content;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: none;
    right: 0;
}

.what_u_expect .wt_u_expect_content .what_u_expect_right .heading p {

    color: #A6A6A6;
    font-weight: 300;
    font-size: 1.15vw;
    line-height: 1.9vw;
    padding-right: 3vw;
    margin-bottom: 2.2VW;
}

.what_u_expect .wt_u_expect_content .what_u_expect_right .head {
    border-bottom: 0.01px solid #232323;

}

.ok_prev {
    display: none !important;
}

.ok_next {
    position: absolute;
    top: 72.5%;
    right: 0vw;
    z-index: 999;
    background: none;
    color: #fff;
    border: 0;
}

.ok_next p {
    font-weight: 600;
    font-size: 1vw;
    color: #ffffff;
    text-transform: uppercase;
}

.ok_next i {
    color: #DD3500;
    font-size: 1.45vw;
    margin-right: 0.5vw;
    font-weight: bold;
    position: absolute;
    right: 4vw;
    bottom: -1.2vw;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #666666
}



/* services */
.aboutus .service-txt h1 {
    line-height: 12.2vw;
    font-size: 12.2vw;
}

.aboutus .service-txt p {

    font-size: 1.01vw;
    text-align: justify;
    word-spacing: 0;
    padding: 1vw 1.15vw 0 0vw;
}

.aboutus .service-txt {
    /* padding: 4.4vw 0 0; */
    margin-bottom: 0.6vw;

}
.service_we_provide{
    padding: 7.4vw 0 0.35vw;
}
.services_page{
    padding: 15.10vw 0 10.10vw;
}
.service_play {
    width: 16.05vw;
    overflow: hidden;
    height: 17vh;
 
}
.service_vi {
    padding-left: 1vw;
}
.service_play video {
    width: 100%;
}

.services .offer .off {
    font-size: 12.25vw;
    line-height: 11vw;
    -webkit-text-stroke: 1.5px #DD3500;
}

.future-innovations video {
    width: 100%;
}

.our_capabilites {
    padding: 0 0 1.85vw;
}
.our_capabilites .project_img {
    width: 21.2vw;
    margin-left: 0.6vw;
}
.project_img img{
    width: 100%;
}
.our_capabilites .cap {
    margin-bottom: 6vw;
}
.future-innovations{
    padding: 1.75vw 0 10vw;
}
.our_capabilites .our_cap_bilities .heading h2 {
    font-size: 7.4vw;
    color: #F9E0E9;
    line-height: 7vw;
    margin: 0 0 1.5vw;
}
.our_capabilites .our_cap_bilities .project_con{
    padding-left: 1.35vw;
}
.our_capabilites .our_cap_bilities .develop{
   margin-left: 0.6vw;
}
.brand{
    display: none !important;
}
.our_capabilites .our_cap_bilities .develop_img{
    margin-left: 3.85vw !important;
}
.our_capabilites .our_cap_bilities .heading p {
    font-size: 1.1vw;
    text-align: start;
    font-weight: 400;
    color: #A6A6A6;
    margin: 0 0 2.5vw;
    padding: 0;
    word-spacing: 0;
}

.our_capabilites .our_cap_bilities .heading a {
    border: 1px solid #444444;
    font-weight: 600;
    width: max-content;
    padding: 0.8vw 1.5vw;
    text-decoration: none;
    color: #fff;
    font-size: 0.8vw;
    text-transform: uppercase;
}

.our_capabilites .our_cap_bilities {
    margin-bottom: 11.2vw;
}

.our_capabilites .our_cap_bilities .heading a i {
    margin-left: 2.5vw;
}

.our-expertise {
    padding: 0 0 5.1vw;
}
.our-process .our_pro h2{
    line-height: 9vw;
}
.our-expertise .work-text h2 {
    font-size: 13vw;
    line-height: 100%;
}

.our-expertise .work-text {
    margin-bottom: 6vw;
}

.our-expertise .our_expert_ise img {
    width: 100%;
}

.our-expertise .our_expert_ise {
    width: 8.5vw;
}
.our-expertise .technology_slider_right{
    margin-bottom: 3vw;
}
/* .our-expertise .technologies {
    background: #131313;
    padding: 0 2vw;
    width: 95%;
    height: 40.4vh;
    border-radius: 2vw;
    display: flex;
    justify-content: center;

} */


.our-expertise .technologies2{
    background: #131313;
    padding: 0 6.85vw;
    width: 100%;
    height: 40.4vh;
    margin-right: 1.2vw;
    border-radius: 2vw;
    display: flex;
    justify-content: center;
}
/* .our-expertise .technologies .our_technologies .tech{
    margin-right: 1vw;
} */
.our-expertise .technology_slider1{
        margin-bottom: 1vw;
}
.our_process p {
    text-align: start;
}
.our-process .process_brief{
    padding-left: 4vw !important;
}

.our_process_step { 
    margin-top: 5.07vw;
}

.our_process_step .our_process {
    background: #111111;
    padding: 2.6vw 2.6vw 3vw 3.35vw;
    border-radius: 1vw;
    margin-left: 1.3vw;
    height: 48.3vh;
    margin-bottom: 1.75vw;
}

.our_process .our_pro{
 padding-left: 1.2vw;
 margin-bottom: 1.8vw;
}
.our_process .process {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 2.05vw;
    text-transform: lowercase;
    font-weight: 400;
    text-align: start;
    color: #F9E0E9;
    margin: 0;
    line-height: 2.1vw;
}

.our-process {
    padding: 6.15vw 0 1.8vw;
}

.our_process .flow {
    margin-top: 4.85vw;
}

.our_process .flow .process-steps h2 {
    font-size: 12vw;
    font-weight: 400;
    color: #1D1D1D;
    line-height: 11vw;
    margin: 0 !important;
    padding: 0 !important;
}

.our_process .flow .process-steps .steps {
    margin-top: 2vw;
}

.our_process .flow .process-steps .steps p {
    font-weight: 400;
    color: #A2A2A2;

}

/* service-brief */
.services .service-txt .plan {
    padding-left: 3.5vw;
    -webkit-text-stroke: 2px #DD3500;
}

.service_brief .service-brief_txt p {
    font-weight: 350;
    font-size: 1.35vw;
    line-height: 2.5vw;
    /* margin-left: 1vw; */
}
.our_capabilites .our_cap_bilities .heading h2
.service_brief {
    padding: 6.8vw 0 9.5vw;
}

.the_process .the_pro_cess h2 {
    font-size: 9.8vw;
    line-height: normal;
    margin-bottom: 2.35vw;
}

.the_process .the_process_steps h5 {
    font-weight: 400;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 1.7vw;
    color: #F9E0E9;
    text-align: center;
}

.the_process .the_process_steps h5 span {
    color: #DD3500;
    font-size: 1vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    padding: 0.5vw 1vw;
    text-align: center;
}

.steps {
    /* padding-top: 0.65vw; */
    margin-right: 2.3vw;
}

.steps p {
    font-size: 0.95vw;
    font-weight: 400;
    color: #a6a6a6;
    line-height: 1.5vw;
    margin-bottom: 0.2vw;
}

.the_process .the_process_steps p {
    color: #A6A6A6;
    font-weight: 300;
    font-size: 1.05vw;
    line-height: 2vw;
    font-family: poppins;
}

.the_process .our_the_process_steps {
    padding: 2vw 0;
    border-top: 1px solid #272727;
}

.the_process .nurture {
    border-bottom: 1px solid #272727;
}

.the_process .we_offer h2 {
    font-size: 7vw;
    margin-bottom: 4.5vw;
}

.servi_ce_we_offer {
    padding: 7.25vw 0 10vw;
}

.services_v_offer {
    background: #111111;
    border-radius: 1vw;
    height: 19vh;
    width: 100%;
    margin-bottom: 1vw;
    padding: 0 4vw;
}

.services_v_offer h5 {
    font-size: 1.3vw;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    color: #F9E0E9;
    text-align: center;
    text-transform: lowercase;

}

.services_v_offer img {
    width: 100%;
    border-radius: 1vw;
    padding: 0;
}

.develop_ment {
    padding: 0 0 11.5vw;
    border-bottom: 1px solid #272727;
}

.develop_ment .development p {
    color: #666666;
    font-size: 1.5vw;
    text-align: center;
    font-weight: 400;
    margin-bottom: 1.8vw;
    line-height: 1vw;
}

.develop_ment .development h5 {
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-size: 5.2vw;
    text-align: center;
    color: #F9E0E9;
}

.develop_ment .development h5 i {
    color: #DD3500;
}

.privacy_policy {
    padding: 14vw 0 0vw;
    background-color: #080808;
    position: relative;
}

.privacy_policy .privacy_note {
    margin-bottom: 5.6vw;
}

.privacy_note h3 {
    color: #F9E0E9;
    font-family: 'dirtyline_36daysoftype_2022Rg';
    font-weight: 400;
    font-size: 5.2vw;

}

.privacy_note p {
    color: #A6A6A6;
    font-size: 1.3vw;
    font-weight: 400;
    text-align: justify;
    line-height: 2.3vw;
}

.privacy_policy .our_privacy_keys {
    margin-bottom: 3vw;
}

.privacy_policy .our_privacy_keys h6 {
    font-weight: 500;
    font-size: 1.58vw;
    color: #ffffff;
}

.privacy_policy .our_privacy_keys p {

    font-size: 1.1vw;
    line-height: 2vw;
    padding-top: 0.4vw;
}

.privacy_policy .our_privacy_keys p span {
    color: #ffffff;
}

.privacy_policy .security_note {
    margin-bottom: 6.8vw;
}

.privacy_policy .our_privacy_keys ul {
    padding-left: 1.2vw;
    color: #A6A6A6;
}

.privacy_policy .our_privacy_keys .txt {
    font-size: 1.3vw;
}

.security {
    padding: 8.1vw 0 7vw;
    background-color: #080808;
}

/* lets discuss */
.lets_discuss .heading .together {
    -webkit-text-stroke: 2px #ffffff;
}
.form-check-input:checked{
    border: #fff;
}
.lets_discuss .discuss_form {
    background: #1A1A1A;
    border: 0;
    border-radius: 0;
    padding: 1vw;
    margin-bottom: 2.5vw;
    color: #F9E0E9;
    font-size: 1.1vw;
    font-weight: 300;
}

.lets_discuss .name_label {
    font-family: Poppins;
    font-size: 0.8vw;
    font-weight: 500;
    color: #A6A6A6;
    text-transform: uppercase;


}

.lets_discuss .discuss_form::placeholder {
    color: #343434;
    font-size: 1.1vw;

}

.lets_discuss textarea {
    padding: 1.25vw;
}

.form-check-input[type=checkbox] {
    background: transparent;
    border-radius: 0;
    width: 24px;
    height: 24px;
    padding-right: 1vw;
    font-size: 0.5vw;
    font-weight: 300;
    color: #A6A6A6;
    margin-right: 1vw;
    margin-bottom: 1.5vw;
}
.lets_discuss{
    padding: 0 0 0.1vw;
}
.lets_discuss .send {
    width: 100%;
    border-radius: 0;
    padding: 1vw;
    background: #DD3500;
    color: #ffffff;
    border: 0;
}

.lets_discuss .fill_the_form h4 {
    font-size: 0.94vw;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    margin-bottom: 3.75vw;
}

.lets_discuss .fill_the_form h4 a {
    color: #DD3500;
    text-decoration: underline;
}

.lets_discuss .fill_the_form h4 .click {
    color: #767676;
}

/* Styles for active page number */
.dot.active {
    color: #ffffff;
    /* Change color for active page number */
    text-decoration: none;
    border-bottom: 1px solid #DD3500;
    width: 1vw;
    display: block;
    font-size: 1vw;
}

/* Styles for inactive page number */
.dot {
    color: #666666;
    font-size: 1vw;
    /* Change color for inactive page numbers */
    /* Add any other styles as needed */
    text-decoration: none;
}

.offcanvas-body .navbar-nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    top: 1.5vw;
    left: 0vw;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 16px solid #DD3500;
    opacity: 0;
    /* transition: opacity 0.3s ease; */

    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: rotate(180deg);
}

.offcanvas-body .navbar-nav .nav-item .nav-link:hover::before {
    opacity: 1;
}

/* .offcanvas-body .navbar-nav .nav-item .nav-link :hover {
    transform: translateX(5px);
  } */
.offcanvas-body .navbar-nav .nav-item .nav-link:hover {
    color: #DD3500;
    text-indent: 1vw;
    transform: translateX(5px);
}

.offcanvas-body .navbar-nav .nav-item i {
    display: none;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offcanvas-body .navbar-nav .nav-item {
    display: inline-block;
    position: relative;
    /* margin-right: 20px; */
    transition: transform 0.3s ease;
}

.offcanvas-body .navbar-nav li a {
    text-decoration: none;
    color: #333;
    padding: 10px;
    position: relative;
}

.offcanvas-body .navbar-nav li .icon {
    display: none;
    transition: opacity 0.3s ease;
}

.offcanvas-body .navbar-nav li:hover .icon {
    display: inline-block;
    opacity: 1;
}

.offcanvas-body .navbar-nav li:hover {
    transform: translateX(5px);
}


/* .offcanvas-body .navbar-nav .nav-item i:hover{
    display: block;
    color: #fff;
    font-size: 1vw
} */
.reviews button {
    text-decoration: none;
    border-bottom: 0.1vw solid #dd3500 !important;
    color: #F9E0E9;
    background: no-repeat;
    border: none;
    text-align: center;
}

.reviews button i {
    color: #dd3500;
    font-size: 1.15vw;
}

/* .team_mem_bers{
    padding: 0vw 2vw 0 1vw;
} */
/* Initial style for service name and brief */
.services-list .service-name h3,
.services-list .service-brief {
    display: block;
    transition: opacity 0.3s ease; /* Smooth transition for opacity */
}

/* Default style for service icon */
.services-list .service-icon
{
    display: none ; /* Hide by default */
}
.services-list .service-image {
    display: none; /* Hide by default */
}
.services-list:hover .service-image {
    display: block !important; /* Hide by default */
}
.services-start .buttons {
    display: none; /* Hide by default */
}
/* Hover style for service list */
.services-list:hover .service-icon svg {
    display: block ; /* Show service icon on hover */
}
.services-list .service-icon span i {
    display: none; /* Show service icon on hover */
}
.services-list:hover .service-icon span i {
    display: block ; /* Show service icon on hover */
    background-color: #fff;
}
.services-list:hover .service-image {
    display: block !important; /* Show service icon on hover */
}
.services-start:hover .buttons {
    display: flex !important; 
}
.service-name  {
    position: relative;
}
.buttons{
    position: absolute;
    top: 3vw;
    left: 6vw;
    background: #fff;
    width: 3.7vw;
    height: 3.7vw;
    display: flex ;
    justify-content: center;
    align-items: center;
    border-radius: 5vw;
}
.service-image{
    position: absolute;
    top: -4vw;
    left: 37.6%;
    /* bottom: -3vw; */
    width: 15.3vw;
}
.buttons i{
    font-size: 1.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.4vw;
}
.buttons img{
    width: 1vw;
}

.service-image img{
    width:100%;
    z-index: 999;
}
.services-start:hover .service-name h3,
.services-start:hover .service-brief,
.services-start:hover .buttons{
    opacity: 100%; /* Hide service name and brief on hover */
    z-index: 999;
}
/* Hover style for service name and brief */
.services-list:hover .service-name h3,
.services-list:hover .service-brief,
.services-list:hover .service-image{
    opacity: 100%; /* Hide service name and brief on hover */
    z-index: 999;
}

.services-list:hover .service-name h3,
.services-list:hover .service-brief,
.services-list:hover .buttons{
  
}
/* Transition effect for smooth movement */
.services-list {
    transition: transform 0.3s ease; /* Smooth transition for transform */
}
.services-start:hover {
    /* Move the card 20px to the right on hover */
    background-color: #DD3500; 
    position: relative;
}
.services-list:hover {
    /* Move the card 20px to the right on hover */
    background-color: #DD3500; 
}
.services-list10:hover{
    /* transform: translateX(20px); */
}
.services-list10 {
    transition: transform 0.3s ease;
}
/* Action move left to right on hover */
.services-list10:hover {
    transform: translateX(90px); 
    /* background-color: #DD3500; */
}
/* Add CSS to ensure testimonial cards display side by side */
.cilent-testimonials {
    width: 49.8%; /* Make each testimonial card take 50% width */
    float: left; /* Float them to the left */
    box-sizing: border-box; /* Include padding and border in width */
    padding: 10px; /* Add some padding */
}

/* Clear the float after every two testimonials */
.cilent-testimonials:nth-child(odd) {
    clear: both;
}
/* Add CSS for fade animation */
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.cilent-testimonials {
    animation: fade-in 1s ease-in-out; /* Add fade-in animation to testimonial cards */
}
.service-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0; /* Initially hide the icon */
    transition: opacity 0.3s ease;
}

.service-item:hover .service-icon {
    opacity: 1; /* Show the icon on hover */
}
/* team carousel abotus page */
.about_team_images {
    margin-right: 0.6vw;
}
.about_team_images img{
width:100%
}
/* about_team_images{
} */
.member_name{
    margin-bottom: 1.5vw;
}
/* .team_carousel{
    margin-left: 6.25vw;
} */
.slick-prev{
    display: none !important;
}
.our-team .team-member{
    /* margin-left: 11.5vw; */
}
.teamm{
    /* width: 575px !important; */
}
.team_carousel .slick-initialized .slick-slide{
    width: auto !important;
}
/* services_brief */
.the_process .our_the_process_steps:hover {
    /* border-color: #DD3500; */
    border-top: 1px solid #dd3500;
    border-bottom: 1px solid #dd3500; /* Change border color to orange on hover */
    /* overflow: hidden; */
    animation: glowing 20s linear infinite;
    /* opacity: 0; */
    /* transition: opacity .3s ease-in-out; */
    /* filter: blur(5px); */
    box-shadow: 0px 10px 20px rgba(221, 53, 0, 0.4) inset,
    0px -10px 20px rgba(221, 53, 0, 0.4) inset;
/* Apply transition to smooth out the change */
/* transition: all 1s; */
    /* transform : scaleX(1.5); */
/* Apply transition to smooth out the change */
    /* Glow Blur */
    /* filter: blur(20px);*/
  width: calc(100% + 10%); /*Adjust as needed based on your layout */
   margin-left: -20px; /*Offset to center the expanded card */
    margin-right: -20px; /*Offset to center the expanded card */  
}
.the_process .our_the_process_steps:hover .col-md-8 {
    width: calc(85.33333333% + 20px); /* Adjust as needed based on Bootstrap's grid system */
    /* Apply transition to smoothly expand the width */
    transition: width 0.3s ease-in-out;
}
.the_process .our_the_process_steps .the_process_steps:hover {
   width: 100%;
}

/* /* .mobile_none{
    display:  none !important;
} */
.desktop_none{
    display: none !important;
}
.menu_icon{
    display: none;
}
.select_your_work .casestudy-2 h6 img{
    width: 1vw;
}
.team_carousel  .carosuel {
    /*width: auto !important;*/
    margin: 0 0.7vw;
}
.lets_discuss_banner{
    padding: 15.05vw 0 7.1vw;
}
.design_planning{
    padding: 15vw 0 8.75vw;
}
.service_brief{
   padding: 0 0 10.10vw;
}
.selected_projects{
    padding: 0 0 2.85vw;
}
/* Define transition for rotation effect * */
.projects {
     transform-origin: center;
    transform: translate(0px, 0px); 
     transition: transform 0.5s ease; 
   }
/* Define slide-in from left animation */
/* @keyframes slideInFromLeft {
    0% {
      transform: translateX(-50%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
   */
  /* Define slide-in from right animation */
  /* @keyframes slideInFromRight {
    0% {
      transform: translateX(50%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  } */
  
  /* Apply animation to project cards */
  /* .projects {
    opacity: 0; /* Initially hide elements */
  /* } */
  
  /* Additional styles to position project cards */
  /* .projects.project1 {
    animation: slideInFromLeft 2s ease-out forwards;
  }
  
  .projects.project2 {
    animation: slideInFromLeft 2s ease-out forwards;
  }
  
  .projects.project3 {
    animation:  slideInFromRight 2s ease-out forwards;
  }
  
  .projects.project4 {
    animation: slideInFromRight 2s ease-out forwards;
  }
   */ 
   /* Define animation for opening gate effect */
/* @keyframes openGate {
    0% {
      transform: scaleX(0);
      opacity: 0;
    }
    100% {
      transform: scaleX(1);
      opacity: 1;
    }
  }
  
  /* Apply animation to project cards */
  /* .projects {
    transform-origin: left center;
    transform: scaleX(0);
    opacity: 0;
  }
   */
  /* Add specific styles to each project card */
  /* .project1 {
    animation: openGate 0.8s ease-out forwards;
  }
  
  .project2 {
    animation: openGate 0.8s ease-out forwards;
  }
  
  .project3 {
    animation: openGate 0.8s ease-out forwards;
  }
  
  .project4 {
    animation: openGate 0.8s ease-out forwards;
  }
   */
   /* Define transition for rotation effect */
/* Define transition for rotation effect */
/* .projects { */
    /* transform-origin: center;
    transform: translate(0px, 0px); /* Initial translation */
    /* transition: transform 0.5s ease; Smooth transition for transform */
  /* } */


  /* Define keyframes for sliding in from the right and rotating */
/* @keyframes slideInFromRight {
    from {
      transform: translateX(100%) rotate(0deg);
    }
    to {
    translateX(8%) rotate(-11deg)
  }
  
  /* Apply animation to elements with 'slide-in' class */
  /*  *.slide-in {
    animation: slideInFromRight 1s ease forwards;
  }
  
  /* Reset animation state */
  /* .slide-out {
    transform: translateX(100%) rotate(0deg);
  }/ */
  
  /* Additional styling for project cards */

  
  
  /* Ensure project cards are positioned relative */
   /* .projects {
    position: relative;
    left: 0;
  }
   */