
.testimonial-slider .slick-track{
    display:flex;
}

.testimonial-slider .slick-slide{
    height:inherit;
}

.testimonial-slider .slick-slide>div{
    height:100%;
}

.testimonial-slider .slick-dots{
    display:flex !important;
    justify-content:center;
    margin-top:40px;
    gap:12px;
}

.testimonial-slider .slick-dots li{
    width:12px;
    height:12px;
}

.testimonial-slider .slick-dots li button{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d1d5db;
    font-size:0;
}

.testimonial-slider .slick-dots li button:before{
    display:none;
}

.testimonial-slider .slick-dots li.slick-active button{
    width:36px;
    border-radius:50px;
    background:#39A85A;
    transition:.3s;
}

.faq-content{
    overflow:hidden;
    transition:max-height .35s ease;
}

.faq-item{
    transition:.3s;
}

.faq-item:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.faq-btn{
    transition:.3s;
}

.faq-icon{
    transition:all .3s ease;
}

/*==================================================
                REQUEST SAMPLE SECTION
==================================================*/

.request-card{
    position: relative;
    perspective: 1200px;
}

.form-card{

    position: relative;
    overflow: hidden;

    padding: 45px;

    border-radius: 30px;

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(18px);

    border:1px solid rgba(255,255,255,.7);

    box-shadow:
    0 15px 35px rgba(13,92,128,.10),
    0 40px 80px rgba(13,92,128,.12);

    transition:.45s;
}

.form-card:hover{

    transform:
    rotateX(2deg)
    rotateY(-2deg)
    translateY(-8px);

    box-shadow:
    0 30px 60px rgba(13,92,128,.18),
    0 60px 120px rgba(13,92,128,.15);

}


/*==============================
Gradient Border
==============================*/

.form-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:30px;

    background:linear-gradient(
    135deg,
    #0D5C80,
    #4E9A2D,
    #0D5C80);

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

}


/*==============================
Glow Circle
==============================*/

.form-card::after{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:#0D5C80;

    opacity:.08;

    filter:blur(70px);

}


/*==============================
Input
==============================*/

.floating-input{

    width:100%;

    height:58px;

    border:1px solid #d7dce2;

    border-radius:15px;

    background:#fff;

    padding:0 18px;

    outline:none;

    transition:.3s;

    font-size:15px;

}

.floating-input:focus{

    border-color:#0D5C80;

    box-shadow:0 0 0 4px rgba(13,92,128,.08);

}


/*==============================
Textarea
==============================*/

.floating-textarea{

    width:100%;

    border:1px solid #d7dce2;

    border-radius:15px;

    background:#fff;

    padding:18px;

    resize:none;

    outline:none;

    transition:.3s;

    font-size:15px;

}

.floating-textarea:focus{

    border-color:#0D5C80;

    box-shadow:0 0 0 4px rgba(13,92,128,.08);

}


/*==============================
Floating Label
==============================*/

.floating-label{

    position:absolute;

    left:18px;

    top:18px;

    background:#fff;

    padding:0 6px;

    color:#777;

    transition:.25s;

    pointer-events:none;

}

.peer:focus~.floating-label,
.peer:not(:placeholder-shown)~.floating-label{

    top:-10px;

    left:14px;

    font-size:12px;

    color:#0D5C80;

    font-weight:600;

}


/*==============================
Button
==============================*/

.request-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:16px;

    color:#fff;

    font-weight:600;

    font-size:17px;

    cursor:pointer;

    position:relative;

    overflow:hidden;

    background:linear-gradient(
    135deg,
    #0D5C80,
    #4E9A2D);

    transition:.4s;

}

.request-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(13,92,128,.28);

}

.request-btn::before{

    content:"";

    position:absolute;

    left:-130%;

    top:0;

    width:70%;

    height:100%;

    background:rgba(255,255,255,.35);

    transform:skewX(-25deg);

    transition:.7s;

}

.request-btn:hover::before{

    left:140%;

}


/*==================================================
      intl Tel Input Full Width
==================================================*/

.iti{

    width:100%;

}

.iti input{

width:100%!important;

height: 50px;

/* border-radius:15px; */

/* border:1px solid #d7dce2; */

padding-left:100px!important;

fon;

/* border-radius:15px; */
}

.iti input:focus{

    border-color:#0D5C80;

    box-shadow:0 0 0 4px rgba(13,92,128,.08);

}

.iti--separate-dial-code .iti__selected-country{

    border-right:1px solid #ececec;

    background:#fff;

    border-radius:15px 0 0 15px;

}

.iti__selected-country:hover{

    background:#f8fbfa;

}


/*==============================
Scrollbar
==============================*/

textarea::-webkit-scrollbar{

    width:6px;

}

textarea::-webkit-scrollbar-thumb{

    background:#0D5C80;

    border-radius:20px;

}


/*==============================
Responsive
==============================*/

@media(max-width:991px){

    .form-card{

        padding:30px;

    }

}

@media(max-width:576px){

    .form-card{

        padding:22px;

        border-radius:22px;

    }

}


/* ===== CONTENT AREA START ===== */
.content-area {
  font-size: 15px;
  line-height: 1.8;
  color: #444;
}

/* Paragraph */
.content-area p {
  margin-bottom: 12px;
}

/* Headings */
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
  font-weight: 600;
  color: #0A2F6B;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.content-area h1 { font-size: 28px; }
.content-area h2 { font-size: 24px; }
.content-area h3 { font-size: 20px; }
.content-area h4 { font-size: 18px; }

/* Lists */
.content-area ul {
  list-style: disc;
  padding-left: 22px;
  margin-bottom: 15px;
}

.content-area ol {
  list-style: decimal;
  padding-left: 22px;
  margin-bottom: 15px;
}

.content-area li {
  margin-bottom: 0px;
}

/* Links */
.content-area a {
  color: #1DA1F2;
  text-decoration: none;
}

.content-area a:hover {
  text-decoration: underline;
}

/* Images */
.content-area img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 15px 0;
}

/* Blockquote */
.content-area blockquote {
  border-left: 4px solid #1DA1F2;
  padding-left: 12px;
  color: #555;
  margin: 15px 0;
  font-style: italic;
}

/* Table */
.content-area table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.content-area table th,
.content-area table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.content-area table th {
  background: #f5f5f5;
}

/* Strong / Bold */
.content-area strong {
  font-weight: 800;
}

/* Spacing Fix */
.content-area * {
  word-wrap: break-word;
}

/* ===== CONTENT AREA END ===== */