* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  /* font-family: "Manrope", sans-serif; */
}

body {
  scroll-behavior: smooth;
  background-color: rgb(253, 247, 236);
}

:root {
  --pt: 50px;
  --txtcolor: #fff;
  --ptbsec: 70px 0;
  --txth1: 3rem;
  --primery: #171796;
  --txtb: 700;
  --ptxt: 17px;
}

/* Header section start */
/* #header{
    border-bottom: 1px solid #c0bcbc;
} */
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  padding: 10px 80px;
}

h1 {
  padding-top: 10px;
}

#header {
  border-bottom: 1px solid #f6bf36;
  background-color: rgba(253, 247, 236, 0.5);
  backdrop-filter: blur(8px);
  width: 100%;
  max-width: 100%;
  position: sticky;
  top: 0;
  z-index: 999;
  /* padding: 10px 0; */
}

#header .container {
  padding: 0 80px;
  position: relative;
}


#header .navbar-section {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  /* padding: 15px; */


}

#header .container .navbar-section .logo {
  width: 120px;
  max-height: 100px;

}

#header .container .navbar-section .logo>img {
  width: 100%;
}

.nav-menu ul li {
  position: relative;
  font-weight: var(--txtb);


}

.nav-menu ul li a {
  color: black;
  transition: all 0.5s;
}


.nav-menu ul li a:hover {
  color: var(--primery);
  background-color: unset;
}

#header .navbar-section .logo {
  line-height: 15px;
}


.service-menu {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 60px;
  background-color: #fff;
  border-bottom: 2px solid #3f67f3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 230px;
  padding: 15px;
  transition: all 0.5s;
}

.service-menu>li {
  list-style: none;
  padding: 10px 5px;
}

.service:hover .service-menu {
  opacity: 1;
  visibility: visible;
}

.service-menu-dm {
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: -205px;
  background-color: #fff;
  border-bottom: 2px solid #3f67f3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 190px;
  padding: 15px;
  transition: all 0.5s;
}

.service-menu-dm>li {
  list-style: none;
  padding: 10px 5px;
}

.service-dm:hover .service-menu-dm {
  opacity: 1;
  visibility: visible;
}

/* .service-menu-dm>li {
  list-style: none;
  padding: 10px 5px;
}



.service-dm:hover .service-menu-dm {
  opacity: 1;
  visibility: visible;
} */



/* #header .navbar-section .nav-menu .service:hover  .service-menu{
        display: block;
    } */

#header .navbar-section .nav-menu .menu_list {
  display: flex;
  align-items: center;
  margin-right: 55px;
}

#header .navbar-section .nav-menu .menu_list>li {
  list-style: none;
  padding: 0 20px;
  /* font-size: var(--ptxt); */
}

#header .navbar-section .nav-menu .menu_list li a {
  text-decoration: none;

}

#header .navbar-section .nav-menu .menu_list .load-cover a {
  border: 1px solid #3f67f3;
  border-radius: 20px;

}

#header .navbar-section .nav-menu .menu_list .load-cover {
  list-style: none;
  padding: 8px 0;

}

#header .navbar-section .nav-menu .menu_list .service .service-dropdown::before {
  content: '\f0d7';
  font-family: 'Font Awesome 6 Free';
  /* float: left; */
}

#header .navbar-section .nav-menu .menu_list .service .service-dropdown-dg::before {
  content: '\f0da';
  font-family: 'Font Awesome 6 Free';
  /* float: left; */
}

/*  nav bar start   */
.hamburger {
  display: none;
}

.hamburger {
  position: absolute;
  top: 45px;
  right: 0;
  width: 30px;
  height: 4px;
  background: black;
  border-radius: 10px;
  cursor: pointer;
  z-index: 2;
  transition: 0.3;
}

.hamburger:before,
.hamburger:after {
  content: " ";
  position: absolute;
  height: 4px;
  right: 0;
  background-color: black;
  border-radius: 10px;
  transition: 0.3s;
}

.hamburger:before {
  content: '';
  top: -10px;
  width: 20px;
}

.hamburger:after {
  content: '';
  top: 10px;
  width: 25px;
}

#header .navbar-section .icon-bar {
  position: absolute;
  top: 10px;
  right: 0;
  /* left: 0; */
  right: 10px;
  width: 30px;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  /* visibility: hidden; */
  opacity: 0;


}

#header .navbar-section input:checked~.hamburger {
  background: transparent;
}

/*  nav bar end   */

#header .navbar-section input:checked~.hamburger:before {
  top: 0;
  transform: rotate(-45deg);
  width: 30px;
}

#header .navbar-section input:checked~.hamburger:after {
  top: 0;
  transform: rotate(45deg);
  width: 30px;
}

/* #header .navbar-section .icon-bar {

  display: none;
} */

#header .navbar-section .nav-menu .menu_list .load-btn {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
  transition: transform 0.5s;
}

#header .navbar-section .nav-menu .menu_list .load-btn:hover {
  transform: translate(-10px, -10px);

}

/* Header section start */

/* hero banner home page strt */
.home-hero-banner {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.home-hero-banner .row figure {
  width: 100%;
  overflow: hidden;
  object-fit: contain;
  max-height: 80vh;
  display: flex;
  align-items: center;
}

.home-hero-banner .row {
  position: relative;
}

.home-hero-banner .row figure img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.home-hero-banner .row .home-hero-banner-content {
  /* background-color: #e2aa1a; */
  width: 100%;
  /* padding: 10px 0 10px 20px; */
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-hero-banner .row .home-hero-banner-content h1 {
  text-align: center;
  color: #fff;
  text-shadow: 5px 2px #68686b;
  font-size: var(--txth1);
}

/* hero banner home page end */


/* Banner section start */
#banner-section {
  padding: var(--ptbsec);
}

#banner-section .row {
  padding-top: var(--pt);
  position: relative;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 50px;

}

#banner-section .row .col {
  width: calc(100%/2);
}

#banner-section .row .col-1>p {
  font-size: var(--ptxt);
  padding: 15px 0;
}


#banner-section .container .row .col ul {
  padding-left: 20px;
}

#banner-section .container .row .col>p {
  font-size: var(--ptxt);
  word-spacing: 2px;
}

#banner-section .container .row .col ul>li {
  font-size: var(--ptxt);
}

#banner-section .row .col-1 .banner-icon {
  padding: 15px 0;
}

#banner-section .row .col-1 .banner-icon span {
  padding-right: 20px;
}

#banner-section .row .col-1 form .email {
  width: 300px;
  border: 1px solid #c0bcbc;
}

#banner-section .row .col-1 form .submit {
  width: 150px;
  border: none;
  color: #fff;
  background-color: var(--primery);
}

#banner-section .row .col-1 form input {
  padding: 10px;
  border-radius: 40px;
  outline: none;
  font-size: var(--ptxt);

}

#banner-section .row .col-1 a {
  font-size: var(--ptxt);
  text-decoration: none;
  color: var(--primery);
  font-weight: var(--txtb);
}

#banner-section .row .col-1 h2 {
  font-size: 3rem;
}

#banner-section .row .col-1 h2>span {
  color: var(--primery);
}

#banner-section .row .col-2 {
  position: relative;
  text-align: center;
}

#banner-section .row .col-2 .banner-img::before {
  content: '';
  position: absolute;
  background-color: var(--primery);
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

#banner-section .row .col-2 img {
  width: 100%;

  object-fit: contain;
  border: 5px solid black;
  border-radius: 45px;
  transform: rotate(-10deg);
}

/* Banner section start */




/* Unique Feature section start */

#unique-feature {
  height: auto;
  width: 100%;
  padding: var(--ptbsec);
  position: relative;
}

#unique-feature>.container {
  position: relative;
  width: 100%;
  border-radius: 20px;
  background-color: #181a22;
  /*                  
                    opacity: 0.5; */
}

#unique-feature .container .row {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 50px 0;
  gap: 20px;
}

#unique-feature .container .row .col {
  width: calc(100%/2);
}

#unique-feature .container .row .col-1 {
  position: relative;
  width: 100%;
}

.fea-img::before {
  content: "";
  position: absolute;
  left: 35%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-9deg);
  width: 350px;
  height: 350px;
  background-color: var(--primery);
  border-radius: 30px;
}


.fea-img .upward-img {
  z-index: 99;
  position: relative;
}

#unique-feature .container .row .col-1 .upward-img2 {

  position: absolute;
  top: 20%;
  left: 35%;
}

#unique-feature .col-2 button {

  margin: 60px 0;
  border-radius: 20px;
  padding: 10px 20px;
  border: none;
  outline: none;
  background-color: var(--primery);
  text-transform: capitalize;
  color: whitesmoke;
  font-size: var(--ptxt);

}

#unique-feature .col-2 {
  width: 100% !important;
}

#unique-feature .col-2 h1 {
  padding: 30px 0;
  font-size: 2rem;
  color: #f1d9d9;
}

#unique-feature .col-2 p {
  font-size: var(--ptxt);
  color: #f1d9d9;
}

#unique-feature .col-2 .feature-icon img {
  background-color: #fff;
  border: 15px solid #fff;
  border-radius: 15px;
}

/* Unique Feature section  end */


/* ABOUT US section  start*/
.about-us {
  padding: var(--ptbsec);
}

.about-us .about-h {
  text-align: center;
  padding: 0 80px;
}

.about-us .about-h button {
  border: none;
  outline: none;
  background-color: var(--primery);
  color: #fff;
  font-size: var(--ptxt);
  padding: 5px 20px;
  border-radius: 20px;
}

.about-us .about-h h2 {
  font-size: var(--txth1);
}

.about-us .about-h h2 span {
  color: var(--primery);
}




.about-us .container .row .col-2 {
  width: 100%;

}



/* .about-us .col-1 .inner-list .text-p {
  width: calc(100% / 4 - 40px);
} */

.about-us .col-1 .list-of-rating .text h1 {
  font-size: 2rem;
  color: var(--primery);
}

.about-us .col-1 .list-of-rating .text p {
  font-size: var(--ptxt);
  font-weight: 700;
}

.about-us .row {
  position: relative;
  padding-top: var(--pt);
  display: flex;

  gap: 30px;

}

.about-us .container .row .col {

  width: calc(100% / 2 - 10px);
}

.about-us .container .row .col-2 {
  width: 100%;
}

.about-us .container .row .col-2 img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.about-us .container .row .col-3 {
  width: 100%;
}


.about-us .col-3 p {
  font-size: var(--ptxt);
}

.about-us .col-3 .about-us-img {
  padding: 40px 0;
}


.about-us .col-3 button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
  transition: all 0.5s;
}

.about-us .col-3>p {
  padding-bottom: 25px;
}

.about-us .col-3 button>a {
  text-decoration: none;
  color: #fff;
}

.about-us .col-3 button:hover {
  background-color: #181a22;

}

/* ABOUT US section  end */


/* how-to-work section  end */

.how-to-work {
  padding: var(--ptbsec);
  width: 100%;
}

.how-to-work .container {
  position: relative;
  padding: 50px 0;
  background-color: #181a22;
  border-radius: 40px;
}

.how-to-work .how-h {
  text-align: center;

}

.how-to-work .how-h button {
  border: none;
  outline: none;
  background-color: var(--primery);
  color: #fff;
  font-size: var(--ptxt);
  padding: 5px 20px;
  border-radius: 20px;
}

.how-to-work .how-h h2 {
  font-size: var(--txth1);
  color: #fff;
}


.how-to-work .row {
  padding-top: var(--pt);
  display: flex;
  align-items: center;
  gap: 20px;
}

.how-to-work .row .col {
  padding: 0 30px;
  color: #fff;
  width: calc(100%/3);
  text-align: center;
}



.how-to-work .row .col .text>a {
  text-decoration: none;
  color: #fff;
}

.how-to-work .row .col {
  width: 100%;
  height: auto;
  max-width: calc(100% /3);
}




/* .how-to-work .row .col .how-para {
  padding-top: 30px;
} */

.how-to-work .row .col p {
  padding-top: 10px;
}

.how-to-work .row .col-1>.imgContainer {
  transform: skewY(2deg);
}

.how-to-work .row .col-3>.imgContainer {
  transform: skewY(-2deg);
}

.how-to-work .row .col {
  opacity: 1;
  display: block;
  width: 100%;

  /* position: relative; */
  backface-visibility: hidden;
}

/* .how-to-work .row .col:hover {
  opacity: 0.4;
}

.how-to-work .row .col:hover .middle {
  opacity: 1;

} */

.how-to-work .row .col:hover .middle {
  opacity: 1;
  visibility: visible;
}

.middle {
  width: 100%;
  height: 100%;
  display: flex;
  transition: .5s ease-in-out;
  position: absolute;
  top: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  background-color: #3836367e;
}

.how-to-work .row .col {
  position: relative;
}

.imgContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

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


.how-to-work .row .col .text {

  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  color: #fff;
  outline: none;
  border: none;
}

/*how-to-work section  end */

/* form section start */
.form-section {
  padding: var(--ptbsec);
  background-color: var(--primery);
}



.form-section .container .row .tsp-countUp {
  display: flex;
  padding-bottom: 30px;
  justify-content: space-between;
  /* padding: 50px; */
}

/* .form-section .container .row .tsp-countUp .count {} */

.tsp-box-counter {


  /* padding: 50px 80px; */
  height: 80px;
  width: 80px;
}

.tsp-box-counter .tsp-count {
  text-align: center;
}

.form-section .container .row .tsp-countUp h2 {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 900;
  font-size: 4rem;
  color: #faf7f7;
  text-shadow: #0a0a0a;
  padding-bottom: 10px;
}

.form-section .container .row .tsp-countUp p {
  /* margin-top: 10px; */
  color: #a5a2a2;
}

/* form section end */

/* form-data section start */
.form-data {
  background-color: #fff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.form-data .container .row {
  display: flex;
  align-items: center;
  padding: var(--ptbsec);
  gap: 10px;
}

.form-data .container .row .col {
  width: calc(100% / 2);
}

.form-data .container .row .col>img {
  width: 100%;
  display: flex;
  justify-content: center;
}

.form-data .container .row .col .form-data-h {
  text-align: center;
  padding-bottom: 10px;
}

.form-data .container .row .col .form-data-h button {
  border: none;
  outline: none;
  background-color: var(--primery);
  color: #fff;
  font-size: var(--ptxt);
  padding: 5px 20px;
  border-radius: 20px;
}

.form-data .container .row .col .form-data-h h2 {
  font-size: 2.2rem;
}

.form-data .container .row .col .form-data-h h2 span {
  color: var(--primery);
}

.form-data .container .row .col-2 form {

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-data .container .row .col-2 form>input {
  margin-bottom: 8px;
  width: 70%;
  padding: 10px;
  border: none;
  outline: none;
  border-top: 1px solid #a5a2a2;
  border-right: 1px solid #a5a2a2;
  border-left: 1px solid #a5a2a2;
  border-bottom: 2px solid #171796;
  border-radius: 10px;
}

.form-data .container .row .col-2 form>textarea {
  margin-bottom: 8px;
  width: 70%;
  border: none;
  outline: none;
  border-top: 1px solid #a5a2a2;
  border-right: 1px solid #a5a2a2;
  border-left: 1px solid #a5a2a2;
  border-bottom: 2px solid #171796;
  border-radius: 10px;
  padding: 10px;
}

.form-data .container .row .col-2 form>.form-btn {
  border-radius: 10px;
  background-color: var(--primery);
  color: #fff;
  border: none;
  font-size: var(--ptxt);
}

.form-data .container .row .col .form-data-h h1>span {
  color: var(--primery);
}

/* form-data section end */






/*Review section  end */
.review {
  padding: var(--ptbsec);
}

.review .row {
  display: flex;
  gap: 30px;
}

.review .row .col {
  width: calc(100%/2);
  height: auto;
}

.review .row .col-1 {
  width: 100%;
  font-size: var(--ptxt);
  font-weight: var(--txtb);
}

.review .row .col-1 button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.review .row .col-1 h2 {
  font-size: var(--txth1);
}

.review .row .col-1 h2 span {
  color: var(--primery);
}

.review .row .col-1 span i {
  color: orange;
}

.review .row .col-1 span>img {
  width: 40px;
}

.review .row .col-1 p span {
  color: var(--primery);
}

span.dot {
  display: none;
}

.review .row .col-1 p i {
  color: var(--primery);
}

.review .row .col-1>img {
  padding-top: var(--pt);
}

.review .row .col-2 {
  width: 100%;
  background-color: #fff;
  position: relative;
  padding: 40px;
  border-radius: 10px;
}

.review .row .col-2 .review-data {
  display: flex;
  align-items: center;
  gap: 20px;
}

.review .row .col-2 .review-rating {
  display: flex;
  justify-content: end;
  position: absolute;
  color: orange;
  top: 40px;
  right: 10px;
}

.review .row .col-2 .review-para {
  padding-top: 40px;
}

/*Review section  end */



/*  */
@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}



.slides {
  overflow: hidden;
  animation-name: fade;
  animation-duration: 1s;
  display: none;
}


.dot {
  display: inline-block;
  background: #d3d3d3;
}

.active {
  background: black;
}

@media (max-width:567px) {
  #slider {
    width: 100%;

  }
}

/* our client start */
.our-client {
  padding: var(--ptbsec);
}

.our-client .container .client-h {
  text-align: center;
}

.our-client .container .client-h button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.our-client .container .client-h .client-head {
  color: var(--primery);
  font-size: var(--txth1);
}

.our-client .container .client-h h1 {
  font-size: var(--txth1);
}

.our-client .row {
  width: 100%;
}

.our-client .row .col ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
}

.our-client .row .col ul li {
  /* margin: 20px 10px; */
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 20px;
  min-height: 86px;
  list-style: none;
  background-color: #fff;
}

.our-client .row .col ul li img {
  width: 100%;
  padding: 0 10px;
  background-color: #fff;
}

/* our client end */

/* app screen start */

.app-screen {
  padding: var(--ptbsec);
}

.app-screen .container .screen-h {
  text-align: center;
}

.app-screen .container .screen-h button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.app-screen .container .screen-h h1 {
  font-size: var(--txth1);
}

.app-screen .container .screen-h h1 span {
  color: var(--primery);
}

.app-screen .container .row {
  margin-top: 50px;
}

.app-screen .container .row .slider .item {
  width: 100%;
}

.app-screen .container .row .active {
  background: none;
}

.app-screen .container .row .slider .item img {
  border: 3px solid black;
  border-radius: 20px;
  width: 100%;
  object-fit: contain;
}

.app-screen .container .row .owl-nav {
  display: flex;
  justify-content: space-between;
  font-size: var(--txth1);


}

.app-screen .owl-prev:after {
  content: '\f060';
  position: absolute;
  left: 0;
  font-weight: 900;
  color: #fff;
  background-color: var(--primery);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-family: 'Font Awesome 6 Free';
}

.app-screen .owl-prev span {
  visibility: hidden;
  opacity: 0;
}

.app-screen .owl-next:after {
  content: '\f061';
  position: absolute;
  right: 0;
  font-weight: 900;
  color: #fff;
  background-color: var(--primery);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-family: 'Font Awesome 6 Free';
}

.app-screen .owl-next span {
  visibility: hidden;
  opacity: 0;
}


/* app screen end */


/* blog section start */
.blog {
  padding: var(--ptbsec);
}

.blog .container .blog-h {
  text-align: center;
}

.blog .container .blog-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}



.blog .container .blog-h h1 {
  font-size: var(--txth1);
}

.blog .container .blog-h h1 span {
  color: var(--primery);
}

.blog .container .row {
  padding-top: var(--pt);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.blog .container .row .col {
  padding: 40px;
  border-radius: 20px;
  width: calc(100% / 2 - 50px);
  background-color: #fff;
  /* display: flex;
  flex-direction: column;
  justify-content: center; */

}

.blog .container .row .col .blog-img img {
  width: 100%;
}


.blog .container .row .col ul {
  padding: 15px 0;
  display: flex;
}

.blog .container .row .col ul>li {
  list-style: none;
}


.blog .container .row .col .blog-data {
  display: flex;
  padding-top: var(--pt);
  justify-content: space-between;
}

.blog .container .row .col .blog-data a {
  text-decoration: none;
  font-weight: 600;
  color: var(--primery);
}

.blog .container .row .col .blog-data a::after {
  content: '\f061';
  font-weight: 900;
  color: var(--primery);
  font-family: 'Font Awesome 6 Free';
}

.blog .container .row .col .blog-data button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.blog .container .row .col h5 {
  font-size: 1.5rem;
}


/* blog section end */

/* footer section start */


/* .footer {

} */
.footer {
  background-color: #181a22;
  max-width: 100%;
}

.footer .container {
  padding: 50px 80px;
  background-color: #181a22;
  background-image: url(../image/footer_bg.png);
  background-repeat: no-repeat;
}

.footer .container .row {
  padding: 50px 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
}

.footer .container .row .col {
  max-width: calc(100% / 4 - 60px);
  width: 100%;
}

.footer .container .row .col-2 {

  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.footer .container .row .col-2 h2 {
  /* text-align: start; */
}

.footer .container .row .col-1 form {
  display: flex;
  border: 2px solid #fff;
  border-radius: 10px;
}

.footer .container .row .col-1 form input {
  padding-left: 4px;
  outline: none;
  border: none;
  background-color: #181a22;
  border-radius: 10px;
  width: 100%;

}

.footer .container .row .footer-image .foot-logo-2 {
  display: none;
}


.footer .container .row .col-1 form input::placeholder {
  z-index: 1;
  opacity: 1;
  color: #c0bcbc;
  font-size: var(--ptxt);
}

.footer .container .row .col-1 .footer-data a::after {
  content: "|";
  margin: 0 15px;
  color: #fff;

}

.footer .container .row .col-1 h2 {
  color: #f6bf36;
  padding-bottom: 10px;
  font-weight: 700;
}

.footer .container .row .col-3 h2 {
  color: #f6bf36;
  padding-bottom: 18px;
  font-weight: 700;
}

.footer .container .row .col-3 .footer-data a {
  color: #fff;
  line-height: 26px;
  font-size: var(--ptxt);
  text-decoration: none;
}

.footer .container .row .col-3 .footer-data>div {
  padding: 8px 0;
}

.footer .container .row .col-1 .footer-btn {
  margin: 5px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--primery);
  border: none;
  outline: none;
  width: 60px;
  height: 50px;
  transition: all 0.5s;
  color: #fff;
}

.footer .container .row .col-1 .footer-btn:hover {
  color: var(--primery);
  background-color: #fff;
}

.footer .container .row .col-1 .footer-image>img {
  width: 140px;
  max-height: 140px;

  object-fit: contain;
}

.footer .container .row .col-1 h5 {
  padding-top: var(--pt);
}

.footer .container .row .col h5 {
  color: #fff;
  font-size: 1.5rem;
}


.footer .container .row .col-1 p {
  padding: 20px 0;
  color: #fff;
}

.footer .container .row .col-3 .footer-font {
  padding-top: 20px;
  display: flex;

}

.footer .container .row .col-2 h2 {
  color: #f6bf36;
  padding-bottom: 10px;
  font-weight: 700;
}

.footer .container .row .col-2 ul li {
  padding: 2px 0;
}

.footer .container .row .col-3 .footer-font li {
  list-style: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.footer .container .row .col-3 .footer-font li i {
  color: #fff;
  width: 100%;
}

/* .footer .container .row .col-2 .footer-img {
  padding-top: var(--pt);
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.footer .container .row .col-2 .footer-img a {
  padding: 15px 35px;
  background-color: black;
  border-radius: 10px;

}

.footer .container .row .col-2 .footer-down-btn {
  display: flex;
  justify-content: end;
} */

.footer .container .row .col-2 ul li {
  list-style: none;

}

.footer .container .row .col-2 ul li a {
  line-height: 30px;
  text-decoration: none;
  color: #eee9e9;
  transition: all 0.5s;
}

.footer .container .row .col-2 ul li a:hover {
  color: var(--primery);
}

.footer .additional-data {
  color: #f6bf36;
  padding: 20px 30px;
  margin: 0 10px;
  background-color: #0a0a0a;
  border-radius: 30px;
  text-align: center;
}

.footer .additional-data .col ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.footer .additional-data ul li::after {
  content: "|";
  margin: 0 10px;
  color: #68686b;

}

.footer .additional-data .col ul li {
  list-style: none;
}

.footer .additional-data .col ul li a {
  text-decoration: none;
  color: #68686b;
}

.footer .additional-data .col span>a {
  color: #fff;
}

/* footer section end */


/*                            ---------------------- ABOUT PAGE START----------------------                      */
.about-page {
  padding: var(--ptbsec);
  position: relative;
}


.about-page .container::before {
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../image/yellow_dotes.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: -1;

}

.about-page-h {
  text-align: center;


}

.about-page-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.about-page-h h1 {
  font-size: var(--txth1);
  letter-spacing: -2px;

}

.about-page-h h1 span {
  color: var(--primery);
}

.about-page .container .row {
  width: 100%;
  padding-top: var(--pt);
}

.about-page .container .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: no-wrap;
}

.about-page .container .row .col-2 p {
  padding: 10px 0;
  font-size: var(--ptxt);
  line-height: 1.6;
}

.about-page .container .row .col {
  width: calc(100% / 2 - 20px);
}

.about-page .container .row .col-1 {
  width: 100%;
}

.about-page .container .row .col-2 {
  width: 100%;
}

.about-page .container .row .col-2 button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.about-page .container .row .col-2 button>a {
  text-decoration: none;
  color: #fff;
}

/* .about-page .container .row .col-1 {
  width: 100%;
}

.about-page .container .row .col-2 {
  width: 100%;
} */

.about-page .col .about-us-img img {
  width: 90%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  object-fit: contain;
  border-radius: 20px;

  border: 2px solid #a5a2a2;
}



/* Core-Team section start */

.core-team {
  height: auto;
  padding: var(--ptbsec);
  background-color: #0a0a0a;
  color: #fff;
}

.core-team-h {
  text-align: center;
}

.core-team .core-team-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.core-team .core-team-h h1 {
  font-size: var(--txth1);
}

.core-team .core-team-h h1 span {
  color: var(--primery);
}

.core-team .core-team-h p {
  color: #a5a2a2;
}

.core-team .row {
  padding-top: var(--pt);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.core-team .row .col {
  max-width: calc(100% / 4 - 20px);
  width: 100%;
  height: auto;
  transition: all 0.5s ease-in-out;
}

/* .core-team .row .col:hover {
  background-color: rgba(63, 103, 243, 0.5);
} */

.core-team .row .col figure {
  border-radius: 5px;
  width: 100%;
  height: 250px;
  overflow: hidden;
}


.core-team .row .col figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.core-team .row .col h3 {
  padding-top: 10px;
  font-size: 1.5rem;
}


.core-team .row .col h4 {
  padding: 5px 0;
  color: #a5a2a2;
}

.core-team .row .col p {
  font-size: var(--ptxt);
  padding: 8px 0;
  color: #a5a2a2
}



.core-team .row .col .popup-data b>span {
  color: #e2aa1a;
}



/* Core-Team section end */

/* Associated Team start */



.associate-team {
  padding: var(--ptbsec);
}

.associate-team .container::before {
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../image/yellow_dotes.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: -1;

}

.associate-team-h {
  text-align: center;
}

.associate-team-h h1 {
  font-size: var(--txth1);
}

.associate-team-h h1>span {
  color: var(--primery);
}

.associate-team .row {
  padding-top: var(--pt);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.associate-team .row .col {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(100% / 2 - 50px);
  width: 100%;
  transition: all 0.5s ease-in-out;
}

/* .core-team .row .col:hover {
  background-color: rgba(63, 103, 243, 0.5);
} */

.associate-team .row .col figure {
  border-radius: 5px;
  width: 300px;
  height: 300px;
  overflow: hidden;
}


.associate-team .row .col figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.associate-team .row .col h3 {
  font-size: 1.5rem;
  padding-top: 10px;
}


.associate-team .row .col h4 {
  padding: 5px 0;
  color: #68686b;
}

.associate-team .row .col p {
  font-size: var(--ptxt);
  padding: 8px 0;

}

.associate-team .row .col .popup-data b>span {
  color: #e2aa1a;
}

/* Associated team end */




/* .our-story .container .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 30px;
}

.our-story .container .row .col {
  width: calc(100% / 2 - 10px);
}

.our-story .container .row .col-1 {
  display: flex;
  align-items: center;
}

.our-story .container .row .col-1 h4 {
  font-size: 2.5rem;
  padding-right: 40px;
}

.our-story .container .row .col-1 h4 span {
  color: var(--primery);
}

.our-story .container .row .col-2 {
  /* text-align: center; */
/* word-spacing: 5px;
} */


/* choos section start */
/* .choos {
  position: relative;
}

.choos .container {
  background-color: #181a22;
  border-radius: 20px;
  padding: var(--ptbsec);

} */

/* .choos .container::before {
  content: " ";
  background-image: url('../image/blue_dotes.png');
  position: absolute;
  background-position: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;


} */

/* .choos .choos-h {
  text-align: center;
  position: relative;
}

.choos .choos-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.choos .choos-h h1 {
  font-size: var(--txth1);
  color: #fff;
}

.choos .choos-h h1 span {
  color: var(--primery);
}

.choos .choos-h p {
  color: #a1a0a0;
}

.choos .container .row {
  padding-top: var(--pt);
  display: flex;
  justify-content: center;
  align-items: center;
}

.choos .container .row .choos-list-of-rating {
  /* position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;

}

.choos .container .row .choos-list-of-rating>li {
  list-style: none;

}

.choos .container .row li .text {

  width: 260px;
  height: 260px;
  /* border: 1px solid #3f67f3;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%; */
/* position: relative; 

}

.expert-list .popup_main p {
  color: #b1afaf;
} */

/* .choos .container .row .choos-list-of-rating li .text {
  width: 100%;
  height: 100%;
  border: 1px solid #3f67f3;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  
} */
/* 
.choos .container .row .choos-list-of-rating li .text>img {
  border: 2px solid #3f67f3;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  text-align: center;

}

.choos .container .row .choos-list-of-rating li {
  width: calc(100% / 4 - 20px);


}

.choos .container .row .choos-list-of-rating li .text-p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.choos .container .row .choos-list-of-rating li .expert-list {
  text-align: center;
} */

/*  
.popup_body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
}

.popup_body_show {
  display: block;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
}

.popup_back {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.popup_contain {
  position: relative;
  background: #fff;
  /* min-width: 800px; 
  max-width: 70%;
  margin: 100px auto 50px;
  min-height: 150px;
  padding: 10px 20px;
}

.popup_close {
  background: black;
  font-size: 22px;
  height: 30px;
  width: 30px;
  font-weight: 700;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #fff;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}

  */
/* 
.choos .container .row .choos-list-of-rating li .expert-list h5 {
  padding: 10px 0 5px 0;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;

}

.choos .container .row .choos-list-of-rating li .expert-list h5:hover {
  color: #f6bf36;
  transition: all 0.5s;
}

.choos .container .row .choos-list-of-rating li .expert-list .popup-main>p {
  padding: 5px 0;
  font-weight: 700;
  color: #b1afaf;
  padding-bottom: 5px;
}

.choos .container .row .choos-list-of-rating li .expert-list a i {
  font-size: 25px;
  color: #f6bf36;
}

.choos .container .row .choos-list-of-rating li .text h1 {
  font-size: 2rem;
  color: var(--primery);
}

.choos .container .row .choos-list-of-rating li .text p {
  font-size: 20px;
} */

/* 
.popup-container {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup-container .col {
  width: calc(100% / 2);
}

.popup-container .col-1 {
  width: 100%;
  text-align: left;
}

.popup-container .col-1 span {
  color: #f6bf36;
}

.popup-container .col-2 {
  width: 100%;
}

.expert-list .popup_contain .popup-container .col-1 h4 {
  color: #333333;
}

.popup_contain .popup-container .col-1 p {
  padding: 10px 0;
  color: #333333;
}

.popup_contain .popup-container .col-1 b {
  color: #333333;
}

.popup_contain .popup-container .pop-data h4 {
  color: #333333;
}

.popup_contain .popup-container .pop-data p {
  padding: 10px 0;
  color: #333333;
}

.popup-container .pop-data span {
  color: #f6bf36;
}

.choos .container .row .choos-list-of-rating li .popup-container .col-2 {
  width: 100%;
}

.popup_contain .popup-container .pop-data {
  text-align: left;
}

.popup_contain .popup-container .pop-data b {
  color: #333333;
} */

/* choos section end */

/* Our-values section start */

.our-values {
  padding: var(--ptbsec);
  position: relative;
}


.our-values::before {
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../image/yellow_dotes.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: -1;

}

.our-values .our-values-h {
  text-align: center;
}

.our-values .our-values-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.our-values .our-values-h h1 {
  font-size: var(--txth1);
}

.our-values .our-values-h h1 span {
  color: var(--primery);
}

.our-values .container .row {
  padding-top: var(--pt);
}

.our-values .container .row .col {
  /* width: 370px; */
  text-align: center;
  background-color: #fff;
  padding: 60px 40px;
  border-radius: 20px;
}

.our-values .container .row .col .value_img {

  display: flex;
  justify-content: center;
}

.our-values .container .row .col .value_img img {
  width: 150px;
  height: 150px;
  background-color: var(--primery);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(35, 32, 233, 0.09) 0px 4px 2px, rgba(28, 86, 209, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(17, 24, 126, 0.09) 0px 32px 16px;
  border: 2px solid #171796;
  border-radius: 50%;
}

.our-values .active {
  background: none;
}

.our-values .container .row .col h5 {
  font-size: 1.5rem;
  color: var(--primery);
  padding: 15px 0;
}

.our-values .container .row .col p {
  font-size: var(--ptxt);
  word-spacing: 3px;
}


/* Our-values section end */


/* Process section start */

.process {
  position: relative;

}

.process-view {
  padding: var(--ptbsec);
}

.process-view .container .row {
  display: flex;
  /* gap: 150px; */
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.process-view .container .row .col {
  width: calc(100% / 2 - 10px);
}

.process-view .container .row .col-1 .process-logo {
  color: #3f67f3;
}

.process-view .container .row .col-1 .process-logo>span {
  background-color: #fff;
  padding: 6px 15px;
  border-radius: 60px;
}

.process-view .container .row .col-1 .process-text h2 {
  padding: 30px 0;
  font-size: 2.2rem;
}

.process-view .container .row .col-1 .process-text h2 span {
  color: var(--primery);
}

.process-view .container .row .col-1 .process-text p {
  font-size: var(--ptxt);
  padding-bottom: 15px;
}

.process-view .container .row .col-1 .process-text>div {
  padding: 5px 0;
}

.process-view .container .row .col-1 .process-text>div i {
  color: var(--primery);
}

.process-view .container .row .col .process-img {
  text-align: center;
}

.process-view .container .row .col .process-img>img {
  width: 70%;
}

.process-view .col-1 .process-btn {
  padding: 30px 0;
}

.process-view .container .row .col-2 .process-img {
  width: 100%;
}

.process-view .col-1 .process-btn>button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

/* Process section end */

/* Experts section start */

.expert {
  padding: var(--ptbsec);
  position: relative;
}

.expert::before {
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../image/yellow_dotes.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: -1;

}

.expert .container .expert-h {
  text-align: center;
}

.expert .container .expert-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.expert .container .expert-h h1 {
  font-size: var(--txth1);
}

.expert .container .expert-h h1 span {
  color: var(--primery);
}

.expert .container .row {
  text-align: center;
  padding-top: var(--pt);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}


.expert .container .row .col {
  width: calc(100% / 4 - 10px);
  /* background-color: #0a0a0a; */
  padding: 10px 10px 10px 10px;
  border-radius: 20px;
  transition: all 0.5s;
}

/* .expert .container .row .col-1,
.expert .container .row .col-2,
.expert .container .row .col-3,
.expert .container .row .col-4 {
  width: 100%;
} */


.expert .container .row .col img {
  width: 100%;
}

/* .expert .container .row .col:hover ul {
  visibility: visible;
  opacity: 1;
} */

.expert .container .row .col ul li a:hover {

  background-color: #f6bf36;
  text-decoration: none;
}



/*  */
/* .box {
  width: 20%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {

  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

/* .button:hover {
  background: orange;
}

.overlay {


  z-index: 999999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
}

.overlay:target {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.popup {

  position: relative;
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;

  transition: all 5s ease-in-out;
}

.popup .close {

  position: relative;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: orange;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

*/

/*  */
/* .expert .container .row .col:hover .expert-data h5,
.expert .container .row .col:hover .expert-data p {
  color: #e6e2e2;
} */

.expert .container .row .col:hover .expert-data h5:hover {
  color: #f6bf36;

}

.expert .container .row .col .expert-data h5 {
  font-size: 1.2em;
  padding: 5px 0;
  color: var(--primery);
}

.expert .container .row .col .expert-data {
  /* padding: 15px 0; */
}

.expert .container .row .col ul {
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}

.expert .container .row .col ul li {
  padding-top: 5px;
  list-style: none;
}

.expert .container .row .col ul li a {
  text-decoration: none;
  /* list-style: none; */
  height: 40px;
  width: 40px;
  border: 1px solid #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  transition: all 0.5s;
}

.expert .container .row .col ul li a>i {
  color: black;
}

/* Experts section end */



/* FAQS section start */
.faqs {
  padding: var(--ptbsec);
}

.faqs .faqs-h {
  text-align: center;
}

.faqs .faqs-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.faqs .faqs-h h1 {
  font-size: var(--txth1);
}

.faqs .faqs-h h1 span {
  color: var(--primery);
}

.faqs .container .row {
  padding-top: var(--pt);
}

.faqs .container .row .tab-titles ul {

  display: flex;
  justify-content: center;
}

/* .faqs .container .row .tab-titles  */

.faqs .container .row .tab-titles ul li {
  list-style: none;
}

.faqs .container .row .tab-content {
  padding-top: 30px;
}

.faqs .container .row .tab-titles ul li button {
  outline: none;
  border: none;
  background-color: #fff;
  font-size: 1rem;
  padding: 10px 25px;
  cursor: pointer;
}

.faqs .container .row .tab-titles ul .active-link button {
  background-color: #3f67f3;
  border-radius: 10px;
  color: #fff;
}


.faqs .container .row .tab-content {
  display: none;
}

.faqs .container .row .active-tab {
  display: block;
}

.accordion {

  background-color: #fff;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-weight: bold;
  font-size: 1.3rem;
  transition: 0.4s;
}

.faqs .container .row .tab-content .tab-row {
  display: flex;
  gap: 20px;
}

.faqs .container .row .tab-content .tab-row .tab-col .panel {
  margin-bottom: 20px;
}

/* .faqs .container .row .tab-accordion {
  display: flex;
  gap: 10px;

} */

/* .active,
.accordion:hover {
  background-color: #ccc;
} */

.accordion:after {
  content: '\002B';
  color: #0a0a0a;
  font-weight: bold;
  font-size: 30px;
  float: right;
  margin-left: 5px;

}

.accordion.active:after {
  content: "\2212";
}

.accordion {
  color: #0a0a0a;
}

.panel {

  background-color: #fff;
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* FAQS section end */


/*                            ---------------------- ABOUT PAGE END----------------------                      */


/*       -------------SERVICE SECTION START------------------- */
.service-banner {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  background-color: rgba(125, 153, 255, 0.3);
  max-height: 60vh;
  overflow: hidden;
}

.service-banner .row {
  display: flex;
  gap: 20px;
}

.service-banner .row .col {
  width: calc(100% / 2);
}

.service-banner .row .col-1 {
  width: 100%;

}


.service-banner .row .col-1 .service-img img {
  width: 100%;
  height: 60vh;
  object-fit: cover;
}

.service-banner .row .col-2 {
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}


.service-banner .row .col-2 h1 {
  text-align: center;
  font-size: 2.5rem;
  padding-bottom: 10px;
}

.service-banner .row .col-2 h1 span {
  color: var(--primery);
}

.service-banner .row .col-2 button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.service-banner .row .col-2>p {
  color: #e2aa1a;
  letter-spacing: 5px;
  font-weight: 700;
}

.feature {
  padding: var(--ptbsec);
}

.feature .container .feature-h {
  text-align: center;
}

.feature .container .feature-h button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.feature .container .feature-h h1 {
  font-size: var(--txth1);
}

.feature .container .feature-h h1 span {
  color: var(--primery);
}

.feature .container .row {
  margin-top: var(--pt);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.feature .container .row .col {
  max-width: calc(100% / 4 - 15px);
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 10px 15px 10px;
}

.feature .container .row .col .fea-con-img img {
  width: 100%;
  border-radius: 10px;
  height: 200px;
}

.feature .container .row .col p {
  padding: 10px 0;
}

.feature .container .row .col button {
  text-transform: capitalize;
  background-color: var(--primery);
  padding: 8px 15px;
  border-radius: 10px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

/*       -------------SERVICE SECTION END------------------- */

/* ------------------IT SERVICE SECTION START------------------- */

.IT-service-banner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;


}

.IT-service-banner .row {
  /* width: 1440px; */

}

.IT-service-banner .banner-con {
  position: relative;

}

.IT-service-banner .row img {
  width: 100%;
  max-height: 60vh;
  object-fit: cover;
}

.IT-service-banner .about-it-service {
  padding: 10px 80px;
}

.data-of-it-service {
  padding-top: 50px;
}

.IT-service-banner .about-it-service h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 2rem;
}

.IT-service-banner .about-it-service h2>span {
  color: var(--primery);
}

.it-service-img {
  padding: var(--ptbsec);
}

.it-service-img h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;

}

.it-service-banner-info {
  position: relative;
}

.it-service-banner-info .image-it {
  display: flex;
  align-items: center;
  justify-content: center;
}

.it-service-banner-info .service-content {
  font-size: 2.5rem;
  font-weight: 800;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.it-service-banner-info .service-content a {
  color: #fff;
  text-decoration: none;


}

.it-service-banner-info p {
  font-size: var(--ptxt);
  color: #d3d3d3;
}

.IT-service-banner ul li {
  padding-top: 15px;
}

.IT-service-banner .about-it-service .it-service-ques {
  padding: 20px 0;
  font-weight: 800;
  font-size: 22px;
}

.it-service-img h1>span {
  color: var(--primery);
}

.it-services-img-con {
  padding-top: var(--pt);

}

.service-img-con figure {
  border-radius: 15px;
  width: 400px;
  height: 300px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  overflow: hidden;
}

.service-img-con {
  text-align: center;
}

.service-img-con p {
  padding-top: 20px;
  font-size: var(--ptxt);
  font-weight: 700;
}

.service-img-con figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.data-of-it-service ul {
  padding-left: 30px;
}

.IT-service-banner .it-services-img-con {
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.IT-service-banner .it-services-img-con .service-img-con {
  max-width: calc(100% / 2);
}

/* ------------------IT SERVICE SECTION END------------------- */

/* ------------------EPOS SECTION START------------------- */

.epos-hero-page {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;

}

.epos-hero-page .row figure {
  width: 100%;
  max-height: 300px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.epos-hero-page .row img {
  width: 100%;
  height: 100%;
}

.epos-hero-page .about-epos {
  padding: 30px 0;
}

.about-epos .gestelec ul {
  padding-left: 30px;

}

.about-epos .gestelec h3 {
  padding: 10px 0;
  color: var(--primery);

}

.about-epos .gestelec li {
  padding-bottom: 5px;

}

.about-epos .gestelec p a {
  text-decoration: none;
  color: var(--primery);
}

.about-epos h2 {
  padding: 15px 0;
}

.about-epos .system-industry a {
  text-decoration: none;
  color: var(--primery);
}

.about-epos .system-industry ul li {
  line-height: 22px;
}

.about-epos .system-industry ul {
  padding-left: 20px;
}

/* .about-epos .system-industry ul li::marker {
  font-size: 15px;
} */

.about-epos p {
  padding: 5px 0;
}

.about-epos .epos-heading {
  text-align: center;
  font-size: 2rem;
}

.about-epos ol {
  padding-left: 20px;

}

.about-epos i {
  color: #d8a013;
}

/* ------------------EPOS SECTION END------------------- */

/*-----------Digital Marketing Section start------------------- */
/* .d-banner{
    max-width: 1440px;
      width: 100%;
      margin: 0 auto;
} */
.dg-m-banner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;

}

.dg-m-banner .row .dgm-container {
  position: relative;
}

.dg-m-banner .row .dgm-container figure {
  width: 100%;
  max-height: 60vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.dg-m-banner .row .dgm-container figure img {
  width: 100%;
  height: 100%;
}

.dg-m-banner .row .dgm-container .dg-auto-type {
  font-size: 2rem;
  font-weight: var(--txtb);
  color: #f8f8f8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.dg-m-banner .row .dgm-container .dg-auto-type p {
  font-size: var(--ptxt);
  color: #d3d3d3;
}

.dg-m-banner .row .dgm-container .dg-auto-type a {
  text-decoration: none;
  color: #f8f8f8;
}

.dg-m-banner .container .dg-row {
  padding: 40px 0;
}

.dg-m-banner .container .dg-row h2 {
  font-size: 2.2rem;
  text-align: center;
  padding-bottom: 10px;
}

.dg-m-banner .container .dg-row h2 span {
  color: var(--primery);
}

.dg-m-banner .container .dg-row {
  text-align: center;
}

.dg-m-banner .container .dg-row p {
  padding: 15px 0;
  font-size: var(--ptxt);
}

.dg-m-banner .container .dg-row .dg-h {
  padding-top: 30px;
  font-weight: 1000;
  font-size: 1.8rem;
}

.dg-m-banner .container .dg-row .dg-h span {
  color: var(--primery);
}

.dg-m-banner .container .dg-row .dg-data {
  padding: 30px 0;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;

}

.dg-m-banner .container .dg-row .dg-data .dg-data-con {
  max-width: calc(100% / 3 - 40px);
  width: 100%;
  font-size: 20px;
  list-style-type: none;
  border-radius: 2%;
  box-shadow: rgba(38, 119, 180, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  /* padding: 40px 10px; */
  transition: all 0.5s;
}

.dg-m-banner .container .dg-row .dg-data .dg-data-con:hover {
  background-color: rgba(23, 23, 150, 0.2);
  box-shadow: rgba(10, 10, 10, 0.3) 0px 1px 2px 0px, rgba(9, 10, 10, 0.15) 0px 1px 3px 1px;
  /* padding: 40px 10px; */
}

.dg-m-banner .container .dg-row .dg-data .dg-data-con div {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 40px 10px;
  height: 200px;
  width: 100%;
}

.dg-m-banner .container .dg-row .dg-data .dg-data-con figure {

  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  object-fit: contain;
  padding-bottom: 10px;
}

.dg-m-banner .container .dg-row .dg-data .dg-data-con figure>img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.dg-m-banner .container .dg-row .dg-point {
  display: flex;
  justify-content: space-evenly;
}

.dg-m-banner .container .dg-row .dg-point li {
  color: #000000;
  font-size: var(--ptxt);
  font-weight: 500;
  list-style: none;
}

.dg-m-banner .container .dg-row p {
  word-spacing: 3px;
}

.dg-m-banner .container .dg-row .dg-why h2 {
  padding: 20px 0 10px 0;
}

.dg-m-banner .container .dg-row .dg-why .dg-point {
  padding: 10px 0;
}

.dg-m-banner .container .dg-row .dg-why .dg-point {
  list-style: none;
}

.dg-m-banner .container .dg-row .dg-why .dg-point li:before {
  content: "\f0a4";
  /* or whatever */
  font-size: 20px;
  padding-right: 5px;
  color: #d8a013;
  font-family: 'Font Awesome 6 Free';
}

/*-----------Digital Marketing Section end------------------- */
/*-----------Search Engine Section start------------------- */

.seo-m-banner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;

}

.seo-m-banner .row .seo-container {
  position: relative;

}

.seo-m-banner .row .seo-container figure {
  width: 100%;
  max-height: 60vh;
  display: flex;
  align-items: center;
  overflow: hidden;

}

.seo-m-banner .row .seo-container figure img {
  background-color: #d8a013;
  width: 100%;
  height: 100%;
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.seo-m-banner .row .seo-container .seo-data-con {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
}

.seo-m-banner .row .seo-container .seo-data-con .dg-auto-type {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: var(--txtb);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
}

.seo-m-banner .row .seo-container .dg-auto-type p {
  font-size: var(--ptxt);
  color: #d3d3d3;
}

.seo-m-banner .row .seo-container .dg-auto-type a {
  text-decoration: none;
  color: #f8f8f8;
}

.seo-m-banner .container .seo-row {
  padding: 40px 0;
}

.seo-m-banner .container .seo-row .seo-process-he {
  margin: 30px 0;
}

.seo-m-banner .container .seo-row .seo-process-data .seo-process-h i {
  color: var(--primery);
  font-size: 20px;
}

.seo-m-banner .container .seo-row .seo-process-data .seo-process-h {
  border: 1px solid #d8a013;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  max-width: calc(100% / 3 - 20px);
  padding: 40px 15px 30px 15px;
  /* margin: 10px 0; */
}

.seo-m-banner .container .seo-row .seo-process-data .seo-process-h span {
  font-weight: 700;
  font-size: 24px;
}

.seo-m-banner .container .seo-row .seo-process-data .seo-process-h p {
  line-height: 25px;
  font-size: var(--ptxt);
}

.seo-m-banner .container .seo-row p {
  font-size: var(--ptxt);
}

.seo-m-banner .container .seo-row .seo-process-data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px 0;
}

.seo-m-banner .container .seo-row h2 {
  font-size: 2.2rem;
  text-align: center;

}

.seo-m-banner .container .seo-row h2 span {
  color: var(--primery);
}

.seo-m-banner .container .seo-row {
  text-align: center;
}

.seo-m-banner .container .seo-row p {
  padding: 10px 0;
}

.seo-m-banner .container .seo-row .seo-h {

  font-weight: 700;
  font-size: 20px;
}

/* .seo-m-banner .container .seo-row .seo-data {
  padding: 10px 0;
  display: flex;
  justify-content: space-evenly;
} */
.seo-m-banner .container .seo-row .seo-data {
  padding: 10px 0 10px 20px;


}

.seo-m-banner .container .seo-row .seo-data li {
  font-size: var(--ptxt);
}

.seo-m-banner .container .seo-row .seo-data li span {
  font-weight: 700;
}

.seo-m-banner .container .seo-row .seo-data li::marker {
  font-weight: 700;
}

/* .seo-m-banner .container .seo-row .seo-data i {
  color: #d8a013;
} */

.seo-m-banner .container .seo-row .seo-point {

  display: flex;
  justify-content: space-evenly;
}



.seo-m-banner .container .seo-row .seo-why h2 {
  padding: 20px 0 10px 0;
}

.seo-m-banner .container .seo-row .seo-why .seo-point {
  padding: 10px 0;
}

.seo-m-banner .container .seo-row .seo-why .seo-point ul {
  list-style: none;
}

.seo-m-banner .container .seo-row .seo-why .seo-point li:before {
  content: "\f0a4";
  /* or whatever */
  font-size: 20px;
  padding-right: 5px;
  color: #d8a013;
  font-family: 'Font Awesome 6 Free';
}

/*-----------Search Engine Section end------------------- */


/* ----------Website Development Section start------------------ */

.web-dev-banner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.web-dev-banner .row .web-dev-container {
  position: relative;

}

.web-dev-banner .row .web-dev-container figure {
  width: 100%;
  max-height: 60vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.web-dev-banner .row .web-dev-container figure img {
  background-color: #d8a013;
  width: 100%;
  height: 100%;
  /* filter: blur(2px);
  -webkit-filter: blur(2px); */
}

.web-dev-banner .row .web-dev-container .web-dev-data-con {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
}

.web-dev-banner .row .web-dev-container .web-dev-data-con .dg-auto-type {
  font-weight: var(--txtb);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
}

.web-dev-banner .row .web-dev-container .web-dev-data-con .dg-auto-type a {
  text-decoration: none;
  color: #fff;
}

.web-dev-banner .row .web-dev-container .web-dev-data-con p {
  font-size: var(--ptxt);
}

.web-dev-card {
  padding-bottom: 50px;
  position: relative;
}

.web-dev-card .container .row {
  display: flex;
  gap: 20px;
}

.web-dev-card .container .row .col {
  /* display: flex;
  align-items: center; */
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  max-width: calc(100% / 3);
  width: 100%;
  height: 250px;
  padding: 50px 20px;
  background-image: url('../image/service-pattern.png.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.web-dev-card .container .row .col h4 {
  text-align: center;
}

.web-dev-card .container .row .col .wev-dev-col-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.web-dev-card .container .row .col .wev-dev-col-icon img {
  max-width: 100px;
}

.web-dev-card .container .web-dev-row .web-dev-why h2 {
  padding: 40px 0 10px 0;
  text-align: center;
  font-size: 2.2rem;
}

.web-dev-card .container .web-dev-row .web-dev-why .web-dev-point {
  padding: 10px 0;
}


.web-dev-card .container .web-dev-row .web-dev-why .web-dev-point ul {
  list-style: none;
}

.web-dev-card .container .web-dev-row .web-dev-why .web-dev-point li:before {
  content: "\f0a4";
  /* or whatever */
  font-size: 20px;
  padding-right: 5px;
  color: #d8a013;
  font-family: 'Font Awesome 6 Free';
}

.web-dev-card .container .web-dev-row .web-dev-why .web-dev-point {
  display: flex;
  justify-content: space-evenly;
}


.web-dev-card .container .web-dev-row p {
  word-spacing: 3px;
}

.web-dev-content {
  padding: 50px 0 20px 0;
}

.web-dev-content .web-dev-content-h h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.web-dev-content .web-dev-content-h h2 span {
  color: var(--primery);
}

.web-dev-content .container .row {
  padding-top: 20px;

  text-align: center;
}

.web-dev-content .container .row p {
  font-size: var(--ptxt);
  padding: 15px 0 20px 0;

}

.web-dev-content .container .row h2 {
  font-size: 1.7rem;
  text-transform: capitalize;
}

.web-dev-content .container .row h2 span {
  color: var(--primery);
}

/* ----------Website Development Section end--------------- */

/* -------------Contact Us Section Start----------------------- */
.contact-us-page {
  padding: var(--ptbsec);
}

.contact-us-page .container .contact-us-page-h {
  text-align: center;
}

.contact-us-page .container .contact-us-page-h button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.contact-us-page .container .contact-us-page-h h1 {
  font-size: var(--txth1);
}

.contact-us-page .container .contact-us-page-h h1 span {
  color: var(--primery);
}

.contact-us-about {
  padding: var(--ptbsec);
  background-color: #ffffff;
}

/* .contact-us-about .container .row .col-2 {
  display: none;
} */



.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 560px;
  /* width: 800px; */
  width: 100%;
  border-radius: 8px;
}

.col-2 .mapouter {

  position: relative;
  text-align: right;
  height: 560px;
  width: 100%;

}

.contact-us-about .container .contact-us-about-h {
  text-align: center;
}

.contact-us-about .container .contact-us-about-h button {
  background-color: var(--primery);
  padding: 8px 25px;
  border-radius: 20px;
  font-size: var(--ptxt);
  color: var(--txtcolor);
  outline: none;
  border: none;
}

.contact-us-about .container .contact-us-about-h h1 {
  font-size: var(--txth1);
}

.contact-us-about .container .row {
  padding-top: var(--pt);
  display: flex;
  /* justify-content: center; */
  gap: 50px;
  align-items: center;
}

.contact-us-about .container .row .col-1 {
  padding-top: 100px;
  width: 30%;
  display: flex;
  align-items: center;

}

.contact-us-about .container .row .col-3 {
  /* border: 2px solid #171796; */
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
  border-radius: 10px;
  width: 70%;
}



.contact-us-about .container .row .col-1 h4 {
  font-size: 1.5rem;
  font-weight: bolder;
  padding: 5px 0 15px 0;
  color: var(--primery);
}

.contact-us-about .container .row .col-1 h5 {
  font-size: 1.1rem;
  padding: 5px 0;
  /* text-decoration: none;
  color: #000000; */
}

.contact-us-about .container .row .col-1 h5 a {
  /* text-decoration: none; */
  color: #000000;
}

.contact-us-about .container .row .col-1 .address-data {
  /* letter-spacing: 1px; */
  font-size: var(--ptxt);
  padding: 5px 0 15px 0;
  border-right: 2px solid #d8a013;
}

.contact-us-about .container .row .col-1 .address-data a {
  color: #000;
  text-decoration: none;
}

.contact-us-about .container .row .col-1 .contact-data {
  padding-bottom: 5px;
}

.contact-us-about .container .row .col-1 .contact-data a:hover {
  color: var(--primery);
}

.contact-us-about .container .row .col-1 .contact-data a {
  text-decoration: none;
  font-size: var(--ptxt);
  color: #000;

}

.contact-us-about .container .row .col-3 .form-data-h {
  text-align: center;
  padding-bottom: 40px;
}

.contact-us-about .container .row .col-3 .form-data-h button {
  border: none;
  outline: none;
  background-color: var(--primery);
  color: #fff;
  font-size: var(--ptxt);
  padding: 5px 20px;
  border-radius: 20px;
}

.contact-us-about .container .row .col-3 .form-data-h h2 {
  font-size: 2.2rem;
}

.contact-us-about .container .row .col-3 form {

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-us-about .container .row .col-3 form>input {
  margin-bottom: 8px;
  width: 80%;
  padding: 10px;
  border: none;
  outline: none;
  border-top: 1px solid #a5a2a2;
  border-right: 1px solid #a5a2a2;
  border-left: 1px solid #a5a2a2;
  border-bottom: 2px solid #171796;
  border-radius: 10px;
}

.contact-us-about .container .row .col-3 form>textarea {
  margin-bottom: 8px;
  width: 80%;
  border: none;
  outline: none;
  border-top: 1px solid #a5a2a2;
  border-right: 1px solid #a5a2a2;
  border-left: 1px solid #a5a2a2;
  border-bottom: 2px solid #171796;
  border-radius: 10px;
  padding: 10px;
}

.contact-us-about .container .row .col-3 form>.form-btn {
  border-radius: 10px;
  background-color: var(--primery);
  color: #fff;
  border: none;
  font-size: var(--ptxt);
}

.contact-us-about .container .row .col-3 .form-data-h h2>span {
  color: var(--primery);
}

.contact-map {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  /* padding: var(--ptbsec); */
}

.contact-map .container .row {
  border-radius: 10px;
}

/*-------------------- Contact Us Section End--------------------------- */