header{
    position:relative;
  }
  .quick-menu {
    margin-left: 6%;
    border-radius: 11px;
    padding: 12px;
    box-shadow: 0px 6px 12px -2px rgb(25 97 173 / 16%), 0px 6px 0px -4px rgb(67 144 226 / 5%);
    background: rgb(25 97 173);
}
  .navbar-toggler {
    cursor: pointer;
    width: 30px;
    height: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .navbar-toggler-icon div {
    width: 1.1rem;
    height: 3px;
    background-color: rgb(255, 255, 255);
    transition: all 0.3s ease;
    transform-origin: left center;
  }
  
  /* Active state for hamburger menu */
  .navbar-toggler-icon.active div:nth-child(1) {
    transform: rotate(45deg);
    position: relative;
    top: -2px;
  }
  
  .navbar-toggler-icon.active div:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler-icon.active div:nth-child(3) {
    transform: rotate(-45deg);
    position: relative;
    bottom:2px;
  }
  
  
   .navbar-toggler-icon {
    cursor: pointer;
    display: flex;
    flex-direction: column;
  
    align-items: center;
    row-gap: 3px;
    justify-content: center;
  } 
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem;
  }
  .navbar-toggler{
    border:solid 0px black;
  }
  .navbar-toggler.collapsed{
    border: none;
  }
  body.blur:not(.custom-mobile-sidebar) {
      filter: blur(5px);
      pointer-events: none; /* Prevent clicking on the blurred content */
  }
  .custom-mobile-sidebar{
      width:20%;
       
      z-index: 3434343434;
      padding:9% 20px 20px;
      top:-10%;
      background:white;
      visibility: hidden;
      opacity: 0;
      height: 1000%;
      position: fixed;
      left:171%;
    transition:all 0.5s;
    ul{
      padding-left:6%;
      list-style-type:none;
      display:flex;
      flex-direction:column;
      row-gap:20px;
      li{
        a{
           color:black;
           font-weight:400;
        }
        a:hover{
            color: rgb(25 97 173);
        }
      }
    }
    .custom-sidebar-close{ 
      font-size: 35px;
      cursor: pointer;
      position: absolute;
      z-index: 3434;
      color: black;
      top: 1%;
      left: 83%;
    }
  }
  .custom-mobile-sidebar.active{
    opacity:1;
    visibility:inherit;
    left:79%;
    transition:left 0.5s;
  }
.container {
    width: calc(83vw + 0.1rem);
    margin: 0px auto;
}

body {
    font-family: "DM Sans", sans-serif;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.fixed{
    position: fixed;
    z-index: 90;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for a sticky effect */
}
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0px;
}

.top-padding {
    padding-top: 6%;
}

.bottom-padding {
    padding-bottom: 6%;
}

.sub-heading {
    text-transform: capitalize;
    font-weight: 700;
    line-height: calc(4.2vw + 0.1rem);
    letter-spacing: -0.01em;
    font-size: calc(3.28vw + 0.1rem);
}

.highlight-text {
    color: #1961AD;
}

img {
    max-width: 100%;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

a {
    text-decoration: none;
}

.button {
    position: relative;
    box-shadow: 0px 6px 16px -2px rgba(25, 97, 173, 0.3), 0px 6px 8px -4px rgba(67, 144, 226, 0.3);
    padding: calc(0.7vw + 0.1rem) calc(1vw + 0.1rem);
    border-radius: 10px;
    font-size: calc(0.85vw + 0.1rem);
    padding-right: calc(3vw + 0.1rem);
    /* display: block; */
    background: rgba(25, 97, 173, 1);
    color: white;
    text-align: center;
}

.button::after {
    position: absolute;
    content: '';
    right: 12%;
    z-index: 23;
    width: calc(1.2vw + 0.1rem);
    height: calc(1.2vw + 0.1rem);
    background-image: url('../img/button-arrow.png');
    background-size: cover;
}

.button2 {
    /* First Drop Shadow */
    position: relative;
    box-shadow: 0px 6px 16px -2px rgba(25, 97, 173, 0.3), 0px 6px 8px -4px rgba(67, 144, 226, 0.3);
    padding: 14px 24px;
    border-radius: 10px;
    font-size: calc(0.85vw + 0.1rem);
    padding-right: 50px;
    display: block;
    width: fit-content;
    background: rgba(25, 97, 173, 1);
    color: white;
    text-align: center;
}

.button2::after {
    position: absolute;
    content: '';
    right: 12%;
    z-index: 23;
    width: calc(1.2vw + 0.1rem);
    height: calc(1.2vw + 0.1rem);
    background-image: url('../img/button-arrow.png');
    background-size: cover;
}

/* header style */
header {
    width: 100%;
        padding: calc(0.79vw + 0.31rem) 0px;
    background: #ffffff;
    position: absolute;
    z-index: 34;
   
}

header .row {
    justify-content: space-between;
    align-items: center;
}

header .logo-container {
    display: flex;
    align-items: center;
    width: 15%;
}

header .header-menu {
    width: 45%;
}

header .header-menu ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc(2vw + 0.2rem);
    list-style-type: none;
}
header .sub-parent{
    position: relative;
    padding: 11px 0px;
}
header .sub-parent .arrow{
    padding-left: 3px;
    width:12px;

}
/* header .sub-parent::after {
    cursor: pointer;
    content: '';
    width: calc(0.6vw + 0.1rem);
    background-position: center;
    top: 24%;
    left: 96%;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(0.7vw + 0.1rem);
    background-image: url(../img/down-arrow.png);
    position: absolute;
    z-index: 2;
} */

header .header-menu ul li a {
    font-weight: 500;
    transition: all 0.3s;
    font-size: calc(0.8vw + 0.1rem);
    color: black;
}
header .header-menu ul li a:hover {
    transform: scale(1.1);
    transition: all 0.3s;
    color: rgb(25 97 173);
}
header .header-menu ul li a:hover .arrow{
    transition: all 0.3s;
    filter: invert(20%) sepia(93%) saturate(1105%) hue-rotate(187deg) brightness(96%) contrast(92%);
}
header .submenu {
    box-shadow: 10px 10px 68px -38px rgba(0,0,0,0.75);
    position: absolute;
    background: white;
    width: 300px;
    padding: 20px;
    top: 103%;
    list-style-type: none;
    opacity: 0;
    visibility: hidden;
    /* display: none; */
}
header .sub-parent:hover .submenu{
    opacity: 1;
    visibility:visible;
}
header .submenu li{
padding: 10px 0px;
}
header .submenu li a{
   font-size: calc(0.9vw + 0.1ren);
}

header .button-container {
    display: flex;
    align-items: center;
    justify-content: end;
    width:21%;
}

/* home page */
/* home page hero banner  */
.hero-banner {
    /* background-color: #F7F7F7; */
    padding: 70px 0px;
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg.png);
}

.hero-banner .row {
    justify-content: space-between;
    height: 90vh;
    align-items: center;
}

.hero-banner .col-1 {
    display: flex;
    flex-direction: column;
    row-gap: calc(2vw + 0.1rem);
    width: 50%;
}

.hero-banner .button2 {
    margin-top: -2%;
}

.hero-banner .col-1 p {
    color: #737380;
    font-size: calc(0.9vw + 0.1rem);
    line-height: calc(1.3vw + 0.1rem);
    font-weight: 400;
}

.hero-banner .heading {
    margin: 0px;
    letter-spacing: -0.35px;
    font-size: calc(2.51vw + 0.1rem);
    color: black;
    line-height: calc(2.5vw + 0.1rem);
}

.hero-banner .heading .planning {
    position: relative;
    font-size: calc(2.51vw + 0.1rem);
    color: black;
    line-height: calc(2.5vw + 0.1rem);
}

.hero-banner .heading .planning::after {
    content: '';
    top: 90%;
    left: 0;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    width: 110%;
    background-image: url(../img/path13_1_.png);
    height: calc(2vw + 0.1rem);
}

.hero-banner .col-2 {
    width: 43%;
}

/* home page it partner section */
/*.it-partner-section {*/
/*    background-color: #F7F7F7;*/
/*}*/

.it-partner-section .sub-heading {
    color: #242430;
}

.it-partner-section .row {
    justify-content: space-between;
}

.it-partner-section .col1 {
    width: 51%;
}

.it-partner-section .col2 {
    display: flex;
    flex-direction: column;
    row-gap: calc(1.5vw + 0.1rem);
    width: 44%;
}

.it-partner-section .col2 .first-inner-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(1.02vw + 0.1rem);
}

.it-partner-section .col2 .first-inner-container p {
    color: #737380;
    font-size: calc(0.85vw + 0.1rem);
    letter-spacing: -0.4px;
    line-height: calc(1.41vw + 0.1rem);
    font-weight: 400;
}

.it-partner-section .col2 .second-inner-container .row {
    justify-content: space-between;
    row-gap: calc(1.5vw + 0.1rem);
    flex-wrap: wrap;
}

.it-partner-section .col2 .second-inner-container .row .card {
    width: 47%;
}

.it-partner-section .col2 .second-inner-container .row .card-icon {
    height: calc(3.4vw + 0.1rem);
}

.it-partner-section .col2 .second-inner-container .row .card-heading {
    margin-bottom: 10px;
    color: #1961AD;
    font-size: calc(1.15vw + 0.1rem);
    letter-spacing: -0.4px;
    font-weight: 600;
}

.it-partner-section .col2 .second-inner-container .row .card-text {
    font-size: calc(0.84vw + 0.1rem);
    letter-spacing: -0.4px;
    line-height: calc(1.35vw + 0.1rem);
    font-weight: 400;
    color: #242430;
}

/* service and focus area section */
.service-and-focus-area {
    background: #242430;
}

.service-and-focus-area .container {
    display: flex;
    flex-direction: column;
    row-gap: calc(4vw + 0.1rem);
}

.service-and-focus-area .sub-heading {
    text-align: center;
    color: white;
}

.service-and-focus-area .first-inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: calc(1.3vw + 0.1rem);
}

.service-and-focus-area .first-inner-container .text {
    width: 41%;
    margin: 0px auto;
    font-weight: 300;
    text-align: center;
    color: #FFFFFF;
    font-size: calc(0.84vw + 0.1rem);
    letter-spacing: -0.3px;
    line-height: calc(1.35vw + 0.1rem);
}

.service-and-focus-area .second-inner-container {
    padding: 0px calc(2vw + 0.1rem);
}

.service-and-focus-area .second-inner-container .row {
    align-items: center;
    column-gap: calc(4.1vw + 0.1rem);
    justify-content: start;
    flex-wrap: wrap;
    row-gap: calc(2vw + 0.1rem);
}

.service-and-focus-area .card {
    position: relative;
    width: 29.5%;
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    min-height: calc(12vw + 1.1rem);
}
.service-and-focus-area .card .link-wrapper{
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-and-focus-area .card .inner-card-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(1.3vw + 0.1rem);
    padding: calc(1vw + 0.1rem);
}

.service-and-focus-area .card .card-header {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.service-and-focus-area .card .logo-with-text {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: calc(0.9vw + 0.1rem);
    width: 45%;
}

.service-and-focus-area .card .card-tittle-container {
    width: 30%;
}

.service-and-focus-area .card .card-tittle {
    color: white;
    font-weight: 600;
    font-size: calc(1.41vw + 0.1rem);
    /* text-transform: uppercase; */
}

.service-and-focus-area .card .card-icon-container {
    border-radius: 10px;
    padding: calc(0.5vw + 0.1rem);
    background-color: #393944;
}

.service-and-focus-area .card .card-icon {
    width: calc(2vw + 0.1rem);
}

.service-and-focus-area .card .card-text {
    color: white;
    width: 92%;
    font-weight: 300;
    line-height: calc(1.4vw + 0.1rem);
    font-size: calc(0.85vw + 0.1rem);
}

.service-and-focus-area .card .arrow-container {
    width: 30%;
    display: flex;
    justify-content: end;
}

.service-and-focus-area .card .arrow-inner-container {
    border-radius: 10px;
    display: flex;
    height: calc(2.3vw + 0.1rem);
    align-items: center;
    width: calc(2.3vw + 0.1rem);
    justify-content: center;
    /* padding: calc(0.4vw + 0.1rem) calc(1vw + 0.1rem); */
    background-color: #393944;
}

.service-and-focus-area .card .arrow-icon {
    width: calc(0.65vw + 0.1rem);
}

/* why-enterprises */
.why-enterprises {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/Lines.png');
    background-position: center calc(9vw + 01rem);
}

.why-enterprises .container {
    display: flex;
    flex-direction: column;
    row-gap: calc(4vw + 0.1rem);
}

.why-enterprises .sub-heading {
    line-height: calc(4.1vw + 0.1rem);
    letter-spacing: -0.01em;
    color: rgba(36, 36, 48, 1);
}

.why-enterprises .row {
    flex-wrap: wrap;
    justify-content: space-between;
}

.why-enterprises .card {
    position: relative;
    min-height: calc(9vw + 0.1rem);
    width: 23.5%;
    background: #ffffff9c;
    border-radius: calc(1vw + 0.1rem);
    border: rgba(0, 0, 0, 0.1) 1px solid;
    backdrop-filter: blur(4px);
}

.why-enterprises .inner-card {
    padding: calc(1vw + 0.1rem);
    padding-top: calc(3.5vw + 0.1rem);
}

.why-enterprises .card-tittle {
    font-weight: 700;
    letter-spacing: -0.4px;
    color: rgba(25, 97, 173, 1);
    font-size: calc(1.35vw + 0.1rem);
}

.why-enterprises .card .list {
    margin: 0px;
    display: flex;
    flex-direction: column;
    row-gap: calc(0.3vw + 0.1rem);
    padding: 0px 0px;
    padding-left: calc(1vw + 0.1rem);
    margin-top: 3%;
}

.why-enterprises .card .list li {
    line-height: calc(1.2vw + 0.1rem);
    font-weight: 300;
    letter-spacing: -0.2px;
    font-size: calc(0.8vw + 0.1rem);
}

.why-enterprises .card .list li::marker {
    font-size: 10px;
}

.why-enterprises .card .img-container {
    position: absolute;
    z-index: 3;
    transform: translate(10px, -43%);
    width: 23.5%;
}

/* breaking news */
.breaking-news {
    background: rgba(247, 247, 247, 1);
}
.custom-nav-container {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 3%;
    justify-content: space-between;
}
.custom-nav-container .divider{
    width: 86%;
    height: 1px;
    background-color: #D1DBE1;
}
.custom-nav-container .button-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 10%;
}
.custom-nav{
    background-color: #cbcbcb2b;
    width:calc(3vw + 0.1rem);
    height:calc(3vw + 0.1rem);
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}
.custom-nav.active{
    background-color: #1961AD;
}
.custom-nav.active img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(217deg) brightness(112%) contrast(101%);
}

.breaking-news .container {
    display: flex;
    flex-direction: column;
    row-gap: calc(4vw + 0.1rem);
    /* padding-left: calc(8vw + 0.1rem); */
}

.breaking-news .first-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.8vw + 0.1rem);
}

.breaking-news .first-container .text {
    width: 40%;
    color: rgba(115, 115, 128, 1);
    font-size: calc(0.84vw + 0.1rem);
    letter-spacing: -0.3px;
    line-height: calc(1.35vw + 0.1rem);
}

.breaking-news .news-card .first-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.02vw + 0.1rem);
}

.breaking-news .news-card {
    /* width: 30%; */
   
    border-radius: calc(1vw + 0.1rem);
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.breaking-news .inner-card {
    display: flex;
    flex-direction: column;
  
    row-gap: calc(0.7vw + 0.1rem);
}

.breaking-news .news-card .img-container img {
   width: 53%;
}
.breaking-news .news-card .img-container{
    border-radius: 26px 26px 0px 0px;
    border-bottom: solid 1px #8ba0ff5e;
    padding: 0px 20px;
    background: rgb(255 255 255);
    box-shadow: 1px -4px 15px -5px rgba(212, 212, 212, 1);
}
.breaking-news .news-card .date-and-info {
    color: rgba(25, 97, 173, 1);
    font-weight: 400;
    font-size: calc(0.8vw + 0.1rem);
}

.breaking-news .news-card .news-tittle {
    color: rgba(0, 0, 0, 1);
    font-size: calc(1.47vw);
    line-height: calc(1.9vw);
    font-weight: 700;
    letter-spacing: -0.2px;
}

.breaking-news .news-card .info-container {
    display: flex
    ;
        padding: 22px;
        flex-direction: column;
        row-gap: calc(0.6vw + 0.1rem);
}

.breaking-news .news-card .news-description {
    color: rgb(115 115 128);
    font-size: calc(0.85vw + 0.1rem);
    line-height: calc(1.3vw + 0.1rem);
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Adjust the number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.breaking-news .news-card .news-card-button {
    color: rgba(25, 97, 173, 1);
    position: relative;
    font-size: calc(0.85vw + 0.1rem);
}

.breaking-news .news-card .news-card-button::after {
    position: absolute;
    z-index: 2;
    content: '';
    background-size: cover;
    background-image: url(../img/news-card-button.png);
    height: calc(1.15vw + 0.1rem);
    left: 25%;
    top: 5%;
    top: 7%;
    width: calc(1.15vw + 0.1rem);
}

/* what-client-say */
.what-client-say {
    background-image: url('../img/Wires.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size:63%;
}

.what-client-say .container{
    display: flex;
    flex-direction: column;
    row-gap: calc(4vw + 0.1rem);
    /* padding-left: calc(8vw + 0.1rem); */
}

.what-client-say .owl-stage-outer {
    padding: 20px;
    margin-left: -34px;
}

.what-client-say .first-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.8vw + 0.1rem);
}

.what-client-say .first-container .text {
    width: 40%;
    color: rgba(115, 115, 128, 1);
    font-size: calc(0.84vw + 0.1rem);
    letter-spacing: -0.3px;
    line-height: calc(1.35vw + 0.1rem);
}

.what-client-say .testemonial-card {
    /* width:28%; */
    /* First Drop Shadow */
    background-color: #ffffffeb;
    box-shadow: 0px 12px 40px -4px rgba(0, 0, 0, 0.1), 0px 8px 12px -4px rgba(0, 0, 0, 0.1);
    /* replace 0.XX with desired opacity */
    padding: calc(2vw + 0.1rem);
    border-radius: calc(1vw + 0.1rem);
}

.what-client-say .testemonial-card .testemonial-text p {
    font-size: calc(0.95vw + 0.1rem);
    line-height: calc(1.5vw + 0.1rem);
}

.what-client-say .testemonial-card .testemonial-text {
    padding-bottom: 5%;
    border-bottom: solid 1px rgba(209, 219, 225, 1);
}

.what-client-say .testemonial-card .client-info {
    padding-top: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.what-client-say .testemonial-card .client-name {
    font-size: calc(0.95vw + 0.1rem);
}

.what-client-say .testemonial-card .client-text {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.1vw + 0.1rem);
}

.what-client-say .testemonial-card .client-info-text {
    font-weight: 400;
    font-size: calc(0.8vw + 0.1rem);
}

.what-client-say .testemonial-card .client-image img {
    border-radius: 100px;
    max-height: calc(3vw + 0.1rem);
}
/* our partner */
.our-partner-work {
    background-image: url('../img/bgg.png');
    background-size: cover;
    background-color: black;
    background-position: center;
}

.our-partner-work .partner-box {
    display: flex;
    flex-direction: column;
    row-gap: calc(2.6vw + 0.1rem);
    width: 56%;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    /* Adjust if needed */
    border-radius: calc(1.7vw + 0.1rem);
    margin: 0px auto;
    /* Background with Linear Gradient */
    background: linear-gradient(180deg, #ffffff2b 100%, #626262 100%);
    padding: calc(3vw + 0.1rem) calc(5.5vw + 0.1rem);
    padding-bottom: calc(1vw + 0.1rem);
    /* Shadow and Blur */
    backdrop-filter: blur(10px);
    /* Applies background blur */
}

.our-partner-work .sub-heading {
    text-align: center;
    color: white;
}

.our-partner-work .first-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.7vw + 0.1rem);
}

.our-partner-work .first-container .text {
    color: white;
    text-align: center;
    letter-spacing: -0.1px;
    width: 73%;
    line-height: calc(1.4vw + 0.1rem);
    font-weight: 300;
    font-size: calc(0.83vw + 0.1rem);
    margin: 0px auto;
}

.our-partner-work .second-container .row {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.our-partner-work .second-container .partner-card {
    width: 30%;
}
/* contact section */
.contact-section {
    background-color: #F7F7F7;
}

.contact-section .container {
    display: flex;
    flex-direction: column;
    row-gap: calc(2vw + 0.1rem);
}

.contact-section .first-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.7vw + 0.1rem);
}

.contact-section .first-container .text {
    width: 41%;
    color: rgba(115, 115, 128, 1);
    font-size: calc(0.84vw + 0.1rem);
    letter-spacing: -0.3px;
    line-height: calc(1.33vw + 0.1rem);

}

.contact-section .second-container .contact-form-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: calc(1.4vw + 0.1rem);
}

.contact-section .second-container .w-30 {
    width: 32%;
}
.contact-section .second-container .w-50 {
    width: 49%;
}
.contact-section .second-container .w-100 {
    width: 100%;
}

.contact-section .second-container .contact-form-container label {
    display: block;
    color: #737380;
    font-weight: 500;
    font-size: calc(0.8vw + 0.1rem);
    margin-bottom: calc(0.01vw + 0.1rem);
}

.contact-section .second-container .contact-form-container input,
.contact-section .second-container .contact-form-container select,
.contact-section .second-container .contact-form-container textarea {
    width: 100%;
    border-radius: calc(0.6vw + 0.1rem);
    border: solid 1px #D1DBE1;
    padding: calc(0.8vw + 0.1rem);
}

.contact-section .second-container .contact-form-container input::placeholder,
.contact-section .second-container .contact-form-container select,
.contact-section .second-container .contact-form-container textarea::placeholder {
    color: #242430;
    font-size: calc(0.9vw + 0.1rem);
    letter-spacing: -0.1px;
}

.contact-section .second-container .contact-form-container textarea {
    height: calc(10vw + 0.1rem);
}

.contact-section .second-container .contact-form-container .button-container {
    display: flex;
    margin-top: 3%;
    align-items: center;
    justify-content: center;
}

.contact-section .second-container .contact-form-container .button-container .button2 {
    outline: none;
    border: none;
}

/* footer */
footer{
    padding-bottom:1.5% ;
}
footer .second-container .col1 li{
position: relative;
}
footer .second-container .col1 .location::after{
    position: absolute;
    content: '';
    background-image: url(../img/location.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4%;
    left: -8%;
    height: calc(1.14vw + 0.1rem);
    width: calc(1.14vw + 0.1rem);
}
footer .second-container .col1 .phone::after{
    position: absolute;
    content: '';
    background-image: url(../img/phone.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4%;
    left: -8%;
    height: calc(1.1vw + 0.1rem);
    width: calc(1.1vw + 0.1rem);
}
footer .second-container .col1 .email::after{
    position: absolute;
    content: '';
    background-image: url(../img/email.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4%;
    left: -8%;
    height: calc(0.7vw + 0.1rem);
    width: calc(1.05vw + 0.1rem);
}
footer .inner-container {
    display: flex;
    flex-direction: column;
    row-gap: calc(4vw + 0.1rem);
}

 .first-container .col1 .text {
    width:61%;
    color: rgba(115, 115, 128, 1);
    font-size: calc(0.95vw + 0.1rem);
    letter-spacing: -0.3px;
    line-height: calc(1.5vw + 0.1rem);

}

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

footer .first-container .col1 {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.6vw);
}

footer .second-container {
    padding-bottom: 4%;
    display: flex;
    justify-content: space-between;
}

footer .second-container .col1 {
    width:30%;
}

footer .second-container .col2 {
    width:16%;
}

footer .second-container .col3 {
    width:16%;
}

footer .second-container .col4 {
    width:13%;
}

footer .second-container .col2 ul,
footer .second-container .col3 ul,
footer .second-container .col4 ul {
    padding: 0px;
    margin: 0px;
}
footer .second-container .col1 ul{
    padding: 0px;
    padding-left:calc(2vw + 0.1rem);
    margin: 0px;
}

footer ul {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.8vw + 0.1rem);
    list-style-type: none;
}

footer .second-container .col1,
footer .second-container .col2,
footer .second-container .col3,
footer .second-container .col4 {
    display: flex;
    flex-direction: column;
    row-gap: calc(0.6vw + 0.1rem);
}
footer .footer-logo{
    margin-bottom: 5%;
    width:57%;
}
footer .footer-heading{
font-weight: 600;
font-size: calc(1vw + 0.1rem);
}
footer li, footer li a{
    font-size: calc(0.8vw + 0.1rem);
    color:#000000;
    letter-spacing: -0.1px;
}
footer .copyrights-container{
    position: relative;
    text-align: center;
}
footer .copyrights-container .divider{
    width: 70%;
    margin: auto;
    height: 1px;
    background-color:#D1DBE1;
}
.copyright-text{
    font-weight:300;
    color: #737380;
    padding-top: 1.7%;
    font-size: calc(0.9vw + 0.1rem);
}
/* popup */
:root {
    --primary: rgb(25, 97, 173);
    --primary-dark: rgb(20, 77, 138);
    --primary-light: rgba(25, 97, 173, 0.1);
    --text-dark: #1a202c;
    --text-light: #4a5568;
    --success: #48bb78;
    --bg-light: #f7fafc;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  }
  

  
 
  .popup-trigger:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
  }
  
  .popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .popup-form {
    background: white;
    padding: 48px;
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
    width: 95%;
    max-width: 700px;
    position: relative;
  }
  
  .close-btn {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1000;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .close-btn:hover {
    background: #e2e8f0;
    transform: rotate(90deg);
  }
  
  .close-btn::before,
  .close-btn::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: var(--text-dark);
    transform: rotate(45deg);
  }
  
  .close-btn::after {
    transform: rotate(-45deg);
  }
  
  .popup-container h2 {
    color: var(--text-dark);
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 600;
    position: relative;
  }
  
  .popup-container h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 60px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
  }
  
  .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
  }
  
  .form-group {
    position: relative;
  }
  
  .form-group.full-width {
    grid-column: 1 / -1;
  }
  
  .form-group label {
    display: block;
    margin-bottom: 8px;
    color: var(--text-dark);
    font-weight: 500;
    font-size: 14px;
  }
  
  .form-group input,
  .form-group select {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    color: var(--text-dark);
    background: white;
    appearance: none;
  }
  
  .form-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
  }
  
  .form-group input:focus,
  .form-group select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-light);
  }
  
  .form-group input::placeholder {
    color: #a0aec0;
  }
  
  .submit-btn {
    background: var(--primary);
    color: white;
    padding: 16px 32px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-md);
    position: relative;
    overflow: hidden;
  }
  
  .submit-btn:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
  }
  
  .submit-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: 0.5s;
  }
  
  .submit-btn:hover::after {
    left: 100%;
  }
  
  @keyframes slideIn {
    from { 
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .popup-container.active {
    display: flex;
  }
  
  .popup-container.active .popup-form {
    animation: slideIn 0.4s ease-out;
  }
  
  @media (max-width: 640px) {
    .form-grid {
      grid-template-columns: 1fr;
      gap:9px;
    }
    .form-group input, .form-group select {
    width: 100%;
    padding: 9px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    color: var(--text-dark);
    background: white;
    appearance: none;
}
    .popup-form {
      padding: 32px 24px;
    }
    
    h2 {
      font-size: 24px;
    }
  }
  
  .success-message {
    display: none;
    color: var(--success);
    padding: 12px;
    border-radius: 8px;
    background: rgba(72, 187, 120, 0.1);
    margin-top: 16px;
    text-align: center;
    font-weight: 500;
  }
  .humburger2{
    display: none;
  }
  .close-menu {
    position: absolute;
    top: -2px;
    display: none;
    left: 20px;
    font-size: 44px;
    cursor: pointer;
    color: #333;
}

   /* responsive for tablet*/

  @media screen and (max-width: 800px ) {
    .top-padding {
        padding-top: 12%;
    }
    
    .bottom-padding {
        padding-bottom: 12%;
    }

    .sub-heading {
        font-weight: 600;
        line-height: 32px;
        font-size: 30px;
        padding: 5px 0px;
    }

    .first-container .text {
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 300;
        width: 100%;   
    }

    .breaking-news .news-card .img-container img {
        width: 70%;
    }

    .breaking-news .news-card .news-tittle {
        font-size: 30px;
        line-height: 32px;
    }



    .breaking-news .news-card .news-description {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .breaking-news .news-card .news-card-button {
        font-size: 0.9rem;
    }

    .breaking-news .news-card .news-card-button::after {
        height:20px;
        left: 13%;
        top: 5%;
        width: 20px;
    }

    .what-client-say .testemonial-card .testemonial-text p {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .what-client-say .testemonial-card .client-name {
        font-size: 25px;
    }

    .what-client-say .testemonial-card .client-info-text {
        font-weight: 400;
        font-size: 20px;
    }

    .what-client-say .testemonial-card .client-image img {
        border-radius: 100px;
        max-height: calc(11vw + 0.1rem);
    }

    .button2 {
        font-size: 1.1rem;
        padding: 14px 60px 14px 35px;
        
    }

    .button2::after {
        
        width: 1.5rem;
        height: 1.5rem;
        right: 9%;
    }



        
    footer .first-container {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;


    }

    footer .first-container .col1 .text{
        width: 100%;
        font-size: 0.9rem;
        letter-spacing: -0.3px;
        line-height: 1rem; 
        padding: 10px 0px 10px 0px;
    }

    
    footer .second-container {
        padding-bottom: 4%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    footer .second-container .col1, footer .second-container .col2, footer .second-container .col3, footer .second-container .col4 {
        width: 90%;
    }

    footer .footer-logo{
        width: 65%;
        margin-bottom: 12%;
    }


    footer li, footer li a{
        font-size: 0.9rem;
        margin-bottom: 8px;
    }
    footer .second-container .col1 .location::after {
        height: 14px;
        width: 14px;
        left: -24px;
    }
    footer .second-container .col1 .email::after {
        height: 10px;
        width: 14px;
        left: -23px;
        top:  27%;
    }


    footer .second-container .col1 .phone::after {
        height: 15px;
        width: 15px;
        left: -21px;
    }
    footer .footer-heading {
        font-size: 25px;
    }

    .copyright-text{
        font-size: 14px;
    }



    footer .inner-container {
        row-gap: calc(10vw + 0.1rem);
    }

    
    .hero-banner .row {
        flex-direction: column;
        gap: 40px;
        height: auto;
        
    }

    .hero-banner {
       
        padding-top: 100px; 
    }
    
    
    .hero-banner .col-2, .hero-banner .col-1 {
        width: 100%;
        row-gap: 20px;
    }
    .hero-banner .heading .planning {
        line-height: 1.6rem;
        font-size: 1.7rem;

    }
    .hero-banner .heading {
        font-size: 1.6rem;
        line-height: 1.7rem;
   
    }

    .hero-banner .col-1 p {
        font-size: 1.1rem;
        line-height: 1.25rem;
   
    }




    .hero-banner .button2{
        margin-top: 2%;

    }

    .it-partner-section .row{
        flex-direction: column;
        gap: 30px;
    }

    .it-partner-section .col1, .it-partner-section .col2 {
        width: 100%;
    }

    .it-partner-section .col2 .second-inner-container .row .card-icon {
        height:60px
    }




    .it-partner-section .col2 .first-inner-container p {
        font-size: 1.1rem;
        line-height:1.2rem;
        font-weight: 300;
        /* letter-spacing: 0.5px; */
        /* text-align: justify; */
        margin:8px 0px 8px 0px;
    }

    .it-partner-section .col2 .second-inner-container .row .card {
        width: 100%;
        margin: 10px auto;
    }


    .it-partner-section .col2 .second-inner-container .row .card-heading{
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }


    .it-partner-section .col2 .second-inner-container .row .card-text{
        font-size: 1rem;
        line-height: 1.1rem;
        font-weight: 300;
        letter-spacing: -0.3px;

    }

    .service-and-focus-area .first-inner-container .text {
        width: 85%;
        margin: 5px auto;
        font-weight: 300;
        text-align: center;    
        font-size: 0.9rem;
        letter-spacing: -0.3px;
        line-height: 1.1rem;
        
        
        
    
    }

    .service-and-focus-area .second-inner-container .row {
        flex-direction: column;
        gap: 15px;
    }
        
    .service-and-focus-area .card{
        width: 100%;
    }

    .service-and-focus-area .card .inner-card-container{
        padding: 20px;
    }

        
    .service-and-focus-area .card .card-icon{
            width: 25px;
    }

        
    .service-and-focus-area .card .card-tittle {

        font-size: calc(2.41vw + 0.1rem);
    }


    .service-and-focus-area .card .card-text{
            font-size:13px;
        line-height: 15px;
        padding: 5px;

    }

    .service-and-focus-area .card .arrow-inner-container{
        padding: 7px;
    }


    .service-and-focus-area .card .arrow-icon {
        width: calc(1.65vw + 0.1rem);
    }

    .why-enterprises .sub-heading {
        line-height: calc(4.1vw + 0.1rem);
    }
        
    .why-enterprises .row {
        align-items: center;
        flex-direction: column;
        gap: 50px;
        margin: 30px 0px;
    }

    

    .why-enterprises .card{
        width:100%;
    }

    /* .why-enterprises {
        background-repeat: repeat-y;
    
    } */

    .why-enterprises .inner-card {
        padding: calc(4vw + 0.1rem);
        padding-top: calc(5.5vw + 0.1rem);
    }
    .why-enterprises .card .img-container {
        width: 12.5%;
    }

    .why-enterprises .card-tittle {
        font-size: 1.375rem;
        margin-top: 10px;
    }

    .why-enterprises .card .list li::marker {
        font-size: 15px;
    }

    .why-enterprises .card .list li {
        margin: 0px 0px 5px 11px;
        line-height: 14px;
        font-size: 14px;
    }
    
    .breaking-news .first-container .text {
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1.1rem;
    }  


    .what-client-say .first-container .text{
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1.1rem;
    } 


    .contact-section .first-container .text{
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1.1rem;
    }

    .our-partner-work .partner-box {
        width: 86%;}

    .our-partner-work .first-container .text{
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 300;
        text-align:center;
        width: 100%;
    }


    .our-partner-work .second-container .partner-card {
        width: 50%;
    }


    .contact-section .second-container .w-30,.contact-section .second-container .w-50 {
        width: 100%;
    }

    .contact-section .second-container .contact-form-container label{
        font-size: 15px;
    }


    .contact-section .second-container .contact-form-container input::placeholder, .contact-section .second-container .contact-form-container select, .contact-section .second-container .contact-form-container textarea::placeholder {
        font-size: 18px;


        
    }

    .contact-section .second-container .contact-form-container input, .contact-section .second-container .contact-form-container select, .contact-section .second-container .contact-form-container textarea {
        padding: calc(2.8vw + 0.1rem);
    }


    .contact-section .second-container .contact-form-container textarea {
        height: calc(25vw + 0.1rem);
    }
}




  /* responsive for mobile */

  @media screen and (max-width: 600px) {
    .top-padding {
        padding-top: 12%;
    }
    
    .bottom-padding {
        padding-bottom: 12%;
    }

    .sub-heading {
        font-weight: 600;
        line-height: 25px;
        font-size: 24px;
        padding: 5px 0px;
    }

    header .button-container{
        display: none;
    }

    .first-container .text {
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 300;
        width: 100%;   
    }

    .breaking-news .news-card .img-container img {
        width: 55%;
    }

    .breaking-news .news-card .news-tittle {
        font-size: calc(7.47vw);
        line-height: calc(7.9vw);

    }

    .breaking-news .news-card .news-description {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .breaking-news .news-card .news-card-button {
        font-size: 0.8rem;
    }

    .breaking-news .news-card .news-card-button::after {
        height:20px;
        left: 30%;
        top: 5%;
        width: 20px;
    }

    .what-client-say .testemonial-card .testemonial-text p {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .what-client-say .testemonial-card .client-name {
        font-size: calc(3.95vw + 0.1rem);
    }

    .what-client-say .testemonial-card .client-info-text {
        font-weight: 400;
        font-size: calc(3.8vw + 0.1rem);
    }

    .what-client-say .testemonial-card .client-image img {
        border-radius: 100px;
        max-height: calc(11vw + 0.1rem);
    }

    footer .first-container {
        flex-direction: column;
        gap: 20px;

    }

    footer .first-container .col1 .text{
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1rem; 
        padding: 10px 0px 10px 0px;
    }

    
    footer .second-container {
        padding-bottom: 4%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    footer .second-container .col1, footer .second-container .col2, footer .second-container .col3, footer .second-container .col4 {
        width: 90%;
    }

    footer .footer-logo{
        width: 100%;
        margin-bottom: 12%;
    

    }


    footer li, footer li a{
        font-size: 0.8rem;
        margin-bottom: 8px;
    }

    footer .second-container .col1 .location::after {
        height: 14px;
        width: 14px;
        left: -24px;
    }
    footer .second-container .col1 .email::after {
        height: 10px;
        width: 14px;
        left: -23px;
        top:  27%;
    }


    footer .second-container .col1 .phone::after {
        height: 15px;
        width: 15px;
        left: -21px;
    }
    footer .footer-heading {
        font-size: 20px;
    }

    footer .inner-container {
        row-gap: calc(10vw + 0.1rem);
    }

    footer .copyrights-container .divider {
        width: 100%;
    }

    
    .hero-banner .row {
        flex-direction: column;
        gap: 20px;
        
    }

    
    
    .hero-banner .col-2, .hero-banner .col-1 {
        width: 100%;
        row-gap: 20px;
    }
    .hero-banner .heading .planning {
        line-height: 1.3rem;
        font-size: 1.2rem;
    }

    .hero-banner .heading {
        font-size: 1.2rem;
        line-height: 1.3rem;
   
    }

    .hero-banner .col-1 p {
        
        font-size: 1rem;
        line-height: 1.3rem;
    
    }

    .button2 {
        font-size: 1rem;
    }

    .button2::after {
        
        width: 1.5rem;
        height: 1.5rem;
    }

    .it-partner-section .row{
        flex-direction: column;
        gap: 30px;
        
    
    }

    .it-partner-section .col1, .it-partner-section .col2 {
        width: 100%;
        

    }

    .it-partner-section .col2 .second-inner-container .row .card-icon {
        height:40px
    }




    .it-partner-section .col2 .first-inner-container p {
        font-size: 0.8rem;
        line-height:1.1rem;
        font-weight: 300;
        /* letter-spacing: 0.5px; */
        /* text-align: justify; */
        margin:8px 0px 8px 0px;
    }

    .it-partner-section .col2 .second-inner-container .row .card {
        width: 100%;
        margin: 10px auto;
    }


    .it-partner-section .col2 .second-inner-container .row .card-heading{
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }


    .it-partner-section .col2 .second-inner-container .row .card-text{
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 300;
        letter-spacing: -0.3px;

    }

    .service-and-focus-area .first-inner-container .text {
        width: 100%;
        margin: 5px auto;
        font-weight: 300;
        text-align: center;    
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1rem;
    }

    .service-and-focus-area .second-inner-container .row {
        flex-direction: column;
        gap: 15px;
    }
        
    .service-and-focus-area .card{
        width: 100%;
    }

    .service-and-focus-area .card .inner-card-container{
        padding: 20px;
    }

        
    .service-and-focus-area .card .card-icon{
            width: 25px;
    }

        
    .service-and-focus-area .card .card-tittle {

        font-size: calc(4.41vw + 0.1rem);
    }


    .service-and-focus-area .card .card-text{
        font-size:12px;
        line-height: 14px;
        padding: 5px;
    }

    .service-and-focus-area .card .arrow-inner-container{
        padding: 7px;
    }


    .service-and-focus-area .card .arrow-icon {
        width: calc(5.65vw + 0.1rem);
    }

    .why-enterprises .sub-heading {
        line-height: calc(8.1vw + 0.1rem);
    }
        
    .why-enterprises .row {
        align-items: center;
        flex-direction: column;
        gap: 35px;
        margin: 30px 0px;
    }

    

    .why-enterprises .card{
        width:100%;
    }

    /* .why-enterprises {
        background-repeat: repeat-y;
    
    } */

    .why-enterprises .inner-card {
        padding: calc(4vw + 0.1rem);
        padding-top: calc(5.5vw + 0.1rem);
    }
    .why-enterprises .card .img-container {
        width: 19.5%;
    }

    .why-enterprises .card-tittle {
        font-size: calc(5.35vw + 0.1rem);
        margin-top: 10px;
    }

    .why-enterprises .card .list li::marker {
        font-size: 11px;
    }

    .why-enterprises .card .list li {
        margin: 0px 0px 5px 11px;
        line-height: 14px;
        font-size: 12px;
    }
    
    .breaking-news .first-container .text {
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1rem;
    }  


    .what-client-say .first-container .text{
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1rem;
    } 


    .contact-section .first-container .text{
        width: 100%;
        font-size: 0.8rem;
        letter-spacing: -0.3px;
        line-height: 1rem;
    }

    .our-partner-work .partner-box {
        width: 86%;}

    .our-partner-work .first-container .text{
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: 300;
        text-align:center;
        width: 100%;
    }


    .our-partner-work .second-container .partner-card {
        width: 50%;
    }


    .contact-section .second-container .w-30 {
        width: 100%;
    }

    .contact-section .second-container .contact-form-container label{
        font-size: 12px;
    }


    .contact-section .second-container .contact-form-container input::placeholder, .contact-section .second-container .contact-form-container select, .contact-section .second-container .contact-form-container textarea::placeholder {
        font-size: 14px;


        
    }

    .contact-section .second-container .contact-form-container input, .contact-section .second-container .contact-form-container select, .contact-section .second-container .contact-form-container textarea {
        padding: calc(2.8vw + 0.1rem);
    }


    .contact-section .second-container .contact-form-container textarea {
        height: calc(25vw + 0.1rem);
    }


    
    footer .second-container {
        padding-bottom: 4%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }


    .copyright-text{
        font-size: 12px;
    }
    header .logo-container {
        display: flex;
    
        align-items: center;
        width: 70%;
    }
    .button {
        position: relative;
        box-shadow: 0px 6px 16px -2px rgba(25, 97, 173, 0.3), 0px 6px 8px -4px rgba(67, 144, 226, 0.3);
        padding: 10px;
        border-radius: 10px;
        font-size: 0.7rem;
        padding-right: 2rem;
        /* display: block; */
        background: rgba(25, 97, 173, 1);
        color: white;
        text-align: center;
        white-space: nowrap;
    }
    
    .button::after {
        position: absolute;
        content: '';
        right: 7%;
        z-index: 23;
        width: 17px;
        height: 10px;
        /* background-image: url(../img/button-arrow.png); */
        background-size: cover;
    }
.quick-menu{
    display: none;
}
.humburger2{
    width: 20%;
    display: block;
}
.humburger2 svg
 {
        width: 20px;
        display: block;
        cursor: pointer;
        height: 20px;
        margin-left: 41%;
        position: relative;
        left: 68;
    }
    header .header-menu{
        position: absolute;
        display: none;
        visibility: hidden;
        opacity: 0;
    }
    header .header-menu.active
 {
    width: 100%;
    background: white;
    opacity: 1  ;
    visibility: visible;
    display: block;
    position: absolute;
    padding: 40px 0px;
    top: 0;
    z-index: 45;
    left: 0px;
    text-align: center;
}
header .header-menu ul{
    display: block;
}
header .header-menu ul li a{
    font-size: 1.1rem;
}
header .row {
    height: 40px;
}
header .submenu
 {
        padding: 0px 10px;
        visibility: visible;
        opacity: 1;
        width: 100%;
        position: inherit;
        box-shadow: none;
    }
    header .submenu li a{
    font-size: 1rem!important;
}
header .sub-parent {
    position: relative;
    padding: 0px 0px;
}
header .submenu li {
    padding: 4px 0px;
}
.close-menu {
    display: block; /* Visible on mobile */
}
.what-client-say .testemonial-card {
    /* width: 28%; */
    background-color: #ffffffeb;
    box-shadow: 0px 12px 40px -4px rgba(0, 0, 0, 0.1), 0px 8px 12px -4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: calc(1vw + 0.1rem);
}
  }

/* Close button for mobile menu */

/* Show close button on mobile */