*{
    margin: 0;
    padding: 0;
}
body{background-color: #24293D; font-family: 'Oswald'; font-style: normal; color: #FFFFFF;}

.font1{font-family: 'Source Sans Pro';font-style: normal;font-weight: 600;}
/* Hide scrollbar for IE, Edge and Firefox */
.list-group::-webkit-scrollbar {
    display: none;
}

.list-group {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for IE, Edge and Firefox End*/

/*==INDEX STYLE==*/
/*==NAVBAR STYLE==*/
.bg-header{
    background: #1C202F;
}
.img-logo{
    width: 75px;
}  
.logo-bar{
    border-right: 1px solid #90BCFC;
    height: 21px;
    position: absolute;
    margin-left: 100px;
    margin-top: -29px;
}    
.head-text{
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.head-text:hover{
    color: #FFFFFF;
}
.head-text:hover{
    color: #90BCFC;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #90BCFC;
}
.text-white{
    color:#FFFFFF;
}
.dropdown-menu{
    background: #37415E;
}
/*==PRODUCT==*/
.main-container{
    display: flex;
    max-width: 1648px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
/*===MENU SEC1===*/
.section1{
    position: relative;
    background: linear-gradient(118.12deg, #FFFFFF 0.27%, rgba(255, 255, 255, 0) 79.22%),url(../img/Hero-BG.jpg);
    width: 100%;
    min-height: 815px;
    background-size: cover;
}
.dash-img {
    position: relative;
    width: auto;
    height: 663px;
    margin-top: 125px;
    right: auto;
}
.p-one{
    padding: 9px 60px 60px 60px;
}
.fow-head{
    font-weight: 700;
    font-size: 100px;
    line-height: 105px;
    text-transform: uppercase;
    color: #24293D;
}
.fow-head span{
    color: #3CC4FF;
}
.section-head{
    max-width: 355px;
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.section-head span{
    color: #3CC4FF;
}
.text-fow{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #24293D; 
}
.btn-comon1{
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 131px;
    padding: 13px 26px;
    font-size: 14px;
    font-weight: 600;
    color: #24293D;
    background: #90BCFC;
    border-radius: 100px;
    border: none;
    text-decoration: none;
}
.mt-11 {
    margin-top: 8rem;
}
.justify{
    display: flex;
    justify-content: center;
    gap: 45px;
}
.fow-img{
    width: 390px;
    height: auto;
}
/*===MENU SEC2===*/
.section2{
    min-height: 950px;
    background: #D7E7FF;
}
.mt-head1{
    margin-top: 196px;
}
.heading1{
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}
.info-text1{
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #24293D;
}
.introcard{
    width: 262px;
    height: 385px;
    background: #24293D;
    border-radius: 10px;
}
.introcard .top-block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 35px 18px 35px;
    height: 242px;
}
.introcard h4{
    font-weight: 700;
    font-size: 28px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.introcard p{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.introcard .botom-block{
    height: 143px;
    background: #65C8FF;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 40px 35px 35px 35px;
}
.introcard .botom-block p{
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
    height: 9px;
}
.introcard .botom-block .foot{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #24293D;
}
.card-area{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 98px;
    gap: 33px;
}
/*===MENU SEC3===*/
.list-group-item {
    background-color: #ffffff00;
    border: none;
}
.section3{  
    height: auto;
    min-height: 1196px;
    background: #24293D;
}
.tb-margin{
    margin-top: 104px;
    margin-bottom: 90px;
}
.t-margin{
    margin-top: 90px;
}
.drop-img{
    width: 92px;
    height: auto;
}
.browser-img{
    position: relative;
    width: auto;
    height: 721px;
    margin-top: 18px;
    margin-bottom: 25px;
    float: right;
}
.drop-txt{
    font-weight: 600;
    font-size: 112px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #E6E6E6;
}
.dtd-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px 30px 110px;
    margin-bottom: 50px;
}
.dtd-txt span{
    font-weight: 700;
}
.dtd-txt{
    max-width: 500px;
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 42px;
    margin-bottom: 34px;
}
.tiles{
    display: flex;
    justify-content: center;
    padding: 15px;
}
.tiles-move{
    display: flex;
    position: relative;
    height: 90%;
    width: 100%;
}
.tiles-move .tiles-block1 .tiles-block2{
    width: 50%;
}
.tiles-move .tiles-block1 .img2{
    position: absolute;
    margin-top: -56px;
    margin-left: 102px;
    z-index: 1;
}
.tiles-block1 .img3{
    margin-top: 152px;
    margin-left: -35px;
}
.tiles-move .tiles-block2{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.tiles-move .tiles-block2 .img4{
    position: absolute;
    margin-top: -220px;
    margin-left: 90px;
}
.tiles-move .tiles-block2 .img5{
    position: absolute;
    margin-top: -40px;
}
.u-frame{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 50px;
    gap: 5px;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin-top: 25px;
    background: #FFFFFF;
    border-radius: 11.9307px;
}
.feed-txt{
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #24293D;

}
.u-img{
    width: 37.5px;
    height: 37.5px;
    margin-right: 9px;
}
.u-name{
    font-weight: 700;
    font-size: 17.9807px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
}
.u-rank{
    font-weight: 400;
    font-size: 12px;
    /* line-height: 14px; */
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
    margin-top: -3px;
    position: absolute;

}
.camp-txt{
    width: auto;
    max-width: 914px;
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 42px;
    margin-bottom: 34px;
}
.perf-txt{
    width: auto;
    max-width: 580px;
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 42px;
    margin-bottom: 34px;
}
/*===MENU SEC4===*/
.section4{
    min-height: 1196px;
    background: #F5F5F5;
    padding-bottom: 125px;
}
.mission-head{
    font-weight: 700;
    font-size: 120px;
    line-height: 130px;
    text-transform: uppercase;
    color: #24293D;
}
.mission-head span{
    color: #3CC4FF;
}
.mison-txt{
    width: auto;
    max-width: 483px;
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
    color: #24293D;
}
.mison-txt span{
    font-weight: 700;
}
.team{
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
}
.team-card{
    text-align: center;
    width: 240px;
    height: 400px;
}
.team-img{
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: #D9D9D9;
}
.team-name{
    margin-top: 12px;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #24293D;
    text-transform: uppercase;
}
.team-pos{
    font-weight: 700;
    font-size: 16px;    
    color: #24293D;
    text-transform: uppercase;
}
.team-feed{
    width: 292px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #24293D;
}
.insight-thumb{
    margin-top: -200px;
}
/*==FUTURE OF WORK==*/

.w-sec1{
    background: #24293D;
}
.gamecult-area{
    padding: 190px;
}
.gamecult-area h1{
    font-weight: 700;
    font-size: 100px;
    line-height: 105px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.gamecult-area h1 span{
    color: #3CC4FF;
}
.fow-info{
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: auto;
}

.w-sec2{
    background: #37415E;
}
.trilon{
    padding: 65px 160px;
}
.trilon-txt{
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    color: #FFFFFF;
    align-self: stretch;
}
.trilon p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    align-self: stretch;
}
.w-sec3{
    background: #90BCFC;
    padding-bottom: 95px;
}
.workforce-area{
    padding: 80px;
}
.new-skil{
    width: 912px;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
}
.genz{
    width: 684px;
    line-height: 35px;
    text-align: center;
    color: #24293D;
}
.mt-gen{
    margin-top: 30px;
    margin-bottom: 22px;
}
.btn-more{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #24293D;
    font-weight: 600;
    font-size: 14px;
    width: 131px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 100px;
    text-decoration: none;
    border: none;
}
.fs2{    
    font-size: 20px;
}
.fs3{    
    font-size: 30px;
}
.fw4{    
    font-weight: 400;
}
.fw7{    
    font-weight: 700;
}
.w-sec4{
    background-image: url("../img/reshape.png");
    height: 985px;
    background-size: cover;
    background-repeat: no-repeat
}
.w-sec4 h4{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.w-sec4 h4 span{
    color: #3CC4FF;
}
.reshape{
    padding: 130px 0 130px 130px;
}
.reshape p{
    width: auto;
    max-width: 555px;
    line-height: 35px;
    text-align: left;
    color: #FFFFFF;
}
.w-sec5{
    background: #F5F5F5;
}
.culture{
    padding: 80px 0 0px 90px;
}
.culture h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #24293D;
}
.culture p{
    width: auto;
    max-width: 555px;
    line-height: 35px;
    text-align: left;
    color: #24293D;
}

/*==RESOURCES==*/
.r-sec1{
    padding: 182px 10px;
    height: 667px;
    background: #37415E;
}
.anything{
    width: auto;
    max-width:866px;
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 90px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.search-box{
    height: 57px;
    background: #24293D;
}
.sw{
    max-width: 571px;
}
.r-sec2{
    padding-top: 110px;
    padding-bottom: 110px;
    background: #D7E7FF;
}
.comon-h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #24293D;
}
.mycard{
    padding: 62px 30px;
    width: 348px;
    height: 464px;
    background: #24293D;
    border-radius: 11.6px;
}
.mycard .block1{
    height: 70px;
    display: flex;
    align-items: center;
}

.mycard .block3{
    height: 105px;
}
.mycard h6{
    font-weight: 700;
    font-size: 35px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.mycard p{
    max-width: 220px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.r-sec3{
    padding: 128px;
    background: #F5F5F5;
}
.info-txt2{
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #24293D;
}
.fs06{
    font-size: 16px;
}
.fs08{
    font-size: 18px;
}
.accordion-header{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    color: #24293D;
    border-top: 1px solid black;
}
/*==PRICING==*/
.p-sec1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 861px;
    background: #D7E7FF;
}
.glob-h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #24293D;
}

.p-sec2{
    background: #fff;
    padding: 100px 100px;
}
.text-comon{
    color: #24293D;
}
.plancard{
    gap: 40px;
    justify-content: center;
}
.pricecard{
    width: 348px;
    height: 474px;
    background: #24293D;
    border-radius: 11.6px;
}
.pricecard h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    color: #24293D;
}
.pricecard h6{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.pricecard .top-block1{
    height: 122px;
    display: flex;
    align-items: center;
    background: #3CC4FF;
    border-top-left-radius: 11.6px;
    border-top-right-radius: 11.6px;
}
.pricecard .top-block2{
    height: 122px;
    display: flex;
    align-items: center;
    background: #84FFDA;
    border-top-left-radius: 11.6px;
    border-top-right-radius: 11.6px;
}
.pricecard .top-block3{
    height: 122px;
    display: flex;
    align-items: center;
    background: #90BCFC;
    border-top-left-radius: 11.6px;
    border-top-right-radius: 11.6px;
}
.pricecard .botom-block{
    height: auto; 
    padding: 5px 22px 20px 22px;
}
.pricecard p{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 5px;
}
.pricecard p span{
    font-weight: 400;

}
.pricecard .foot{
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.expert-form{
    width: auto;
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
}
.term-text{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #24293D;
}
.formbg{
    height: 57px;
    background: #FFFFFF;
    border: 1px solid #7C7C7C;
}
.w-input{
    width: 303px;
}
.fs1{
    font-size: 18px;
}
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: #ffffff00;
    border:none;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #ffffff00;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: #ffffff00;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
.carousel-inner {
    margin-bottom: 60px;
}
/*===FOOTER SEC===*/
.footer-sec{
    height: auto;
    min-height: 300px;
    background: #161616;
    padding: 35px 0 68px 0;
   
}
.foot-nav{
    text-align: left;
}
.copyright{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.btn-sales{
    width: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 30px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #90BCFC;
    background: #ffffff00;
    border: 2px solid #90BCFC;
    border-radius: 100px;
}
.indicator-left{
    margin-top: -5px;
    margin-right: 9px;
}
.indicator-right{
    margin-top: -5px;
    margin-left: 9px;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 54px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFF;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-indicators .active {
    background-color: #3CC4FF !important;
}
.accordion-button{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    color: #24293D;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.accordion-button::after {
    background-image: none;
}
/*=====ANIMATION FOR CARD=====*/

.zoom-in-zoom-out {
    margin: 2px;
    animation: zoom-in-zoom-out 3.4s ease-out infinite;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(0.8, 0.8);
    }
    100% {
      transform: scale(1, 1);
    }
  }

/* @-webkit-keyframes left-one {
    0% {
      left: 0%;
    }
    100% {
      margin-left: 30%;
    }
  }
  
  @keyframes left-one {
    0% {
        left: 0%;
      }
    100% {
        margin-left: 30%;
    }
  }
  
.move-card1 {
    position: absolute;
    height: auto;
    animation: left-one 0.9s linear 0s infinite;
    -webkit-animation: left-one 0.9s linear 0s infinite;
    -moz-animation: left-one 0.9s linear 0s infinite;
    --0-animation: left-one 0.9s linear 0s infinite;
    z-index: 1;
}
@-webkit-keyframes botom-one {
    0% {
        margin-top: -52px;
    }

    100% {
        margin-top: 180px;
    }
  }
  
  @keyframes botom-one {
    0% {
        margin-top: -52px;
    }

    100% {
        margin-top: 180px;
    }
  }
  
.move-card2 {
    position: absolute;
    height: auto;
    animation: botom-one 0.9s linear 0s infinite;
    -webkit-animation: botom-one 0.9s linear 0s infinite;
    -moz-animation: botom-one 0.9s linear 0s infinite;
    --0-animation: botom-one 0.9s linear 0s infinite;
    z-index: 1;
}
@-webkit-keyframes left-two {
    0% {
        left: 0%;
      }
    100% {
        margin-left: 30%;
    }
  }
  
  @keyframes left-two {
    0% {
        left: 0%;
      }
    100% {
        margin-left: 30%;
    }
  }
  
.move-card3 {
    height: auto;
    animation: left-two 0.9s linear 0s infinite;
    -webkit-animation: left-two 0.9s linear 0s infinite;
    -moz-animation: left-two 0.9s linear 0s infinite;
    --0-animation: left-two 0.9s linear 0s infinite;
    z-index: 1;
}
@-webkit-keyframes right-one {
    0% {
        right: 0;
    }

    100% {
       right: 320px;
    }
  }
  
  @keyframes right-one {
    0% {
        right: 0;
    }

    100% {
        right: 320px;
    }
  }
  
.move-card4 {
    position: absolute;
    height: auto;
    animation: right-one 0.9s linear 0s infinite;
    -webkit-animation: right-one 0.9s linear 0s infinite;
    -moz-animation: right-one 0.9s linear 0s infinite;
    --0-animation: right-one 0.9s linear 0s infinite;
    z-index: 1;
}
@-webkit-keyframes botom-two {
    0% {
        margin-top: -52px;
    }

    100% {
        margin-top: 180px;
    }
  }
  
  @keyframes botom-two {
    0% {
        margin-top: -52px;
    }

    100% {
        margin-top: 180px;
    }
  }
  
.move-card5 {
    position: absolute;
    height: auto;
    animation: botom-two 0.9s linear 0s infinite;
    -webkit-animation: botom-two 0.9s linear 0s infinite;
    -moz-animation: botom-two 0.9s linear 0s infinite;
    --0-animation: botom-two 0.9s linear 0s infinite;
    z-index: 1;
} */
/*========MOBILE RESPONSIVE========*/
@media only screen and (max-width: 756px){
    /*==INDEX STYLE==*/
    .main-container {
        width: 100%;
    }
    .logo-bar {
        display: none;
    }
    .fow-head{
        text-align: center;
        font-size: 60px;
        line-height: 70px;
    }
    .browser-img {
        height: 500px;
    }
    .mission-head{
        font-size: 60px;
        line-height: 70px;
        text-align: center;
    }
    .section-head{
        text-align: center;
        font-size: 35px;
        line-height: 45px;
        margin-left: auto;
        margin-right: auto;
    }
    .dash-img {
        position: relative;
        width: auto;
        height: 663px;
        margin-top: 45px;
        right: -15px;
    }
    .section2 {
        min-height: 745px;
    }
    .dtd-area {
        padding: 3px 3px 30px 3px;
    }
    .team{
        font-size: 30px;
    }
    .team-card{
        height: 345px;
    }
    .mt-11 {
        margin-top: 3rem;
    }
    .mt-head1 {
        margin-top: 70px;
    }
    .t-margin {
        margin-top: 30px;
    }
    .p-one{
        padding: 9px;
    }
    .drop-txt{
        font-size: 50px;
    }
    .justify-center{
        display: flex;
        justify-content: center;
    }
    .text-fow{
        text-align: center;
    }
    .dtd-txt{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .camp-txt{
        text-align: center;
    }
    .mison-txt{
        text-align: center;
    }
    .perf-txt{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .anything {
        font-size: 40px;
        line-height: 50px;
        margin-top: 125px;
        margin-bottom: 125px;
    }
    .insight-thumb{
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .justify{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .com-img{
        width: 100%;
    }
    .card-area {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 98px;
        gap: 33px;
        overflow: scroll;
    }
    .tiles{
        display: flex;
        justify-content: center;
        padding: 15px;
    }
    /* .tiles-move {
        padding: 60px 20px 20px 39px;
    } */
    .tiles-block1 .img1{
        width: 120.32px;
        height: 71.04px;
        margin-left: 23px;
    }
    .tiles-block1 .img2{
        width: 175.62px;
        height: 103.69px;
        margin-top: -23px !important;
        margin-left: 66px !important;
    }
    .tiles-block1 .img3{
        width: 137.34px;
        height: 81.08px;
        margin-top: 65px !important;
        margin-left: 2px !important;
    }

    .tiles-move .tiles-block2 .img4{
        width: 101.96px;
        height: 60.2px;
        margin-top: -58px !important;
        }
    .tiles-move .tiles-block2 .img5{
        width: 70.32px;
        height: 41.52px;
        margin-top: -18px !important;
        margin-left: 0;
        }
    .head-img{
        width: 56px;
    }
    .fit-img{
        width: 100%;
    }
    .w-sec4 h4{
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }
    .gamecult-area h1 {
        font-weight: 700;
        font-size: 60px;
        line-height: 70px;
        text-align: center;
    }
    .gamecult-area{
        padding: 3px 32px;
        margin-top: 110px;
        margin-bottom: 110px;
    }
    .trilon{
        padding: 11px 32px;
    }
    .trilon p{
        text-align: center;
    }
    .trilon-txt {
        text-align: center;
    }
    .workforce-area{
        padding: 5px 32px;
    }
    .reshape{
        padding: 9px 32px;
    }
    .culture{
        padding: 9px 32px;
    }
    .plancard{
        justify-content: flex-start;
    }
    .new-skil{
        width: 100%;
    }
    .reshape p {
        text-align: center;
    }
    .culture{
        text-align: center;
    }
    .culture p{
        text-align: center;
    }
    .p-sec1{
        padding: 0;
    }
    .p-sec2{
        padding: 0;
    }
    .r-sec1{
        padding: 10px;
    }
    .r-sec2{
        padding: 9px;
    }
    .r-sec3 {
        padding: 10px;
    }
    .footer-sec {
        padding: 0;
    }
    .mob-footer{
        display: grid;
        justify-content: center;
    }
    .indicator-left{
        margin-top: -9px;
    }
    .indicator-right{
        margin-top: -9px;
    }
    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: none;
        background-color: #90BCFC;
    }
    .carousel-indicators .active {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: none;
        background: #101119 !important;
    }
    .foot-nav{
        text-align: center;
    }
}


/*========TAB RESPONSIVE========*/
@media only screen and (min-width: 760px) and (max-width: 1190px){
    .main-container {
        width: 100%;
    }
    .dtd-area {
        padding: 3px 30px 30px 30px;
    }
    .mt-11 {
        margin-top: 3rem;
    }
    .fow-head{
        text-align: center;
    }
    .mission-head{
        font-size: 60px;
        line-height: 70px;
        text-align: center;
    }
    .section-head{
       text-align: center;
       margin-left: auto;
       margin-right: auto;
    }
    .mt-head1 {
        margin-top: 70px;
    }
    .reshape p {
        text-align: center;
    }
    .culture{
        padding: 9px;
        text-align: center;
    }
    .culture p{
        text-align: center;
    }
    .t-margin {
        margin-top: 30px;
    }
    .p-one{
        padding: 9px 60px 60px 60px;
    }
    .card-area {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 98px;
        gap: 33px;
        overflow: scroll;
    }
    .justify-center{
        display: flex;
        justify-content: center;
    }
    .text-fow{
        text-align: center;
    }
    .dtd-txt{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .camp-txt{
        text-align: center;
    }
    .mison-txt{
        text-align: center;
    }
    .perf-txt{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .insight-thumb{
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .justify{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .com-img{
        width: 100%;
    }
    /* .dtd-area{
        padding-left: 0;
    } */
    .gamecult-area{
        padding: 3px;
        margin-top: 110px;
        margin-bottom: 110px;
    }
    .trilon{
        padding: 3px;
    }
    .trilon p{
        text-align: center;
    }
    .trilon-txt {
        text-align: center;
    }
    .workforce-area{
        padding: 5px;
    }
    .plancard{
        justify-content: flex-start;
    }
    .new-skil{
        width: 100%;
    }
    .reshape{
        padding: 9px;
    }
    .footer-sec {
        padding: 0;
    }
    .mob-footer{
        display: grid;
        justify-content: center;
    }
    .r-sec1{
        padding: 10px;
    }
    .indicator-left{
        margin-top: -5px;
    }
    .indicator-right{
        margin-top: -5px;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1648px){
    .p-one {
        padding: 9px 60px 60px 150px;
    }
}
@media only screen and (min-width: 1648px){
    .dash-img {
        position: relative;
        width: auto;
        height: 663px;
        margin-top: 125px;
        right: -150px;
    }
}
@media only screen and (min-width: 2835px){
    .dash-img {
        position: relative;
        width: auto;
        height: 663px;
        margin-top: 125px;
        right: -45px;
    }
    .p-one {
        padding: 9px 60px 60px 175px;
    }
}
@media only screen and (min-width: 1012px) and (max-width: 1345px){
    .tiles-move .tiles-block2 .img4 {
        right: -35px;
    }
}