.custom-accordion {
            border: 1px solid #dddddd3a;
            /* border-radius: 6px; */
            overflow: hidden;
        }

        .accordion-item {
            border-bottom: 1px solid #dddddd3a;
        }

        .accordion-title {
            cursor: pointer;
            padding: 15px;
            background: #162842;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
        }

        .accordion-title i {
            transition: transform 0.3s ease;
        }

        .accordion-title.active i {
            transform: rotate(180deg);
        }

        .accordion-content {
            display: none;
            padding: 15px;
            background: #162842;
            color: #fff;
            border-top: 1px solid #dddddd3a;
        }

        .accordion-content.active {
            display: block;
        }

        .accordion-item:first-of-type {
            border-radius: 0px !important;
        }

        .radial-progress {
            width: 190px;
            height: 190px;
            transform: rotate(-90deg);
            margin-bottom: 20px;
        }

        .radial-progress circle {
            fill: none;
            stroke-width: 10;
        }

        .bar-static {
            stroke: #eee;
        }

        .bar--animated {
            stroke: #f36f27;
            stroke-dasharray: 219.911;
            /* 2πr = 2 * π * 35 */
            stroke-dashoffset: 219.911;
            transition: stroke-dashoffset 1s ease;
        }

        .radial-progress text.countervalue {
            fill: #000;
            font-size: 16px;
            text-anchor: middle;
            dominant-baseline: middle;
            transform: rotate(90deg);
            transform-origin: 40px 40px;
        }
       .testimonial-section {
      padding: 60px 20px;
      background-color: #f0f5fb;
    }

    .testimonial-slider-wrapper {
        
      max-width: 1240px;
      margin: auto;
      position: relative;
      overflow: hidden;
    }

    .testimonial-slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .testimonial-card {
      min-width: 100%;
      box-sizing: border-box;
      padding: 40px;
      background: #fff;
      border-radius: 20px;
      /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);*/
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .testimonial-content {
      flex: 1 1 60%;
      padding-right: 20px;
    }

    .testimonial-content h2 {
      font-size: 28px;
      margin-bottom: 20px;
    }

    .testimonial-text {
      font-size: 18px;
      line-height: 1.6;
      color: #555;
    }

    .testimonial-client {
      display: flex;
      align-items: center;
      margin-top: 20px;
      gap: 10px;
    }

    .testimonial-client img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
    }

    .testimonial-client h4 {
      margin: 0;
      font-size:16px;
      font-weight:600;
    }

    .testimonial-image {
      flex: 1 1 35%;
      text-align: center;
    }

    .testimonial-image img {
      width: 100%;
      max-width: 300px;
      border-radius: 15px;
    }

    .testimonial-nav {
      text-align: center;
      margin-top: 30px;
    }

    .testimonial-nav button {
      background-color: #3e68d1;
      border: none;
      padding: 10px 15px;
      font-size: 20px;
      margin: 0 8px;
      border-radius: 50%;
      cursor: pointer;
      transition: background 0.3s ease;
     
    }

    .testimonial-nav button:hover {
      background-color: #d1d5db;
    }
 .icon-box-col {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 2rem;
}

/* Remove right border from every 2nd column (assuming 2 columns per row) */
.icon-box-col:nth-child(2n) {
  border-right: none;
}

/* Remove bottom border from last row */
.icon-box-col:nth-last-child(-n+2) {
  border-bottom: none;
}

@media (max-width: 576px) {
  .icon-box-col {
    border-right: none;
    border-bottom: 1px solid red;
  }
  .icon-box-col:last-child {
    border-bottom: none;
  }
}


   

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
/* 1. General Style */
body {
font-family: 'Poppins';
overflow-x: hidden;
}
p
{
font-size: 16px;
line-height: 30px;
color: #555;
margin: 0;
font-weight: 400;
}
*{
margin: 0;
padding: 0;
}
h2,h3,h4,h5{
color: #04004d;
}
a{
text-decoration: none;
}

h2{
font-size: 50px;
line-height: 60px;
}
h3{
font-size: 40px;
}
h4{
font-size: 30px;
}
h5{
font-size: 26px;
}
h6{
font-size: 20px;
}
p{
font-size: 18px;
color: #444;
}
img{
object-fit: cover;
}
.gap {
padding: 120px 0;
}
.no-top{
padding-top: 0;
}
.no-bottom{
padding-bottom: 0;
}
ul{
padding: 0;
margin: 0;
}
li{
display: block;
}
figure {
overflow: hidden;
}

/* 3. hero-section */
.hero-section:before {
background-color: #5800a0;
height: 1556px;
content: "";
position: absolute;
width: 2300px;
border-radius: 666px;
transform: rotate(331deg);
top: -93%;
left: -10%;
z-index: -11;
box-shadow: 94px 0px 0px 88px rgb(237 237 237);
-webkit-box-shadow: 94px 0px 0px 88px rgb(237 237 237);
-moz-box-shadow: 94px 0px 0px 88px rgb(237 237 237);
}
.hero-section {
overflow: hidden;
position: relative;
padding-top: 160px;
}
.hero-section:after {
height: 1556px;
content: "";
position: absolute;
width: 2300px;
border-radius: 666px;
transform: rotate(331deg);
top: -93%;
left: -10%;
z-index: -11;
opacity: .1;
background-repeat: no-repeat;
background-image: url(../img/hero.jpg);
background-size: cover;
background-position: center;
}
.hero-section-text{
position: relative;
}
.hero-section-text h1 {
color: white;
font-weight: 700;
/* font-size: 49px; */
}
.hero-section-text p {
color: #e3e2e2;
padding-bottom: 40px;
width: 84%;
}
.play-button svg {
width: 25px;
height: 25px;
}
.play-button i {
background-color: white;
width: 75px;
height: 75px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 20px;
}
.play-button i:before{
position: absolute;
content: "";
width: 90px;
height: 90px;
border: 3px solid #fff;
border-radius: 50%;

}
.play-button a {
color: white;
display: flex;
align-items: center;
}
.play-button a span{
border-bottom: 1px solid #fff;
line-height: 16px;
}
/*Start Seo section */
.image-banner-rights img {
width: 100%;
}

.pab-seo {
position: absolute;
font-size: 22px;
font-weight: 600;
text-align: center;
line-height: 22px;
top: 50px;
color: #000;
width: 100%;
}

.batton.x {
padding: 10px 40px !important;
}

.batton:before {
content: "";
width: 20%;
height: 100%;
background-color: rgb(0 0 0 / 25%);
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
}

.btn-deals {
margin-top: 10px;
}

.btn-deals a {
background: linear-gradient(to right, #e8e7ec, #e8e7ec, #e8e7ec);
color: #000;
}
.image-banner-rights {
position:relative;
}

.col-sm-12.col-md-6.p00 {
margin: 0px !important;
padding: 0px !important;
}
.right-section-service {
font-size: 24px;
font-weight: 600;
padding: 65px 40px;
text-align: center;
color:#fff;
}

.btn-deals a {
padding: 5px 40px !important;
}
.btn-deals {
margin-top: 10px;
}

.bg01 {
background-color: #54C5CD;
}
.bg02 {
background-color: #EF718D;
}
.bg03 {
background-color: #A74FF7;
}
.bg04 {
background-color: #F5A540;
}

/*End Seo section */



/* 4. get-a-quote */
form.get-a-quote i svg{
fill: #00c389;
}
form.get-a-quote i {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background-color: #e5f9f3;
border-radius: 50%;
padding: 22px;
border-bottom-left-radius: 0;
margin-right: 30px;
}
.get-a-quote h2 {
font-weight: 40px;
font-weight: 800;
}
.get-a-quote span {
font-size: 16px;
font-weight: bold;
color: #858585;
}
.get-a-quote {
background-color: white;
padding: 60px;
border-radius: 30px;
margin-left: 30px;
box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
-webkit-box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
-moz-box-shadow: -1px 0px 44px 15px rgba(0,0,0,0.4);
position: relative;
margin-bottom: 50px;
}
.get-a-quote:after {
right: -6%;
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
border: 14px solid #fed73e;
content: "";
z-index: -1;
bottom: -6%;
}
.get-a-quote:before {
position: absolute;
width: 90%;
top: -21px;
height: 45px;
content: "";
left: 5%;
border-radius: 26px;
z-index: -1;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.get-a-quote input[type="text"],.get-a-quote input[type="number"] {
width: 100%;
height: 60px;
border: 0;
border-radius: 12px;
outline: 0;
margin-bottom: 20px;
padding-left: 30px;
color: #444;
font-size: 16px;
padding-right: 86px;
box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
-webkit-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
border: 1px solid #d3d3d3;
}
.group-img:before {
content: "";
background-color: #d9d9d9;
width: 1px;
height: 35px;
position: absolute;
right: 70px;
top: 15px;
}
.get-a-quote p {
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}
.radio-button {
padding: 15px;
background-color: #edf4ff;
margin-right: 15px;
border-radius: 50px;
font-size: 16px;
font-weight: 700;
align-items: center;
display: flex;
margin-bottom: 35px;
}
.radio-button label {
padding-left: 10px;
}
.radio-button input{
width: 22px;
height: 22px;
}
.group-img{
position: relative;
}
.group-img svg {
position: absolute;
right: 30px;
width: 24px;
height: auto;
top: 21px;
}
/* 5. heading span */
.heading span {
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.heading{
padding-bottom: 40px;
}
.heading h2 {
font-weight: bold;
width: 90%;
margin-bottom: 0;
text-transform: capitalize;
}
.headingline {
display: block;
margin-top: 10px;
background-color: #9a9a9a;
width: 40px;
height: 1px;
margin-bottom: 20px;
}
.we-are p {
width: 84%;
padding-bottom: 45px;
}
.we-are span {
font-weight: bold;
border-bottom: 1px solid;
}
.we-are span.bolo {
border-radius: 50%;
display: inline-block;
border: 7px solid #00c389;
height: 20px;
width: 20px;
margin-right: 10px;
}
.we-are ul li {
font-weight: 600;
padding-bottom: 20px;
align-items: center;
display: flex;
}


/* 20. hero-section.three */
.hero-section.three .hero-section-text {
margin-bottom: 256px;
padding-top: 30px;
}
.hero-section.three .video {
display: flex;
justify-content: center;
}
.hero-section.three form {
display: flex;
justify-content: center;
}
.hero-section.three img.landing-slider {
bottom: -64%;
left: 69%;
transform: rotate(49deg);
}
.hero-section.three:before, .hero-section.three:after {
width: 2258px;
height: 1153px;
top: -80%;
left: -7%;
}
.hero-section.three img.dots {
bottom: 48%;
right: 31%;
}
.hero-section.three form input {
width: 71%;
height: 60px;
border-radius: 40px;
border: 0;
outline: 0;
margin-right: 10px;
padding-left: 30px;
}
.hero-section-text.three > h3,.hero-section-text.three > h6{
color: white;
}
.hero-section-text.three > h3 {
padding-bottom: 30px;
font-size: 26px;
}
/* 21. hero-section-text two */
.hero-section.two .hero-section-text h4{
color: white;
}
.hero-section.two .video {
display: flex;
justify-content: end;
}
.hero-section.two .review {
margin-bottom: 124px;
}
.hero-section.two .hero-section-text p{
width: 100%;
padding-bottom: 0;
}
.hero-section.two .hero-section-text {
position: relative;
margin-top: 40px;
}
.hero-section.two .hero-section-text p {
width: 100%;
padding-bottom: 21px;
}
.hero-section.two:before, .hero-section.two:after {
top: -81%;
height: 1088px;
width: 2248px;
}
.hero-section.two img.landing-slider {
bottom: 11%;
left: 118%;
transform: rotate(76deg);
}
.hero-section.three .hero-section-text p {
color: #e3e2e2;
padding-bottom: 25px;
width: 84%;
padding-top: 10px;
}
/* 22. video hero-section-4 */
.o-video {
width: 100%;
height: 0;
position: relative;
padding-top: 56.25%;
}

.o-video > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
}
.hero-section-text.for h1 {
width: 80%;
margin: auto;
}

/* 24. hero-section.for */
.hero-section.two img.dots {
position: absolute;
z-index: 0;
bottom: 52%;
right: 19%;
}
.hero-section.three .hero-section-text h1 {
width: 86%;
}
.hero-section.two .hero-section-text h1{
font-size: 52px;
}
.hero-section.three.for .hero-section-text h1 {
width: 100%;
}
.hero-section.three.for img.dots {
bottom: 46%;
right: 34%;
}
.hero-section.three.for img.landing-slider {
bottom: -50%;
left: 25%;
transform: rotate(283deg);
}
/* 25. back to top button */
#button {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
background-color: #00c389;
}
#contact-form {
padding: 22px 30px 22px 20px;
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 44px;
color: #fff;
}
#button:hover {
cursor: pointer;
background-color: #333;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
}
.call-ico img {
width: 25px;
}
.group-img select {
width: 100%;
height: 60px;
border: 0;
border-radius: 12px;
outline: 0;
margin-bottom: 20px;
padding-left: 30px;
color: #444;
font-size: 16px;
padding-right: 86px;
box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
-webkit-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
border: 1px solid #d3d3d3;
background-color: #fff;
}


select {


padding: 0.5em 3.5em 0.5em 1em;

/* reset */

margin: 0;      
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
.group-img img {
position: absolute;
right: 30px;
width: 24px;
height: auto;
top: 21px;
}
.modal-body form {
margin: 0;
padding: 20px;
}
.modal-content {
background: transparent;
border: none;
box-shadow: none !important;
}
.btn-close {
float: right;
margin-left: 40px;
font-size: 22px;
color: #04004d !important;
opacity: 1;
}
.btn.batton.b {
float: right;
}
.state img {
width: 60px;
height: 60px;
}
@media only screen and (max-width: 768px) {
#home {
padding-top: 190px !important;
}
}
.batton.x {
padding: 8px 20px;
}
.float.x{
position:fixed;
width:60px;
height:60px;
bottom:75px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
z-index:100;
}

.my-float{
margin-top:16px;
}
.float.x img {
margin-top: 6px;
margin-left: 3px;
}
.partner-logo img {
width: 100%;
/*height: 65px;*/
}
.d-flax.partners {
padding: 90px 0;
}
.ch-t {
margin-left: 15px;
color: #fff;
font-weight: 600;
}

.hero-section {
padding-bottom: 30px;
}
@media (max-width: 990px) {
.btn-wh {
margin: auto; 
}
}
.btn-wh img {
width: 100%;
}
@media (max-width: 504px) {
.desk-v {
display: none; 
}
}
.mobile-v{
display: none; 
}
@media (max-width: 504px) {
.mobile-v {
display: flex;
}
}
.bg-t {
display: flex;
background-color: #51049c !important;
border-radius: 100px;
margin: 0;
}
/*.bttn.w {*/
/*	padding: 0;*/
/*}*/
/*.bttn.w a {*/
/*	padding: 0;*/
/*	background-color:transparent !important;*/
/*}*/
.bttn.w img {
width:100% !important;
}
/*.bttn.w {*/
/*	background-color: #00be85;*/
/*}*/
/*.bttn {*/
/*	background-color: #00be85;*/
/*}*/
/*thankyou page*/

.m-a .col-xl-6 {
margin: auto;
}
.row.mobile-v.b {
display: flex !important;
}
.sucess {
padding-top: 180px;
/*margin-bottom: 100px;*/
}
.bth {
text-align: center;
margin-top: 10px;
}
.text-desc {
font-weight: 400 !important;
text-align: center;
}
.thy-h {
background-color: #6415a6f7;
padding-bottom: 22px;
}
.row.mobile-v.b img {
width: 280px;
}
@media (max-width: 990px) {
.row.mobile-v.b img {
width: 100%;
}

}

/*.modal-backdrop fade show {*/
/*    display: none !important;*/
/*}*/
.custom-modal {
  display: none; 
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.custom-modal-content {
  background-color: #fff;
  margin:auto;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 600px;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}

.close-btn {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.offer-card-design {
    width: 100% !important;
    height: 600px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
}
.select-contry-code select {
    
    height: 60px;
    border: 0;
    border-radius: 12px;
    outline: 0;
    margin-bottom: 20px;
    padding-left: 10px;
    color: #444;
    font-size: 14px;
    padding-right: 10px;
    box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.08);
    border: 1px solid #d3d3d3;
}
.full-width-gray { width: 100%; color: gray; }
.flex-gap-10 { display: flex; gap: 10px; }
.full-width { width: 100%; max-width: 100%; }
.flex-column-gap-2 { display: flex; gap: 2px; flex-direction: column; }
.flex-gap-15 { display: flex; gap: 15px; }
.text-danger { color: red; font-size: 14px; }
.cost-calculate-banner { height: 75px; margin-top: 24px; }
.service02-about-section { margin-top: 30px; }
.prt-service-single-content-area { padding: 0 40px 80px 40px; }