@font-face {
    font-family: 'LemonMilkBold';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Medium.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'ExtraLemonMilkBold';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Bold.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'LemonMilk';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Regular.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'LemonMilkLight';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Ultra\ Light.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'Basel-Grotesk';
    src: url(/font/TheaterBaselGroteskVAR.woff) format('opentype');
    ;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url(/font/Gilroy-Medium.ttf) format('opentype');
    ;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..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&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --orange: #d66e0c;
}


.empty {
    height: 82px;
}

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

img {
    max-width: 100%;
}

a {
    color: rgb(0, 38, 115);
    text-decoration: none;
}

body {
    font-family: Gilroy-Medium;
    /* font-family: Basel-Grotesk; */
    font-size: 13px;
    background-color: #000000;
    color: #fff;
    
    
}

header {
    background: #000;
    font-size: 13px;
    height: auto;
    transition: all 0.2s ease-in-out;
    z-index: 100;
}

.content {
    height: 1000px;
}

header.fixedToTop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

/* add space for fixed header when it's fixed to top */
/* header.fixedToTop + .content{
    margin-top:8rem;
} */

.newcontainer {
    width: 90%;
    height: 100%;
    margin: auto;
}

.iconcontainer {
    height: inherit;
}

.iconImagecontiner {
    display: flex;
    align-items: center;
    height: inherit;
    justify-content: center;
}

.navbardevelop {
    display: grid;
    grid-template-columns: auto auto;
}

.imagewrapper {
    width: 200px;
    overflow: hidden;
    position: relative
}

.logosession {
    width: 100%;
    display: block;

}

.logowrapper {
    background-color: #000;
    width: 50px;
    padding-top: 10px;
    z-index: 2;
    /* Ensure a higher z-index value */
    position: relative;
    transition: scale 0.55s cubic-bezier(0.85, 0, 0, 1);
    /* Ensure positioning is set */
}

.footer-container .logowrapper {
    background-color: transparent;
}

.logotest {
    z-index: 1;
    width: 100px;
    padding-top: 10px;
    position: absolute;
    top: 9%;
    left: -100%;
    transition: left 0.55s cubic-bezier(0.85, 0, 0, 1);
}

.footersection .logotest {
    left: 25%;

}

.imagewrapper:hover .logotest {
    left: 25%;
}

/* .imagewrapper:hover img {
    scale:0.9 
} */


.activate {
    position: relative;
    transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.activate::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    display: block;
    transition: all 0.3s ease;
    bottom: 20%;
    left: 0%;
}

.activate::after {
    width: 100%;
    height: 2px;
    background-color: var(--orange);
}

.topnavbar {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 1000;
    background-color: #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.0316), 0 6px 20px 0 rgba(0, 0, 0, 0.036);

}

.navbarheader {
    width: 100%;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
}

.navsession {
    width: 100%;
    height: 75px;
    text-align: right;
    /* line-height: 75px; */
    display: block;
}

.navsession .dropdownnavbaritem {
    display: inline-block;

}

.boundlessPossibilities-item {
    font-family: 'LemonMilk';
}

.navsession .dropdownnavbaritem .topnavelements .headerhoveritem {
    position: relative;
    transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.navsession .dropdownnavbaritem .topnavelements .headerhoveritem:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    display: block;
    transition: all 0.3s ease;
    bottom: 20%;
    left: 0%;
}

.dropdownnavbaritem:hover .topnavelements .headerhoveritem::after {
    width: 100%;
    height: 2px;
    background-color: var(--orange);
}


.dropsubnavhead .headerhoveritem {
    position: relative;
    transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.dropsubnavhead .headerhoveritem:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    display: block;
    transition: all 0.3s ease;
    bottom: 0%;
    left: 0%;
}

.dropsubnavhead .hoverwrapperitem:hover .headerhoveritem::after {
    width: 100%;
    height: 2px;
    background-color: var(--orange);
}

.navsession a.topnavelements {
    padding: 10px 20px;
    color: #fff;
    font-family: Gilroy-Medium;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    text-align: right;
    line-height: 75px;

}

.navsession a.topnavelements:hover {
    color: #e1e5e9 !important;
}

.listdropdowwnnav {
    display: none;
    position: absolute;
    top: 75px;
    background-color: #f5f5f5;
    height: auto;
    left: 0;
    width: 100% !important;
    text-align: left;
    z-index: 1;

}

.navsession .dropdownnavbaritem:hover .listdropdowwnnav {
    display: block;
}



.dropdownav {
    width: 100%;
    height: auto;
    background-color: #f9f9f9;

}

.partnerImage {
    transform: scale(0.7);
}

.subnavbar .sideviwedropdown {
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 500;
    color: #000000;
    padding: 15px 0;
    padding-bottom: 20px;
    display: block;
    position: relative;
}

.subnavbar .sideviwedropdown .headerdrop {
    font-family: 'Poppins', sans-serif;

    text-decoration: none;
    font-weight: 500;
    color: #000000;
    padding: 18px 0;
    padding-right: 10px;
    font-size: 15px;
    display: inline-block;


}

.subnavbar .sideviwedropdown .headerdrop .headerdropitem {
    position: relative;
    transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.subnavbar .sideviwedropdown .headerdrop .headerdropitem:after {
    content: "";
    position: absolute;

    width: 0%;
    height: 1px;
    display: block;
    transition: all 0.3s ease;
    bottom: 1px;

}

.subnavbar .sideviwedropdown:hover .headerdrop .headerdropitem::after {
    width: 100%;
    height: 2px;
    background-color: var(--orange);
}

.iconarrow {
    position: absolute;
    right: 0;
    top: 52px;
    font-size: 12px !important;
}

.subnavbar .sideviwedropdown .dropsubnavhead {
    display: block;
}

.subnavbar .sideviwedropdown .dropsubnavhead a {
    display: block;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #000000;
    display: block;
    padding: 6px 0;
    font-size: 15px;
}


/* .subnavbar  .sideviwedropdown .dropsubnavhead a:hover{
color: #0080FF;
    }  */










.responcivenav {
    display: none;
    /* padding-top: 15px; */
    line-height: 75px;
    text-align: right;
}

.responcivenav a {
    color: #fff;
    cursor: pointer;
}

.responcivenav i {
    font-size: 24px;

}

.responcivedropdown {
    width: 100%;
    height: 100vh;
    background-color: #f9f9f9;
    position: fixed;
    z-index: 100;
    display: none;
    padding: 10px;
    overflow-y: scroll;
}

.respon-future-text {
    padding-left: 2rem;
}

.list {
    display: none;
}

.dropitem {
    margin: 15px 10px;
    border-bottom: 1px solid #2c2d2e;
}

.dropitem:last-child {
    border-bottom: none;

}

.dropitem a {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.dropitem:hover .list {
    display: block;


}


.responcivedropdown a {
    display: block;
    text-decoration: none;
    color: #000000;
    padding: 10px;

}

.dropdownsideviwedropdown {
    margin: 0 15px;
    padding: 15px;
    border-bottom: 1px solid #2c2d2e;

}

.dropdownsideviwedropdown:last-child {
    border-bottom: none;

}

.dropdownsideviwedropdown .dropheaderdrop {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.dropdownsideviwedropdown .dropheaderdrop i {
    margin-left: 20px;
}

.respdropsubnavhead {
    margin: 10px 25px;
    /* display: none; */

}

.dropdownsideviwedropdown:hover .respdropsubnavhead {
    display: block;
}

.respdropsubnavhead a {
    padding: 10px 10px;
    border-bottom: 1px solid #2c2d2e;
}

.respdropsubnavhead a:last-child {
    border-bottom: none;

}

.respdropsubnavhead a:hover {
    color: #2c7bca;
    border-bottom: 1px solid #003E8C;


}

.respdropsubnavhead a:last-child:hover {
    border-bottom: none;

}



.opennavbar {
    color: #fff
}

.fa-bars {
    color: #fff
}

.home-container {
    height: 100vh;

}

.intial-container {
    min-height: 100vh;
    height: auto
}

.expand-container {
    min-height: 100vh;

}

.footer-container-wrapper {
    min-height: 65vh;
}

.footer-container {
    height: 65vh
}

/* .scale-container{
    height:200vh;
    
} */

.initial-banner-head {
    min-height: 50vh;
    width: 100vw;

}

.initial-banner {
    width: 100vw;

}



.banner-head {
    height: 50%;
}

.banner-head {
    height: 50%;
}

.banner-head-item {
    height: 50vh !important;
}

.initial-banner-head2 {
    min-height: 50vh;
}

.banner-head2 {
    height: 50%
}

header.fixedToTop+.home-container {
    margin-top: 5rem;
}

.banner-head h1,
.banner-headsub h1,
.rad-360-value-title__header-first-line h1,
.sticky-content-heading h1 {
    font-family: "ExtraLemonMilkBold";
    font-size: calc(3.5em + 1vw);
    font-weight: 900;
    margin-bottom: 0;

}

.banner-head,
.banner-headsub {
    overflow: hidden;
}

.boundlessPossibilities a {
    text-decoration: none;
    color: #fff;
}

.boundlessPossibilities header a {
    text-decoration: none;
    color: black;
}

.btnviewmore {
    padding-left: 15px;
    text-decoration: none;
    display: inline-block;
    color: rgb(248, 244, 244);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border: 1px solid rgb(0, 0, 0);


}

.boundlessPossibilities-item .btnviewmore {
    padding-left: 0px;


}

.btnviewmore i {
    padding: 6px 9px;
    background-color: #ec710c;
    color: #fff
}

.btnviewmore:hover i {
    background-color: #f15b04;
    color: rgb(255, 255, 255);


}

.btnviewmore a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.eg {
    background-color: #fff;
}

.researchreport {
    background-image: url(/images/Research-report.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center right;

}

.researchreport {
    font-family: Gilroy-Medium;
    font-weight: 400;
}

.researchtitle h1,
.researchtitle {
    font-family: "LemonMilkBold";
    text-transform: uppercase;
    /* font-family: "poppins"; */
    font-weight: 700;
}

.researchdetails h2 {
    font-weight: 600;
}

.researchtitle {
    text-transform: uppercase;
    font-family: "LemonMilk";
    /* font-weight: 200; */
}


/* .btncenter {
    text-align: center;
    padding: 35px 0;
} */

.infobtns {
    font-family: "poppins";
    padding: 0px;
    padding-left: 10px;
    background-color: var(--orange);
    color: #fff;
    /* border: 1px solid #141414; */
    font-size: 16px;
    text-decoration: #131313;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    transition: .4s;

}

.infobtns i {
    background-color: #fff;
    color: #000;
    padding: 5px 5px;
    margin-left: 3px;
    transition: .4s;
}

.infobtns:hover i {
    background-color: rgb(240, 230, 230);
    color: #252424;

}

.researchcontent {
    width: 80%
}

.topgenai h1 {
    font-family: "LemonMilk";
    font-weight: 200;
}

/* .itemwidth{
    width: max-content;
    overflow-block:clip ;
    position:absolute
} */


.topgenai-container {
    width: 100%;
    height: 50vh;
    position: relative;
    overflow: hidden;
}

.topgenai-container h1 {
    font-family: "LemonMilkBold";
    text-transform: uppercase;
    /* font-family: "poppins"; */
    font-weight: 700;


}

.topgenai {
    background-image: url(/images/Topgenainormal.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center center;
    width: 100vw;
}

.grayscale-overlay {
    width: 40%;
    height: 100%;
    backdrop-filter: grayscale(1);
    background: rgb(22, 22, 22);
    mix-blend-mode: saturation;
    background-color: rgba(30, 30, 30, 0.5);
    position: absolute;
    top: 0;
    left: 0;


}

.grayscale-overlay::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(12, 12, 12);
    mix-blend-mode: saturation;

    backdrop-filter: grayscale(1);
    background-color: rgba(30, 30, 30, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.draggable {
    width: 5px;
    height: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    line-height: 100px;
    position: absolute;
    top: 0;
    left: 40%;
    cursor: grab;
}

.draggable img {
    width: 45px;
    max-width: 45px;
    object-fit: cover;
    position: absolute;
    top: 58%;
    left: -20px
}

.casestudy {
    background-image: url(/images/Casestudy.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    font-family: Gilroy-Medium;
    background-position: left;
    text-align: right;
}

.topgenai .btncenter {
    z-index: 100px;
}

/* 
.btncenter i{
    background-color: #fff;
    color:#000;
    padding: 10px 8px;
    margin-left: 3px;
    transition: .4s;
} */

.casestudy .infobtns,
.cards-container .card2 .infobtns {
    padding: 0;
    padding-right: 15px;



}

.casestudy .infobtns i,
.cards-container .card2 .infobtns i {

    margin-right: 3px;
    margin-left: 0;

}

.text-circle {
    position: relative;
    display: inline;
    width: max-content;
    text-align: center;
    font-weight: 400 !important;
}

.rad-360-value-title__header-circle-path {
    stroke-dasharray: 1050;
    /* Length of the circle's perimeter */
    stroke-dashoffset: 1050;
    /* Initially hide the circle */
    transition: stroke-dashoffset 1s ease;

}

.rad-360-value-title__header-circle {
    aspect-ratio: 1;
    height: 1rem;
    position: absolute;
    top: 10px;
    left: 97%
}

.transubtext {
    font-family: Gilroy-Medium;
    text-align: center;

}

.rad-360-value-title__header-first-line {
    font-family: "LemonMilk";
    font-weight: 400;
    text-align: center;
}

.rad-360-value-title__header-circle-path.fill {
    stroke-dashoffset: 0;
    /* Show the complete circle */
}

.text-trans {
    display: inline;
    padding-left: 15px;
    font-weight: 400 !important;
}

.trans {
    min-height: 25vh;
    height: max-content;
}

.scale-image-container,
.scale-image-container2 {
    position: relative;
    height: 100vh;
    overflow: hidden !important;

}


.scale-image,
.scale-image2 {
    position: absolute;
    width: 100%;
    height: 100%;



}

.scale-image img,
.scale-image2 img {
    width: 100%;
    object-fit: cover;
    height: 100%;


}

.scale-content,
.scale-content2 {
    background-color: #fff;
    color: #000;
    width: 50%;
    height: fit-content;
    z-index: 1 !important;
    opacity: 1;


}

.scale-content-container {
    z-index: 1 !important;
    width: 100%;

}

.sticky-content-heading {
    font-family: "LemonMilk";

}

.scale-content .infobtns i,
.scale-content2 .infobtns i {
    background-color: #000;
    color: #fff;

}

.infobtns:hover i {
    background-color: rgb(240, 230, 230);
    color: #252424;

}

.scale-content-dicp {
    font-family: "Poppins", sans-serif;
}

.home .scale-content-dicp {
    font-family: Gilroy-Medium;
}

.scale-content-subtitle {
    font-family: Gilroy-Medium;
    font-weight: 600;
}

.scale-content-title {
    font-family: "LemonMilk";
    font-size: large;
    font-weight: 700;
    color: #808080;
    text-transform: uppercase;

}


.sticky-content {
    position: sticky;
    position: -webkit-sticky;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    text-align: center;
}

.sticky-content h1 {
    font-size: 4rem;

}

.cards-container {
    width: 100%;
    padding-bottom: 100vh;
    font-family: Gilroy-Medium;

}

.cards-container .card {
    height: 400px;
    /* width:60%; */
    max-width: 350px;
    color: black;
    position: relative;
    top: 50vh;
    overflow: hidden;
    transition: transform 0.5s ease;
    border-radius: 0%;

}

.card .card-title {
    padding: 5px;
    position: absolute;
    bottom: 3%;
    transition: transform 0.5s ease;
    color: white;
}

.card .card-content {
    transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transition: transform 0.5s ease;
    padding: 5px;
    color: white;
}

.card:hover .card-title {
    transform: translateY(-100vh);
    -webkit-transform: translateY(-100vh);
    transition: transform 1.2s ease-in-out;
    -webkit-transition: -webkit-transform 1.2s ease-in-out;
}

.card:hover .card-content {

    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: transform 1.2s ease-in-out;
    -webkit-transition: -webkit-transform 1.2s ease-in-out;
}

.cards-container .card:nth-child(2) {

    margin-top: 30vh;
}

.cards-container .card:nth-child(1) {

    margin-right: 50px;
}

.cards-container .card3 {

    margin-right: 50px;
}

.cards-container .card:nth-child(3) {

    margin-right: 50px;
}

.cards-container .card img {
    height: 100%;
    object-fit: cover;

}

.cards-container .card:hover img {

    filter: blur(2px);
}

.cards-container .card .btncenter {
    position: absolute;
    top: 150%;

}

.sticky-content-heading {
    width: 70%
}

.footersection {
    background-image: url(/images/footer.png);
    /* overflow: hidden; */
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    min-height: auto;
    font-family: Gilroy-Medium;
    background-position: center center;
}

.home .footersection {
    background-image: url(/images/Home-Footer2.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 65vh;
    font-family: Gilroy-Medium;
    background-position: center center;
}

.social-media img {
    width: 170px;
    cursor: pointer;
    padding: 18px 0px;
}

.footersection h1 {
    font-family: "ExtraLemonMilkBold";
}

.footersection h6 {
    padding-right: 15px;
    font-family: "Poppins", sans-serif;
}

.footer-disc {
    font-family: "Poppins", sans-serif;
    width: 50%;
    font-size: 0.6rem;
    text-align: center;
}

.footer-text {
    height: 35vh
}

.footer-container .newcontainer {
    height: auto;
    min-height: 65vh;
}

.footer-right {
    font-family: "Poppins", sans-serif;

    font-size: 0.6rem;
}

/* .footertitelcontent{
    margin-top: -60px;
} */
.footertitle h1 {

    font-family: "ExtraLemonMilkBold";
    font-size: calc(3.5em + 1vw);
}

.footertitle .item1 {
    transform: translateX(-75px);
    /* Standard transform property */
    -webkit-transform: translateX(-75px);
    /* Safari-specific prefix */
}

.footertitle .item2 {
    transform: translateX(75px);
    /* Standard transform property */
    -webkit-transform: translateX(75px);
    /* Safari-specific prefix */
}

.footertitelcontent {
    height: max-content;
    width: 100%
}

.letter-animation {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.letter-animation h1 {
    display: inline-block;
    margin: 0;
    animation: slideIn 1.8s forwards;
    opacity: 0;
}

.PulseofChange {
    text-align: right;
}

.topgenai .right-align {
    text-align: right;
}

.card {
    border: 0;
}

.desc-top-gen {
    font-family: "Poppins", sans-serif;
}

.footer-container .footer-link h6 {
    cursor: pointer;
    font-family: "Poppins", sans-serif;
}

.footer-container .footer-link a {
    text-decoration: none;
    color: #fff
}

/* .researchcontent h5,.researchcontent h2{
    font-family: Basel-Grotesk;
} */

.loader-wrapper {
    z-index: 8000;
    background-color: #0a0a0a6b;
    /* background-color: #f9f9f96b; */
    /* background-color: #000; */
    /* filter:blur(1px); */
    /* background-image: linear-gradient(to right, #274EA0, #14ACE0); */
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-wrapper img {
    width: 200px;
    position: relative;
    /* top:7%; */

}

.home-index .loader-wrapper img {
    width: 200px;
    position: relative;
    top: 6%;

}

.whole-wrapper-item {
    filter: blur(5px)
}

.social-media i {
    font-size: 19px;
    padding: 20px 10px;
    cursor: pointer
}

.social-media i:hover {
    color: var(--orange);
    transform: scale(1.2);

}

.researchcontent h5 {
    font-family: Gilroy-Medium;
}

.abtc {
    font-weight: bold;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        /* Safari-specific prefix */
    }

    to {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        /* Safari-specific prefix */
    }
}

@media only screen and (max-width: 1600px) {
    .scale-image img {

        object-fit: cover;
    }

    .cards-container .card {

        max-width: 310px;
        height: 410px;

    }

}

@media only screen and (max-width: 992px) {
    .researchcontent {
        width: 100%
    }

    /* .researchreport{
        background-image: url(/images/Research-report-res.png);
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        height:100%
    
    } */
    .cards-container .card:nth-child(1) {

        margin-right: 30px;
    }

    .cards-container .card3 {

        margin-right: 30px;
    }

    .cut {
        display: none;
    }
}

@media only screen and (max-width: 780px) {
    .sticky-content h1 {
        font-size: 3rem;

    }

    .scale-content,
    .scale-content2 {

        width: 100%;
    }

    /* .cards-container{
   
       flex-direction: column;
       
    }
    .cards-container .card{
        width:100%;
        max-width: 300px; 
       
    }
    .cards-container .card:nth-child(2){
        margin-top: 20px;
        margin-left: 20%;
    }

    .cards-container .card .btncenter{
        position: absolute;
        top:120%;
    
    } */
    .social-media img {
        width: 140px;
        cursor: pointer;
        padding: 20px 0px;
    }

    .footer-disc {
        width: 100%;

    }

    .banner-head {
        height: 40%;
    }

    .home .banner-head {
        height: 100%;
    }

    .banner-head2 {
        height: 60%
    }

    .home .banner-head2 {
        height: 100%
    }

    .respon-future-text {
        padding-left: 1rem;
    }
}

/* .footersection .logo{
    width:200px;
    padding-left: 4px;

} */

@media only screen and (max-width: 1200px) {
    .navsession {
        display: none;
    }

    .responcivenav {
        display: block !important;
    }

    .banner-head h1,
    .banner-headsub h1,
    .sticky-content-heading h1,
    .sticky-content-heading h1 {
        font-size: calc(3.3em + 1vw);
        font-weight: 800;
        margin-bottom: 0;

    }



}


@media only screen and (max-width: 567px) {
    .sticky-content h1 {
        font-size: 2rem;

    }

    .banner-head h1,
    .banner-headsub h1,
    .rad-360-value-title__header-first-line h1,
    .sticky-content-heading h1 {
        font-size: calc(2em + 1vw);
        font-weight: 800;
        margin-bottom: 0;

    }

    .footertitle h1 {
        font-family: "ExtraLemonMilkBold";
        font-size: calc(2.3em + 1vw);
    }

    .respon-future-text {
        padding-left: 0.5rem;
    }

    .draggable {

        left: 40%;

    }

    .casestudy {


        text-align: left;
    }

    .rad-360-value-title__header-circle {
        aspect-ratio: 1;
        height: .8rem;
        position: absolute;
        top: 8px;
        left: 100%
    }

    .social-media i {
        font-size: 16px;
        padding: 30px 5px;
        cursor: pointer
    }

}