@import url('https://fonts.googleapis.com/css2?family=Playwrite+AU+NSW:wght@100..400&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Slab:wght@100..900&display=swap'); */
:root {
  --primary:#073271;
  --secondary:#7a7b72;
  --white:#fff;
  --black:#000;
}
body {
    margin: 0;
    padding: 0 !important;
    font-family: "Roboto", sans-serif;
    scroll-behavior: smooth;
    overflow: inherit !important;

/*       background: linear-gradient(
70deg, var(--primary), #7a7b7208) !important;
    color: #ffffff !important; */
}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea, select {
    background: none;
    border: solid 1px #f1f1f1;
    color: #444;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px;
    padding: 12px 20px;
    width: 100%;
    outline: 0;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    background: var(--white);
}
input[type="submit"] {
    text-transform: capitalize;
    border: none;
    padding: 10px 20px;
    font-size: 15px;
    border: 0;
    cursor: pointer;
    background: var(--primary);
    outline: none;
    font-weight: 400;
    border-radius: 8px;
    font-family: "Roboto", sans-serif;
    color: var(
    --white);
}
input[type="submit"]:hover {
    background: var(--primary);
    color: var(
  --white);
    transition: 0.8s;
}
textarea {
    height: 100px;
    margin-bottom: 5px;
/*     width: 211% !important; */
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
	font-family:"Roboto", sans-serif;
    color: #fff;
    font-weight: 500;
    text-transform: inherit;
    line-height: normal;
}
h1 {
  font-size:28px
}
h2 {
  font-size:24px
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size:18px
}
h6 {
  font-size:16px
}
p {
    padding: 0;
    margin: 0 0 10px 0;
    font-family: "Roboto", sans-serif;
    color: #454a50;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 28px;
}
ul, li, a {
    list-style-type: none;
    font-family: "Roboto", sans-serif;
    color: #454a50;
    line-height: 24px;
    font-size: 17px;
    letter-spacing: 0;
}
section {
    background: linear-gradient(
70deg, var(--primary), #7a7b7208) !important;
    color: #ffffff !important;
}

a:hover {
  transition:0.8s;
  text-decoration:none;
}
.heading, .leftheading {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-size: 45px;
    position: relative;
    font-weight: 700;
    text-align: center;
    width: fit-content;
    color: var(--black);
}
.subheading {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    font-family: "Roboto", sans-serif;
    padding-left: 20px;
    line-height: normal;
    margin-bottom: 15px;
    color: var(--primary);
}
.subheading:before {
    position: absolute;
    top: -1px;
    left: 8px;
    height: 23px;
    width: 2px;
    content: '';
    background: var(--primary);
    transform: rotate(200deg);
}
.subheading:after {
    position: absolute;
    top: 0px;
    left: 115px;
    height: 23px;
    width: 2px;
    content: '';
    background: var(--primary);
    transform: rotate(200deg);
}
.heading {
    display: block;
    margin: 0 auto 30px;
}
.leftheading {
    text-align: start;
    position: relative;
    z-index: 0;
    font-size: 30px !important;
    line-height: 38px !important;
}

.d-flex {
  justify-content: center; /* or space-between */
  align-items: stretch;
}
.socialicons img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;      /* ensures image covers the box */
    background-color: red;
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
    display: block;         /* prevents inline spacing issues */
}



/* TOP BAR CSS */
.top_bar_area {
    background: #073271;
    padding: 5px 0;
    color: #fff;
    font-size: 15px;
}

.top-logo img {
    height: 45px;
    margin-right: 40px;
}

.top-info .info-box {
    display: flex;
    align-items: center;
    margin-right: 35px;
}

.top-info .info-box i {
    font-size: 16px;
    margin-right: 12px;
    color: #fff;
    background: #4c6b99;
    padding: 10px;
    border-radius: 50%;
}
.top_bar_area .info-box a {
    color: #fff;
}
.top-info small {
    display: block;
    font-size: 12px;
    opacity: 0.8;
}

.top-info strong {
    font-size: 14px;
}

.language-dropdown {
    font-size: 14px;
    cursor: pointer;
}
.top-social li a {
    color: #fff;
    font-size: 17px;
    display: inline-block;
    background: #ffffff47;
    padding: 5px 10px;
    border-radius: 7px;
}
/* .top-social li a:hover {
    color: #3164ff;
} */
.top-social a {
    color: #fff;
    margin-left: 14px;
    font-size: 16px;
    transition: 0.3s;
}
/* 
.top-social a:hover {
    color: #8bb7ff;
} */


/* Header */

header img {
    width: 140px;
    /* margin-left: 41px; */
    /* height: 104px; */
}
.headercnt {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.headercnt h4 {
    font-size: 17px;
    margin: 0;
}
.headercnt h4 span {
    display: block;
}
.headercnt i {
    font-size: 35px;
    color: var(--primary);
}
/* Menubar */


.logo a {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2px;
}

/* .logo {
    position: relative;
    
    z-index: 1;
} */
/* .logo {
    position: relative;
    background: linear-gradient(45deg, #07327187, #2f2c2c9c);
    padding: 16px 12px;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    transform: translateY(-1px);
    clip-path: polygon(0 0, 100% 0, 69% 100%, 0% 100%);
    z-index: 5;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 1px solid #000;
} */

.logo-shadow {
    display: inline-block;
    filter:
        drop-shadow(0 12px 18px rgba(0,0,0,0.35))
        drop-shadow(0 4px 8px rgba(0,0,0,0.25));
}

.logo {
    position: relative;
    /* background: linear-gradient(45deg, rgb(1 48 117), rgb(47 44 44 / 22%)); */
    padding: 1px 30px 0px 1px;
    height: 118px !important;
    /* border: 1px solid #073271; */
    /* border-radius: 4px; */
    /* clip-path: polygon(0 0, 100% 0, 69% 100%, 0% 100%); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* box-shadow: 0 14px 35px rgba(0, 0, 0, 0.55),
        0 4px 10px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.08); */
    overflow: hidden;
    z-index: 5;
}

/* Border */
/* .logo::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,0.25);
    pointer-events: none;
} */

/* ⭐ Star moving on border */
/* .logo::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;

   
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    ); */

/*     background: radial-gradient(
        circle,
        #ffffff 0%,
        rgba(255,255,255,0.9) 40%,
        rgba(255,255,255,0.3) 70%
    );

    box-shadow:
        0 0 8px rgba(255,255,255,0.9),
        0 0 14px rgba(255,255,255,0.6);

    animation: borderStar 4s linear infinite;
    pointer-events: none;
} */


/* Path animation */
/* @keyframes borderStar {
    0% {
        top: 0;
        left: 0;
        transform: translate(0, -50%);
    }
    25% {
        top: 0;
        left: 100%;
        transform: translate(-50%, -50%);
    }
    50% {
        top: 100%;
        left: 69%;
        transform: translate(-50%, -50%);
    }
    75% {
        top: 100%;
        left: 0;
        transform: translate(0, -50%);
    }
    100% {
        top: 0;
        left: 0;
        transform: translate(0, -50%);
    }
}

 */


.mainmenu {
    z-index: 3;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    width: 100%;
    background-color: #ffffff00;
    position: relative;
    height: 105px;
}
.mainmenu.fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99;
    background: #fff;
}


/*  */


/* .btn-primary {
    background: linear-gradient(45deg, var(--primary), #7a7b72);
    color: var(--white);
    border: unset;
    margin-top: 5px;
    font-weight: 400;
    padding: 13px 20px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border-radius: 8px;
    letter-spacing: .5px;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: var(--white);
    background-color: var(--primary) !important;
} */
.btn-primary {
    position: relative;
    overflow: hidden;
    background: linear-gradient(45deg, var(--primary), #7a7b72);
    color: var(--white);
    border: unset;
    margin-top: 5px;
    font-weight: 400;
    padding: 13px 20px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border-radius: 8px;
    letter-spacing: .5px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Sliding background layer */
.btn-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #7a7b72, var(--primary));
    transform: translateX(-100%);
    transition: transform 0.45s ease;
    z-index: 0;
}

/* Text */
.btn-primary span {
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Hover effects */
.btn-primary:hover::before {
    transform: translateX(0);
}

.btn-primary:hover span {
    transform: translateY(-3px);
    opacity: 0.95;
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}


.mainslider {
    position: relative;
    height: auto;
    width: 100%;
}
.mainslider figure{
	margin:0;
}
.carousel-content {
    transform: translate(0, -12px);
    width: 100% !important;
}
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    filter: brightness(0.5);
}
.mainslider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh !important;
}


@keyframes floatUpDown {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}
}


.mainslider .carousel-item{
	position: relative;
}


.mainslider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh !important;
	background-color:none !important;
}

.mainslider .carousel-caption {
    position: absolute;
    top: 25% !important;
    left: 30%;
    transform: translate(-30%, -19%);
    width: 75%;
    transition: all 0.3s ease;
    background: linear-gradient(45deg, black, #bcbcbc00);
    border-radius: 12px;
    border-left: 5px solid #fff;
    padding: 10px 16px;
}

.mainslider .carousel-caption {
    position: absolute;
    top: 18%;
    left: 50% !important;
    transform: translateX(-50%);
    width: 84%;
    max-width: 1200px;
    transition: all 0.3s ease;
    background: linear-gradient(45deg, rgba(0,0,0,0.6), rgba(188,188,188,0));
    border-radius: 12px;
    border-left: 5px solid #fff;
    padding: 20px 25px;
    color: #fff;
    z-index: 10;
}
/* Desktop / Large screens */
.mainslider .carousel-caption {
    position: absolute;
    top: 18%;
    left: 13%;
    /* transform: translateX(-50%); */
    width: 74%;
    padding: 0;
}
.mainslider .carousel-caption .container {
    max-width: 1477px;
    background: linear-gradient(45deg, rgba(0,0,0,0.7), rgba(188,188,188,0));
    border-radius: 12px;
    border-left: 5px solid #fff;
    padding: 22px 26px;
}


.home_btn {
    transform: translateX(0%);
}
.carousel-caption ul {
    column-gap: 15px;
}
.carousel-content small {
    font-family: "Manrope", serif;
    font-size: 14px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.carousel-content span {
    display: block;
    color: var(--primary);
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 3px;
    margin-bottom: 5px;
}
.mainslider .carousel-caption h2 {
    font-size: 52px;
    line-height: 65px;
    font-weight: 800;
    letter-spacing: 3.5px;
    opacity: 0;
    animation: lts .5s ease-in-out .3s forwards;
    margin: 16px 0;
    color: var(--white);
    font-family: "Playfair Display", serif;
    width: 83%;
}
.mainslider .carousel-caption h2 span {
    font-size: 70px;
    font-weight: bold;
    color: transparent;
    margin: 0;
    -webkit-text-stroke: 1px #fff;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
    left: 70px;
}
.mainslider .carousel-caption p {
    font-size: 18px;
    margin-bottom: 15px;
    width: 78%;
    margin-top: 25px;
    animation: lts .5s ease-in-out .3s forwards;
}
.carousel-content img {
    width: 50px;
    height: 50px;
}
@keyframes lts{
0%{
	transform:translateX(-150px);
}
100%{
	opacity:1;
	transform:translateX(0px);
}
}

#carouselExampleFade .carousel-indicators.custom-indicators {
    position: absolute;
    top: 50%;
    right: 8% !important;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 5;
    justify-content: center;
    align-items: end;
}

.carousel-indicators.custom-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
    padding: 5px;
    border: 2px solid var(--secondary);
}

.carousel-indicators.custom-indicators li.active {
    background-color: #07327178;
    transform: scale(1.2);
}

.mainslider .carousel-control {
	position: absolute;
	bottom: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	font-size: 18px;
	height: 45px;
	background: var(--blackcolor) !important;
	color: var(--whitecolor);
 transition: opacity .15s ease;
	border-radius: 50%;
}
.mainslider .carousel-control.right {
    right: 105px;
    left: auto;
}
.mainslider .left.carousel-control {
	left: 84% !important;
}
.mainslider button i {
    background: rgba(0,0,0,.5);
    font-size: 27px;
    width: 35px;
    height: 55px;
    line-height: 55px;
}

.slider-buttons {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.carousel-item.active {
    position: relative;
}

.carousel-item.active::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #07327136 !important; /* overlay color */
    z-index: 1;
}

/* Common button style */
.btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 26px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
}
.video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.video-wrapper video {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 600px; /* adjust based on slider height */
}

img.rotate_arrow  {
    width: 23px;
    height: 23px;
    transition: transform 0.3s ease;
    filter: brightness(3.5);
}

.btn-custom:hover {
    background-color: #254acc;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.btn-custom:hover img.rotate_arrow  {
    transform: translate(4px, -1px) rotate(40deg);
    transition: 0.3s ease;
}
/* Breadcrumb */

/* Breadcrumb Section */
/* .breadcrumb {
    background: linear-gradient(45deg, #073271, #d3d5c8);
    padding: 110px 0 69px;
    border-bottom: 1px solid #e5e5e5;
    
} */

.breadcrumb {
    background-image: url("https://proverintveritrust.com/wp-content/uploads/2026/01/1306287_27-scaled.webp");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;

    padding: 110px 0 69px;
    border-bottom: 1px solid #e5e5e5;
}


.breadcrumb .page-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    text-transform: capitalize;
}

/* Yoast Breadcrumb Styling */
#currentpage {
    margin: 0;
    font-size: 15px;
    color: #777;
}

#currentpage a {
    color: #e4e7ea;
    font-weight: 500;
    text-decoration: none;
}

#currentpage a:hover {
    text-decoration: underline;
}

/* Separator style */
#currentpage .breadcrumb_last {
    color: #fff;
    font-weight: 600;
}
/* Body section */

/* About Section */

.abt_sec {
    position: relative;
    overflow: hidden;
    padding: 60px 0px 85px !important;
    background: #ededed !important;
}
/* Container */
.abt-image-box {
    position: relative;
    border-radius: 20px;
    overflow: visible;
}

/* Image */
.abt-image {
    width: 100%;
    height: 407px;
    object-fit: cover;
    border-radius: 24% 10px 29% 10px;
}

/* Text content */
.abt-overlay {
    position: absolute;
    bottom: -40px;
    left: 25px;
    z-index: 2;
}

/* Stylish stat box */
.verified-box {
    background: linear-gradient(45deg, #232325, #013177);
    padding: 15px 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    width: 200px;
    height: 184px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    color: #ffffff;
}

/* Big number */
.verified-box h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
}

/* Label */
.verified-box p {
    margin: 14px 0px 0px;
    font-size: 14px;
    color: #ffffff;
}

.abt_sec::before {
    content: "";
    position: absolute;
    bottom: -28px;
    right: -54px;
    width: 326px;
    height: 327px;
    background-image: url("https://proverintveritrust.com/wp-content/uploads/2026/01/wmremove-transformed__1_-removebg-preview-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    opacity: 1;
    z-index: 1;
    animation: floatY 6s ease-in-out infinite;
}
@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}


/* Keep content above image */

.about-image {
    position: relative;
    width: 420px;
    height: 420px;
    border-radius: 27% 27% 0 38%;
    padding: 3px; /* border thickness */
    background: linear-gradient(
        120deg,
        #ff0000,
        #ffcc00,
        #00e5ff,
        #ff0000
    );
    background-size: 300% 300%;
    animation: borderGlow 6s linear infinite;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 27% 27% 0 38%;
    display: block;
    background: #fff;
}

/* ANIMATION */
@keyframes borderGlow {
    0%   { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}


/* STATS CARD */
.stats-card {
    position: absolute;
    left: 20px;
    bottom: 40px;
    background: #0b1f4b;
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    width: 240px;
    text-align: left;
    border: 1px solid;
}

.exp-text {
  font-size: 12px;
  letter-spacing: 2px;
  opacity: 0.8;
}

.stats-card h3 {
  font-size: 36px;
  margin: 15px 0 5px;
}

.stats-card p {
    font-size: 14px;
    color: #ffffffa3;
}

/* AVATARS */
.avatars {
  display: flex;
  margin-top: 15px;
}

.avatars img,
.plus {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -8px;
}

.plus {
    background: #ffffff;
    color: #073271;
    display: flex;
    font-size: 24px;
    align-items: center;
    justify-content: center;
}

/* CONTENT */
.sub-title {
    color: #3a2f2f;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
}

.about-title {
    font-size: 42px;
    margin: 15px 0 30px;
    color: var(--primary);
}

.check {
  color: red;
  font-weight: 700;
  margin-right: 10px;
}
section.about-section h5 {
    color: var(--primary);
}

.progress-wrap span {
    color: var(--primary);
}
/* PROGRESS */
.custom-progress {
    height: 14px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
}

.custom-progress .progress-bar {
    width: 0;
    height: 100%;
    background: var(--primary);
    border-radius: 10px;
    transition: width 0.2s linear;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .stats-card {
   bottom: -25px;
  }
	.about-image{
		height: auto;
		width: auto;
	}

/*   .about-image img {
    width: 320px;
    height: 320px;
  } */
}

.abt_sec .container {
    position: relative;
    z-index: 2;
}


.about-img img {
    width: 100%;
    object-fit: cover;
}
.about-content p {
    color: #000;
}
.about-content h2 {
    font-weight: 700;
}

.about-content .content p:last-child {
    margin-bottom: 0;
}
.about-content h2 {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    background: linear-gradient(90deg, #0b181f, #1e4d5f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Stroke Text */
.stroke-text {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-text-stroke: 1px #00000000;
    background: linear-gradient(90deg, #00000066, #0f2f3b);
    -webkit-background-clip: text;
}




/* Mission */

.about-row {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid #ddd;
  position: relative;
  transition: background 0.3s;
}
.about-row .icon {
  flex: 0 0 50px;
}
.about-row .icon img {
    width: 70px;
    background: #fff;
    border-radius: 20%;
    border: 3px solid var(--primary);
}
.about-row .content {
  flex: 1;
  margin-left: 15px;
}
.about-row .content h5 {
    margin: 0 0 5px 0;
    font-weight: 600;
    color: #000000;
    font-size: 24px;
}
.about-row .content p {
    margin: 0;
    color: #f2efef;
    font-size: 15px;
}
.about-row .action {
  flex: 0 0 auto;
}
.about-row .action button {
  padding: 6px 15px;
  border: 1px solid #007bff;
  background: #fff;
  color: #007bff;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
}
.about-row .action button:hover {
  background: #007bff;
  color: #fff;
}

.about-row .hover-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 241px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 1 !important;
    pointer-events: none;
    z-index: 10;
}
.about-row:hover .hover-image {
  transform: translate(-50%, -50%) scale(1); /* scale up on hover */
  opacity: 1;
}
.about-row:hover .hover-image {
  opacity: 0.2;
}

/* Popup */
.popup-modal {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
  z-index: 9999;
}
.popup-modal.active {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}
.popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  max-width: 600px;
  width: 90%;
  text-align: center;
  position: relative;
  transform: translateY(-50px);
  transition: transform 0.4s ease;
}
.popup-modal.active .popup-content {
    transform: translateY(12px);
}
h3.popup-title {
    color: var(--primary);
}
.popup-content .close-popup {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}
.popup-content img {
    max-width: 68%;
    margin: 15px 0;
    border-radius: 8px;
}


/* ================= HUB WRAPPER ================= */
.hub-wrapper {
    position: relative;
    height: 400px;
}

/* ================= CENTER HUB ================= */
.hub-center {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(45deg, rgb(1 48 117), rgb(47 44 44 / 22%));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    animation: hubZoom 4s ease-in-out infinite;
}

.hub-center img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

/* ================= HUB ITEMS ================= */
/* .hub-item {
    width: 164px;
    background: #073271;
    padding: 20px;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
} */

.hub-item {
    width: 164px;
    background: #073271;
    padding: 20px;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
    overflow: visible; /* ⭐ REQUIRED */
}

.hub-gif {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 50%;
    /* background: var(--primary); */
}

.hub-item .icon {
  margin-bottom: 10px;
}


.hub-item:hover {
    transform: translateY(-10px);
}

.hub-item .icon {
    font-size: 32px;
    margin-bottom: 10px;
}

/* ================= ARROW GIF ================= */
.hub-item::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url("https://proverintveritrust.com/wp-content/uploads/2026/01/Untitled-design-2-3.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 6;
}

/* ================= ARROW DIRECTION ================= */

/* Top-left (Customer) */
.hub-wrapper > .hub-row:nth-child(2) .hub-item:first-child::before {
    bottom: -23px;
    left: 61%;
    transform: translateX(24%) rotate(50deg);
}

/* Top-right (Partner) */
.hub-wrapper > .hub-row:nth-child(2) .hub-item:last-child::before {
    bottom: -22px;
    left: 22%;
    transform: translateX(-77%) rotate(135deg);
}

/* Bottom (Employee) */
.hub-wrapper > .hub-row:nth-child(3) .hub-item::before {
    top: -29px;
    left: 50%;
    transform: translateX(-49%) rotate(90deg);
}




/* ================= ANIMATION ================= */
@keyframes hubZoom {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .hub-wrapper {
        height: auto;
    }

    .hub-row {
        flex-direction: column !important;
        gap: 20px;
    }

    .hub-item {
        width: 90%;
        margin: 0 auto;
    }

    .hub-center {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        margin-bottom: 30px;
    }

    .hub-item::before {
        display: none;
    }
}

/* Client logo section  */

.trusted-clients {
  position: relative;
  padding: 60px 0;
  background: 
    url('https://proverintveritrust.com/wp-content/uploads/2026/03/102614.jpg') bottom center no-repeat,
    linear-gradient(45deg, #c5bebe, var(--primary)) !important;
  background-size: 100% auto, cover !important;
  overflow: hidden;
}

.trusted-clients::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 123 255 / 26%), /* bottom strong */ rgb(31 53 53 / 55%), /* middle */ rgb(14 62 221 / 32%) /* top light */);
    z-index: 1;
}



.section-title {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 1px;
    background: linear-gradient(90deg, #0e0808, #0f2f3b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(0,0,0,0.0);
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.pyramid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    position: relative;
    z-index: 9;
}

.pyramid-row {
    display: flex;
    justify-content: center;
    gap: 24px;
}

.client-box {
    width: 140px;
    height: 90px;
    background: #ffffff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
}

.client-box img {
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.35s ease;
}

.client-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.client-box:hover img {
    filter: grayscale(0%);
}

/* Responsive */
@media (max-width: 768px) {
    .pyramid-row {
        flex-wrap: wrap;
        gap: 16px;
    }

    .client-box {
        width: 120px;
        height: 70px;
    }
}

/* Services section */

section.Services {
    padding: 80px 0px;
	background: linear-gradient(45deg, #c5bebe, var(--primary)) !important;
}
section.Services .section-title {
    margin: 0px auto 28px !important;
    width: 100%;
}

/* General container styling */
.service-tabs-slider {
    display: flex;
    /* margin: 0 81px; */
    width: 80% !important;
    margin: 0 auto;
    padding: -2px 48px;
}

.service-tabs-slider .tab-btn {
    background: #f8f9fa;
    border: 1px solid #043070;
    color: #043070;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 5px;
    transition: all 0.3s ease;
    white-space: nowrap;
    font-size: 16px;
}

.service-tabs-slider .tab-btn.active, .service-tabs-slider .tab-btn:hover {
    background: linear-gradient(45deg, #043070, #8c94a7);
    color: #fff;
    border-color: transparent;
}

/* Tab content */
/* .tab-content {
    margin-top: 20px;
    background: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
 */


.tab-content {
    position: relative;
    margin-top: 20px;
    background: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* Bottom Left Gradient Shape */
.tab-content::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: -4px;
    width: 242px;
    height: 232px;
    background: radial-gradient(
        circle at top right,
        rgb(78 99 130),
        rgb(17 58 118 / 53%),
        rgba(255, 255, 255, 0)
    );
    border-radius: 50%;
    opacity: 0.55;
    z-index: 0;
    animation: glowMove 4s ease-in-out infinite alternate;
}

/* Top Center Gradient Shape */
.tab-content::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    background: radial-gradient(
        circle at bottom center,
        rgb(78 99 130),
        rgb(17 58 118 / 53%),
        rgba(255, 255, 255, 0)
    );
    border-radius: 50%;
    opacity: 1.45;
    z-index: 0;
    animation: glowMoveTop 4s ease-in-out infinite alternate;
}

/* Bottom-left animation */
@keyframes glowMove {
    0% {
        transform: translate(0, 0) scale(1);
    }
    100% {
        transform: translate(30px, -25px) scale(1.05);
    }
}

/* Top-center animation */
@keyframes glowMoveTop {
    0% {
        transform: translateX(-50%) scale(1);
    }
    100% {
        transform: translateX(-50%) translateY(20px) scale(1.05);
    }
}

/* Keep content above shapes */
.tab-content > * {
    position: relative;
    z-index: 1;
}





.tab-pane h4 {
  color: #043070;
  margin-bottom: 15px;
}

.tab-pane p {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
}

.tab-pane p strong {
    color: #043070;
    font-size: 20px;
}

.tab-pane .btn-primary {
  
  border: none;
  padding: 10px 25px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.tab-pane .btn-primary:hover {
  
  color: #043070;
}


/* Counter section */
/* section.stats-section.py-5 {
 padding: 80px 0px;
    background: linear-gradient(45deg, #c5bebe, var(--primary)) !important;
} */
section.stats-section.py-5 {
  position: relative;
  padding: 80px 0;
  color: #fff !important;

  
  background: url("https://proverintveritrust.com/wp-content/uploads/2026/03/5850994_3047867-scaled.jpg") center center / cover no-repeat fixed !important;

  overflow: hidden !important;
}


section.stats-section.py-5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    45deg,
    rgba(7, 50, 113, 0.85),   
    rgba(0, 0, 0, 0.6)        
  ) !important;
  z-index: 1;
}

/* Ensure content stays above overlay */
section.stats-section.py-5 > * {
  position: relative;
  z-index: 2;
}
.stats-section .section-title {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 1px;
    /* background: linear-gradient(90deg, #ffffff, #efefef) !important; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fffcfc;
    -webkit-text-stroke: 1px rgb(131 121 121 / 55%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.stats-main-gif {
  max-width: 100%;
  height: auto;
}

.stat-card {
    background: #ffffff36;
    padding: 20px 20px;
    /* border-radius: 23px; */
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid;
    height: 230px;
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}

.stat-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}
.stat-icon {
    width: 67px;
    margin-bottom: 15px;
    background: #ffffff;
    padding: 6px;
    border-radius: 30%;
}

.stat-number {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
}

.suffix {
  font-size: 26px;
}

.stat-title {
    font-size: 17px;
    color: #d8d3d3;
    margin-top: 0px;
}


/* newslette Section */

.newsletter-section {
  background: #f7faff;
/*   border-radius: 16px; */
  position: relative;
  overflow: hidden;
  padding: 60px 15px;
}

.newsletter-section .section-title {
  font-size: 32px;
  font-weight: 700;
  color: #113a76;
}

.newsletter-section .text-muted {
    color: #000000 !important;
    font-size: 17px;
}
small.d-block.mt-3.bottom_line {
    color: #3f051a;
    font-size: 17px;
    font-family: cursive;
}

.newsletter-form input.form-control {
  border-radius: 50px;
  padding: 15px 20px;
  flex: 1;
}

.newsletter-form button.btn {
  border-radius: 50px;
  padding: 15px 30px;
  transition: all 0.3s ease;
}

.newsletter-form button.btn:hover {
  background-color: #0b2b5f;
  transform: translateY(-2px);
}

/* Optional background gradient / decorative shape */
.newsletter-bg-shape {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle at center, rgba(17, 58, 118, 0.2), rgba(78, 99, 130, 0));
  border-radius: 50%;
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 0;
  filter: blur(60px);
}

/* Footer CSS */
.main-footer {
    position: relative;
    background: linear-gradient(rgb(6 12 20 / 85%), rgb(0 0 0 / 84%)), url(https://proverintveritrust.com/wp-content/uploads/2026/01/standard-quality-control-collage_23-2149631016.avif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 57px 0 20px;
    font-size: 15px;
}
.footer-bottom p {
    color: #ffffffc2;
}


.footer-col {
    margin-bottom: 30px;
}

.col-lg-3.col-md-6.footer-col img {
    width: 160px;
}

.footer-logo-wrap {
    position: relative;
    display: inline-block;
    border-radius: 12px;
}



.footer-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

footer.main-footer p {
    color: #ffffff;
    margin-top: 16px;
}
.footer-title::after {
    content: "";
    width: 65px;
    height: 3px;
    background: linear-gradient(45deg, #073271, #556171);
    display: block;
    margin-top: 8px;
    border-radius: 3px;
}

.footer-contact li{
	 position: relative;
/*     padding-left: 20px; */
    margin-bottom: 21px;
    color: #fff;
}

.footer-contact li i {
    color: #fff;
    margin-right: 8px;
    padding: 12px;
    background: linear-gradient(45deg, #0d3671, #cbcbcb96);
    border-radius: 50%;
}



.footer-links {
    position: relative;
}

.footer-links li {
    position: relative;
    list-style: none;
    margin-bottom: 16px;
    padding-left: 14px;
}

.footer-links li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
    position: relative;
}

/* Arrow hidden initially */
.footer-links li::before {
    content: "\f105"; /* FontAwesome arrow */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-10px); /* hidden left */
    opacity: 0;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* Hover effect */
.footer-links li:hover::before {
    transform: translateY(-50%) translateX(0); /* slide in */
    opacity: 1;
}

.footer-links li a:hover {
    color: var(--primary); 
}


.footer-map iframe {
    border-radius: 10px;
    margin-top: 10px;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 15px;
    margin-top: 20px;
    font-size: 14px;
    opacity: 0.8;
}
ul.footer-contact a {
    color: #fff !important;
}
.footer-bottom.text-center a {
    color: #857474;
}

/*Gallery Page  */


/* Parent */
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    border: 2px solid #153a5e;
}

/* Ripple Circle Effect */
.gallery-item::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .25);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}

.gallery-item:hover::before {
    animation: rippleAnim .75s;
}

@keyframes rippleAnim {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/* Optional: Zoom image on hover */
.gallery-item img {
    transition: transform .4s ease;
    height: 288px;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* Custom Lightbox */
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#lightbox-img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 50px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    z-index: 10000;
    transition: 0.3s ease;
}

.close-btn:hover {
    color: #ff4444;
    transform: scale(1.2);
}
/*  WP button*/
.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #25d366;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    z-index: 999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    cursor: pointer;
}
.whatsapp-icon:hover {
    color: #fff !important;
}
/* Back to top */
.back-to-top {
    position: fixed;
    bottom: 21px;
    right: 25px;
    background: linear-gradient(45deg, var(--primary), var(--secondary));
    color: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 999;
    cursor: pointer;
    display: none;
}

/* Show icon when scrolling */
body.scrolled .back-to-top {
    display: flex;
}
/* About Us Page */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  background: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 6px;
    color: #41608a87;
    -webkit-text-stroke: 0.8px var(--primary);
    text-shadow: 0 0 8px rgba(202,164,58,0.35);
    animation: marquee 18s linear infinite;
}


@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.marquee-text:hover {
    color: var(--primary);
    -webkit-text-fill-color: var(--primary);
    -webkit-text-stroke: 0;
}


/* Time line section  */
.timeline-section {
    background-color: #023047;
    color: #fff;
    padding: 80px 0;
    font-family: 'Arial', sans-serif;
}
.timeline-section h5 { 
    text-align: center; 
    font-size: 16px; 
    color: #bcd4e6; 
    margin-bottom: 10px; 
}
.timeline-section h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 39px;
    color: #fff;
}
.timeline-section p {
    color: #ffffff87;
    margin-bottom: 22px;
}

.timeline-slider {
    position: relative;
}
/* .timeline-item {
    text-align: center;
    padding: 20px;
} */

.timeline-item {
    text-align: center;
    padding: 20px;
    position: relative;
}

/* Dotted line behind each item */
.timeline-item::before {
    content: "";
    position: absolute;
    top: 0%;
    left: -75%;
    width: 160%;
    height: 2px;
    border-bottom: 2px dotted #fff;
    z-index: 0;
}

/* .content {
    border: 1px solid var(--secondary);
    padding: 13px 5px;
    border-radius: 18px;
    background: linear-gradient(45deg, #212b05, #0c0c0c00);
    margin-top: -3px;
} */
/* Remove dotted line for first item */
.timeline-item:first-child::before {
    display: none;
}
.timeline-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
    position: relative;
}

/* .timeline-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.timeline-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(90deg, #023047 0%, #8baa19 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto 15px;
    border: 1px solid;
}

.timeline-img .icon_img {
    width: 100%;
    height: 100%;
    /* border-radius: 50%; */
    object-fit: cover;
    padding: 10px;
}

/* DOTTED VERTICAL LINE ABOVE IMAGE */
/* .timeline-img::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    height: 60px;
    border-left: 2px dotted #fb8500;
} */


.timeline-item .year {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    color: #94b418;
    position: relative;
    padding-left: 20px;
}
.timeline-item .year::before {
    content: "";
    position: absolute;
    left: 118px;
    top: -18px;
    height: 148px;
    border-left: 2px dotted #fff;
}

.timeline-item h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
.timeline-item p {
    font-size: 14px;
    color: #e0e0e0;
}

.slick-arrow { 
    background: #fb8500; 
    border-radius: 50%; 
    width: 35px; 
    height: 35px; 
    z-index: 10; 
}
.slick-arrow:before { 
    color: #fff; 
    font-size: 18px; 
}



/* New  Time Line */

.timeline-section {
    position: relative; /* needed if overlay or pseudo-element used */
    color: #fff;
    overflow: hidden;
	padding:40px 0px 0px !important;
    background: url('https://proverintveritrust.com/wp-content/uploads/2026/01/bg.avif') center center / cover no-repeat !important;
}
section.timeline-section .section-title {
    width: 100%;
    margin: 0px auto 28px !important;
}

.timeline-slide.slick-slide.slick-current.slick-active {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.timeline-slider {
    position: relative; /* required for absolute arrows */
}

.timeline-slider button.slick-prev.slick-arrow {
    left: -50px;
    width: 42px;
    height: 42px;
    background: #00d1ff;
    border-radius: 50%;
    z-index: 10;
    transition: all 0.3s ease;
    margin-left: 14%;
}

/* Arrow icon color */
.timeline-slider button.slick-prev.slick-arrow:before {
    color: #000;
    font-size: 20px;
}

/* Hover effect */
.timeline-slider button.slick-prev.slick-arrow:hover {
    background: #ffffff;
}

.timeline-slider .slick-prev {
    left: 4px !important;
}

.timeline-slider .slick-next {
    right: 4px !important;
}
.timeline-slider button.slick-next.slick-arrow {
    right: -50px;
    width: 42px;
    height: 42px;
    background: #00d1ff;
    border-radius: 50%;
    z-index: 10;
    transition: all 0.3s ease;
	margin-right: 14%;
}

.timeline-slider button.slick-next.slick-arrow:before {
    color: #000;
    font-size: 20px;
}

.timeline-slider button.slick-next.slick-arrow:hover {
    background: #ffffff;
}

.timeline-image img {
    width: 100%;
    border-radius: 16px;
    filter: drop-shadow(0 18px 35px rgba(0, 0, 0, 0.35));
}


.timeline-slide {
  padding: 20px;
}

.timeline-year {
    font-size: 64px;
    font-weight: 800;
    color: var(--primary);
    display: block;
    margin-bottom: 10px;
}

.timeline-slide h4 {
    font-size: 26px;
    margin-bottom: 10px;
    color: #000;
}

.timeline-slide p {
    font-size: 18px;
    color: #000000;
    line-height: 1.6;
    text-align: center;
}

/* Slick arrows customization */
.timeline-slider .slick-prev,
.timeline-slider .slick-next {
  top: auto;
  bottom: -50px;
  width: 40px;
  height: 40px;
  z-index: 5;
}

.timeline-slider .slick-prev {
  left: 0;
}

.timeline-slider .slick-next {
  right: 0;
}

/* founder msg */
.founder-section {
    background: url('https://proverintveritrust.com/wp-content/uploads/2026/03/white-background-with-abstract-lines-copy-space_23-2148822144.avif') no-repeat center center !important;
    background-size: cover !important;
	position:relative !important;
   
}

.founder-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0732714f;
}
.founder-title{
font-size:36px;
font-weight:700;
}

.founder-content{
max-width:850px;
font-size:17px;
line-height:1.8;
color:#555;
}
.founder-content p {
    color: #000000c2;
    font-size: 17px;
    line-height: 31px;
    font-style: italic;
    text-align: center;
}

/* Team Section */

.team-section h2.section-title.text-center {
    margin: 0 auto 41px;
    width: 100%;
}

.team-card {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 16px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    height: 100%;
}

.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.team-photo {
    width: 214px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
    transition: border-radius 0.4s ease, transform 0.4s ease;
}

.team-card:hover .team-photo {
    border-radius: 20%; /* radius on hover */
}

.team-card h5 {
    font-weight: 600;
    font-size: 26px;
    color: var(--primary);
}

.team-card .designation {
    font-size: 15px;
    color: #000000;
}

.team-card .social-links a {
    margin: 0 7px;
    color: #040404;
    font-size: 16px;
    transition: color 0.3s;
    padding: 5px;
    background: #0d6efd4a;
    border-radius: 50%;
}

.team-card .social-links a:hover {
    color: #007bff;
}
.team-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:none;
align-items:center;
justify-content:center;
z-index:999;
}

.team-modal.active{
display:flex;
}

.team-modal-content{
background:#fff;
padding:40px;
max-width:700px;
width:90%;
border-radius:10px;
position:relative;
}

.team-close{
position:absolute;
top:10px;
right:15px;
font-size:28px;
cursor:pointer;
}
p.team-modal-designation {
    font-size: 22px;
    color: #000;
}
/* Logo Section */
.logo-marquee {
    overflow: hidden;
    position: relative;
    background: #ddd5d547 !important;
}

.logo-track {
    display: flex;
    width: calc(200%); /* duplicate logos for infinite loop */
    animation: marquee 20s linear infinite;
}

.logo-slide {
    flex: 0 0 auto;
    margin-right: 50px; /* space between logos */
}

.logo-slide img {
    max-height: 60px;
    object-fit: contain;
}

/* Marquee animation */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* Blog  */
.home-blog-section {
    padding: 80px 0px;
    background: linear-gradient(45deg, #c5bebe, var(--primary)) !important;
}

.blog-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--primary);
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.blog-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.blog-content {
  padding: 20px;
}

.blog-date {
  font-size: 13px;
  color: #6c757d;
}

.blog-title {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
}

.blog-title a {
  color: #113a76;
  text-decoration: none;
}

.blog-excerpt {
  font-size: 15px;
  color: #555;
}

.read-more {
  font-size: 14px;
  font-weight: 600;
  color: #113a76;
  text-decoration: none;
}


/* Contact Us */
/* General Section */
.contact-us {
    padding: 80px 0 20px;
    background: linear-gradient(45deg, #073271, transparent) !important;
    font-family: 'Arial', sans-serif;
}

/* Left Column - Contact Info */
.contact-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #ffffff3d;
    padding: 41px 20px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid var(--primary);
    transition: 0.3s ease;
}

.contact-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.contact-item i {
    font-size: 28px;
    color: #073271;
    min-width: 30px;
    background: #fff;
    padding: 18px;
    border-radius: 50%;
    border: 2px dotted var(--primary);
}

.contact-info span {
    display: block;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    font-size: 21px;
}

.contact-info p, .contact-info a, .contact-info .email-class a {
    font-size: 16px;
    color: #fffefe;
    text-decoration: none;
    line-height: 1.5;
}

.contact-info a:hover {
    color: var(--primary);
}

.separator {
    margin: 0 5px;
    color: #888;
}

.web_link {
    font-weight: 600;
}

/* Right Column - Contact Form */

form.wpcf7-form.init {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
}
.contact-form-7-layout .col-lg-6,
.contact-form-7-layout .col-12 {
    display: flex;
    flex-direction: column;
    gap: 15px; /* space between fields */
}

.contact-form-7-layout label {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    height: 90px;
}

.contact-form-7-layout input,
.contact-form-7-layout textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-7-layout textarea {
    min-height: 120px;
}

.contact-form-7-layout [type="submit"] {
    margin-top: 78px;
    padding: 12px 25px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.contact-form-7-layout [type="submit"]:hover {
    background: #0056b3;
}
.blog-card img.attachment-large.size-large.wp-post-image {
    width: 100%;        /* full width of the card */
    height: auto;       /* auto height to keep aspect ratio */
    object-fit: contain; /* fit entire image inside container */
    display: block;
}


/* Blog */
.blog-pagination a,
.blog-pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
}

.blog-pagination .current {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

.blog-pagination a:hover {
    background: #0056b3;
    color: #fff;
}

/* Service Details   */

.service-hero {
  padding: 80px 0;
  background: #f8f9fb;
}

.service-hero h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-section {
  padding: 60px 0;
}

.service-section h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.bg-light {
  background: #f5f7fa;
}

.benefit-box {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}

.service-cta {
  background: linear-gradient(135deg, #003366, #0055aa);
  padding: 60px 0;
  color: #fff;
}

.service-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.service-cta p {
  opacity: 0.9;
}

.service-cta img {
  max-width: 100%;
  border-radius: 10px;
}

.cta-btn {
  display: inline-block;
  margin-top: 15px;
  background: #ffcc00;
  color: #000;
  padding: 12px 25px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
}

/* Responsive - stack on mobile */
@media(max-width: 768px){
    .cf7-two-column .cf7-col {
        width: 100%;
    }
}


/* Google Map Section */
.googlemap {
    margin: 50px 0px 30px;
    /* background: #07327124; */
}

.googlemap iframe {
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: 12px;
}
.list_item {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* Blog */
.secondary-container {
    padding: 40px 0px;
    background: #0d6efd24;
}


/*  */
.trust-section {
  background: radial-gradient(circle at top, #0b1030, #05071c);
  padding: 100px 0;
  color: #fff;
}

.trust-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.trust-header h2 {
  font-size: 40px;
  font-weight: 600;
}

.trust-header p {
    margin-top: -2px;
    color: #000;
    width: 100% !important;
}

/* TABS */
.trust-tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 60px;
}

.trust-tab {
    background: none;
    border: none;
    color: #cfd3ff;
    font-size: 18px;
    padding: 8px 0;
    cursor: pointer;
    position: relative;
}

.trust-tab::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 2px;
  background: #3b82f6;
  transition: 0.3s ease;
}

.trust-tab.active {
    color: #fff;
    font-size: 23px;
}

.trust-tab.active::after {
  width: 100%;
}

/* PANELS */
.trust-panel {
  display: none;
}

.trust-panel.active {
  display: block;
}

/* GRID */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}



/* CARD */
.trust-card {
    background: #ffffff;
    color: #0b1030;
    border-radius: 22px;
    padding: 36px 28px;
    transition: 0.35s ease;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    
}


.trust-card-icon {
    background: #0000002b;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-top: -19px;
}
.trust-card-icon img {
    width: 60px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 12px;
}

.trust-card h4 {
  font-size: 18px;
  margin-bottom: 12px;
  color: #1e40af;
}
.trust-card p {
    font-size: 14px;
    opacity: 0.8;
    margin-bottom: 20px;
    color: #000;
}

.trust-card a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

.trust-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 45px 120px rgba(37,99,235,.35);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }
}
/* Services details */
.hero-section {
  background: #f8f9fa !important;
  padding: 40px 0 !important;
}
.hero-section h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.hero-section p {
  font-size: 1.1rem;
  margin-bottom: 30px;
}
.hero-section img {
  max-width: 100%;
  border-radius: 8px;
}

.how-we-work {
  background: #fff;
  position: relative;
}

.work-steps {
    position: relative;
    justify-content: center;
}

/* Connector line */
.work-line {
  position: absolute;
  top: 110px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: linear-gradient(to right, #7b5cff, transparent);
  z-index: 0;
}

/* Card */
.work-card {
    position: relative;
    padding: 30px 20px 45px;
    border-radius: 20px;
/*     background: #fff; */
    z-index: 1;
/*     overflow: hidden; */
    transition: all 0.35s ease;
}

.work-card:hover {
  transform: translateY(-10px);
}

/* Icon */
.work-icon {
  width: 56px;
  height: 56px;
  background: #7b5cff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin: 0 auto 15px;
  font-size: 20px;
}
.work-image {
    background: #ffffff4a;
    padding: 12px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Image */
.work-image img {
    width: 100%;
/*     max-width: 214px;
    border-radius: 50%;
    margin-bottom: 20px; */
}

/* Text */
.work-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #0b0b2c;
  margin-bottom: 8px;
}

.work-card p {
    font-size: 14px;
    color: #ffffff;
    line-height: 1.6;
}

/* Step number */
.step-count {
    font-size: 44px;
    font-weight: 700;
    color: rgb(12 11 16 / 64%);
    display: block;
    margin-top: 4px;
}

.step-label {
  font-size: 12px;
  color: #999;
}

/* Responsive */
@media (max-width: 991px) {
  .work-line {
    display: none;
  }

 .work-card {
    margin-bottom: -26px;
}
}



.verification-checks {
    background: #fff;
}

.verification-checks .section-desc {
    max-width: 720px;
    margin: 0 auto;
    color: #555;
}

.verification-checks .row.g-4 {
    justify-content: center;
}
.check-card {
    background: #f9fafb;
    border-radius: 14px;
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.check-card:hover {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.check-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-icon img {
    max-width: 100%;
    height: auto;
}

.check-card h6 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: #111;
}


/* Faq section */
.faq-section img {
  border-radius: 16px;
}

.accordion-button {
  font-weight: 600;
}

.accordion-item {
  border: none;
  margin-bottom: 12px;
  border-radius: 12px;
  overflow: hidden;
}
.accordion-button:not(.collapsed) {
    color: #f9f9f9;
    background: linear-gradient(90deg, #193775, #6581ab) !important;
    box-shadow: none;
}
.accordion-body {
    padding: 1rem 1.25rem;
    color: #000 !important;
}
section.faq-section.py-5 .section-title {
    width: 70%;
    margin-bottom: 34px !important;
}


/*Feature tab section   */

.feature-tabs-section {
  background: #f5faff;
}

.feature-tabs-nav {
    display: flex;
    justify-content: center;
    gap: 24px;
    background: #617489;
    padding: 14px;
    border-radius: 50px;
    flex-wrap: wrap;
}

.feature-tabs-nav .tab-btn {
    background: none;
    border: none;
    font-weight: 600;
    color: #ffffff;
    padding: 10px 18px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
}

.feature-tabs-nav .tab-btn.active {
    color: #000000;
}

.feature-tabs-nav .tab-btn.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background: #0d6efd;
  border-radius: 10px;
}

.feature-tabs-content .tab-content {
  display: none;
}

.feature-tabs-content .tab-content.active {
  display: block;
}

.tab-description {
  font-size: 15px;
  margin-bottom: 20px;
  color: #555;
}

.feature-list {
  list-style: none;
  padding: 0;
}

.feature-list li {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.feature-list li strong {
  color: #0d6efd;
}

.feature-list li span {
  display: block;
  font-size: 14px;
  color: #555;
}

.tab-image {
    max-width: 63%;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
/* ----------------------------------------- */
.feature-tabs-section {
    background: #f5faff !important;
}
.features-section {
  padding: 60px 0;
}
.feature-tab-btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
.feature-tab-btn.active {
  background-color: #0d6efd;
  color: #fff;
}
.feature-panel {
  display: none;
  margin-top: 30px;
}
.feature-panel.active {
  display: block;
}
.feature-card {
  border: 1px solid #e0e0e0;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.tab-wysiwyg-content ul {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}

.tab-wysiwyg-content ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #555;
}

.tab-wysiwyg-content ul li::before {
  content: "✔";
  color: #0d6efd;
  font-weight: bold;
}
.contact-info {
    width: 200px;
}


/* Responsive */
@media(max-width: 1024px){
	.stat-number{
		font-size: 25px;
	}
	.suffix {
		font-size: 22px;
	}
	.about-content h2{
		font-size: 35px;
	}
	.team-photo {
		width: 170px;
		height: 170px;
	}
	.team-card h5{
		font-size: 20px;
	}
	.popup-modal {
    padding-top: 0px;
}
	.blog-card {
    height: 100% !important;
}
	.secondary-container.contact-us .col-lg-4 {
    width: 100% !important;
}
	.secondary-container.contact-us .row {
    row-gap: 20px !important;
}
	.secondary-container.contact-us .col-lg-8 {
    width: 100% !important;
}
}
@media (max-width: 991px){
    .contact-item {
        flex-direction: row;
        gap: 12px;
    }
    .contact-form-sec {
        margin-top: 30px;
    }

    /* header section */
    ul.menutop.clearfix {
        display: none;
    }

    #rmp_menu_trigger-217 {
        width: 47px !important;
        height: 44px !important;
        position: absolute !important;
        right: 24% !important;
        top: -19px !important;
        background: #073271 !important ;
        transition: transform 0.5s, background-color 0.5s;
    }

    .top_bar_area .container {
        max-width: 896px !important;
    }

    .top_bar_area .col-lg-4.d-flex.justify-content-end.align-items-center {
        margin-top: -45px;
    }

    div#rmp-menu-title-217,
    div#rmp-menu-additional-content-217,
    div#rmp-search-box-217 {
        display: none !important;
    }

    #rmp-container-217 {
        padding-top: 80px !important;
    }

    /* ❗ FIXED HERE */
    #rmp-menu-wrap-217 .rmp-menu-item-link {
        margin-bottom: 10px;
    }

    #rmp-menu-wrap-217 .rmp-menu-current-item .rmp-menu-item-link {
        color: #fff;
        border-color: #1d4354;
        background-color: #9fbe11;
    }

    

    .carousel-item img {
        width: 100%;
        height: 100vh;
        object-fit: cover !important;
        filter: brightness(0.5);
    }




    img.rotate_arrow {
        width: 23px !important;
        height: 23px !important;
        transition: transform 0.3s ease;
        filter: brightness(3.5);
    }

    .mainslider .carousel-caption h2 {
        font-size: 47px;
        line-height: 54px;
        font-weight: 700;
        letter-spacing: 3.5px;
        opacity: 0;
        margin: 16px 0;
        width: 83%;
    }

    .page.page-id-171 a.btn.btn-custom {
        display: none !important;
    }

    .center_top p {
        width: 100%;
        text-align: center;
    }

    .center_top h2 {
        font-size: 37px !important;
    }

    .gallery .col-lg-3.col-md-4.col-sm-6 {
        width: 100% !important;
    }

    .gallery .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .gallery-item img {
        height: 317px !important;
    }

.container, .container-md, .container-sm {
    max-width: 848px;
}
	.mainslider .carousel-caption {
    transform: translateX(10px) !important;
}
#rmp_menu_trigger-293 {
    width: 55px ;
    height: 44px !important;
    position: fixed;
    top: 87px !important;
    border-radius: 5px;
    display: none;
    text-decoration: none;
    right: 24% !important;
    background: #073271 !important;
    transition: transform 0.5s, background-color 0.5s;
}
.mainmenu.fixed #rmp_menu_trigger-293 {
    top: 41px !important;
    height: 44px;
}
section.about-section.py-5 p {
    color: #fff !important;
}
section.about-section.py-5 .sub-title {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
}
.progress-wrap span {
    color: #fff;
    font-size: 20px;
}
.team-photo {
    width: 260px;
    height: 238px;
}
	.hub-center {
    position: absolute;
    top: 37%;
    left: 50%;
    width: 147px;
    height: 147px;
}
	.position-absolute.top-0.start-50.translate-middle-x.d-flex.justify-content-between.w-75.hub-row {
    width: 66% !important;
}
	.hub-wrapper > .hub-row:nth-child(2) .hub-item:first-child::before {
    bottom: 14px;
    left: 55%;
    transform: translateX(112%) rotate(26deg);
}
	.hub-wrapper > .hub-row:nth-child(2) .hub-item:last-child::before {
    bottom: 20px;
    left: -1%;
    transform: translateX(-59%) rotate(137deg);
}
	section {
    background: linear-gradient(70deg, #073271ab, #7a7b7208) !important;
    color: #ffffff !important;
}
	section.trusted-clients h2 {
    margin-bottom: 35px !important;
}
	.trust-tab {
    color: #050506;
}
	div#rmp-menu-title-293 {
    display: none !important;
}
	div#rmp-container-293 {
    padding: 39px 0px !important;
}
	#rmp-menu-wrap-293 .rmp-menu-item {
    width: 87% !important;
    list-style: none !important;
    margin: 0px 0px 10px !important;
    border-bottom: 1px solid #ffff !important;
}
	.work-card p {
    font-size: 16px;
    color: #000 !important;
}
	figure.m-0.aboutus-img {
    display: flex;
    justify-content: center;
}
	.faq-section .col-lg-5.mb-4.mb-lg-0 {
    align-items: center;
    display: flex;
    justify-content: center;
}
} /* END of 991px media query */


/* 767px */
@media (max-width: 767px) {

 footer.main-footer .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 750px;
}
    .about-content .leftheading {
        text-align: left !important;
    }

    .timeline-item .year::before {
        height: 159px;
    }
    .timeline-img {
        margin: 0 auto 15px 73px;
    }

    .mainslider .carousel-caption {
    top: 10% !important;
    left: 1% !important;
    width: 90% !important;
}
.hub-item {
    width: 27%;
    margin: 0px auto;
}
	.hub-row {
    flex-direction: row !important;
    gap: 47%;
}
	.position-absolute.top-0.start-50.translate-middle-x.d-flex.justify-content-between.w-75.hub-row {
    width: 83% !important;
}
	.hub-item:last-child {
    width: 25%;
    margin: 0 auto;
}
	.stroke-text {
    font-size: 29px !important;
}
    .mainslider .carousel-caption h2 {
        font-size: 44px !important;
        line-height: 45px !important;
        width: 93% !important;
    }
	
	.home-blog-section .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	.stats-section .row.align-items-center {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.blog-section .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
    .btn-custom {
        padding: 8px 22px;
    }

    .about-content .btn-custom {
        display: none !important;
    }
	.center_top h2 {
    font-size: 35px !important;
}
	.why_us_image:before {
    top: -58px;
}
	.case_study h2.leftheading {
    font-size: 42px !important;
    width: 100%;
    line-height: 44px !important;
   
}
	ul.footer-contact a {
    color: #fff !important;
    font-size: 16px;
}
	.timeline-item .year {
    padding-left: 43%;
}
	.team-section h2 {
    text-align: center;
}
	.team-card {
    height: 420px;
    margin-bottom: 2px;
}
	.blog-image img {
    height: 305px;
}
	.team-section .row.justify-content-center {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}


@media (max-width: 667px) {
footer.main-footer .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr  !important;
    width: 650px;
}
	.footer-map {
    width: 50%;
}
	    .top_bar_area ul.top-social.list-unstyled.d-flex.gap-3.m-0 {
    gap: 1px !important;
}
	.top_bar_area .col-auto {
    flex: 0 0 auto;
    width: auto;
    margin-left: -22px;
}
	.mainslider .carousel-caption h2 {
    font-size: 34px !important;
    line-height: 36px !important;
    width: 101% !important;
}
	.mainslider {
    position: relative;
    height: 70vh !important;
}
	.position-absolute.top-0.start-50.translate-middle-x.d-flex.justify-content-between.w-75.hub-row {
    width: 95% !important;
}
	.hub-item:last-child {
    width: 27%;
    margin: 0 auto;
}
	.gallery .row {
    display: grid;
    grid-template-columns: 1fr;
}
	.gallery-item img {
    height: 480px !important;
}
	.btn-primary {
    margin-top: 9px;
    padding: 14px 19px;
  
}
}

@media (max-width: 576px) {

    .contact-item {
/*         flex-direction: column; */
        align-items: flex-start;
    }
	.mainmenu.fixed {
    top: -2px !important;
}
}

@media (max-width: 568px) {
	.top_bar_area {
    display: none !important;
}
/* 	.mainmenu {
    position: relative;
    top: 31px;
    padding: 0px 0px;
    width: 100%;
} */
	.mainmenu .btn-primary {
    margin-top: 9px;
    padding: 14px 19px;
    display: none !important;
}
	.mainslider .carousel-caption {
    top: 31% !important;
    left: 35% !important;
    width: 98% !important;
}
/* 	#rmp_menu_trigger-217 {
    right: 22% !important;
    top: -49px !important;
    
} */
	header img {
    width: 124px !important;
}
	button#rmp_menu_trigger-293 {
    top: 27px !important;
    right: 63px !important;
    height: 51px !important;
}
		.mainmenu.fixed {
    top: -2px !important;
}
	.client-box {
    width: 138px !important;
    height: 70px;
}
	.mainslider .carousel-caption {
    top: 3% !important;
    left: 2% !important;
    width: 98% !important;
}
	.pyramid-row {
    flex-wrap: wrap;
    gap: 30px !important;
}
	.mainmenu {
    position: relative;
    top: -15px;
    padding: 12px 0px !important;
    width: 100%;
}
	html {
    overflow-x: hidden;
}
	.timeline-item .year::before {
    left: 50%; 
}
	.timeline-img {
    margin: 0 -3px 16px 41%;
}
	.gallery-item img {
    height: 508px !important;
}
	.home-blog-section .row {
    display: grid;
    grid-template-columns: 1fr;
}
	.newsletter-form button.btn {
    width: 170px;
    margin: 0 auto;
}
	footer.main-footer .row {
    display: grid !important;
    grid-template-columns: 1fr   !important;
    width: 473px !important;
}
	.mainslider .carousel-caption .container {
    max-width: 543px !important;
    background: linear-gradient(45deg, rgba(0,0,0,0.7), rgba(188,188,188,0));
    border-radius: 12px !important;
    border-left: 5px solid #fff;
    padding: 20px 26px 0 !important;
}
	.mainslider .carousel-caption p {
    font-size: 15px;
    margin-bottom: 1px;
    width: 78%;
    margin-top: 9px;
}
	.stats-section .row.align-items-center {
    display: grid;
    grid-template-columns: 1fr;
}
	.timeline-year {
    font-size: 54px;
}
	.team-section .row.justify-content-center {
    display: grid;
    grid-template-columns: 1fr;
}
	.team-card {
    height: 422px;
    margin: 0 auto;
    width: 387px;
}
	.col-lg-3.col-md-6.footer-col img {
    width: 132px !important;
    margin-left: -7px !important;
}
	.blog-section .row {
    display: grid;
    grid-template-columns: 1fr;
}
	.mainslider {
    position: relative;
    height: 63vh !important;
}
}

@media (max-width: 479px) {
.center_top h2 {
    font-size: 29px !important;
}
	.mainslider .carousel-caption h2 {
    font-size: 36px !important;
    line-height: 35px !important;
    width: 93% !important;
}
	.why-us h2.leftheading {
    font-size: 32px !important;
    color: #fff;
    margin: 15px 0px;
    line-height: 42px !important;
}
	.case_study h2.leftheading {
    font-size: 35px !important;
    width: 100%;
    line-height: 37px !important;
}
	.mainslider {
    position: relative;
    height: 60vh !important;
}
	#carouselExampleFade .carousel-indicators.custom-indicators {
    top: 39% !important;
    
}
}

@media (max-width: 414px) {
	
	.mainslider .carousel-item {
    position: relative;
    height: 100vh;
}
	.mainslider .carousel-caption h2 {
    font-size: 19px !important;
    line-height: 20px !important;
    width: 93% !important;
}
	.mainslider .carousel-inner {
    height: 72vh !important;
   
}
	.mainslider .carousel-caption {
    top: 9% !important;
}
	.hub-gif {
    width: 46px;
    height: 46px;
}
	.stroke-text {
    font-size: 28px !important;
}
	#carouselExampleFade .carousel-indicators.custom-indicators {
    transform: translateY(-88%) !important;
    
}
	section.trusted-clients h2 {
    margin-bottom: 30px !important;
}
	.trust-header h2 {
    font-size: 30px;
    font-weight: 600;
}
	.trust-section {
    padding: 50px 0 !important;
}
	.section-title {
    font-size: 30px;
}
	.hub-item h5 {
    font-size: 14px;
}
	.hub-center {
    width: 114px;
    height: 115px;
}
	.newsletter-section .section-title {
    font-size: 29px;
}
	footer.main-footer .row {
    width: 359px !important;
}
	.stats-card {
    position: absolute;
    left: -1px;
    padding: 17px;
    width: 234px;
}
	section.about-section.py-5 p {
    display: none!important;
}
	
	.popup-text .verification-grid{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px 40px;
    padding-left:20px !important;
}

.popup-text .verification-grid li{
    list-style:disc !important;
}
/* .verification-grid li {
    list-style: disc;
    font-size: 16px;
}  */
	.about-row .content h5 {
    font-size: 17px;
}
	.timeline-section h2 {
    font-size: 30px; 
}
	.timeline-year {
    font-size: 38px;
}
	.timeline-slide h4 {
    font-size: 21px;
}
	.timeline-slide p {
    font-size: 16px;
    line-height: 1.6;

}
	.secondary-container.contact-us .row {
    row-gap: 0px !important;
}
	.contact-form-7-layout label {
    height: 68px;
}
	.team-photo {
    width: 208px;
    height: 208px;
}
	.team-card {
    height: 391px;
    margin: 0 auto;
    width: 345px;
}
	header img {
    width: 110px !important;
}
	.hub-center img {
    max-width: 84%;
    max-height: 60%;
}
	.hub-item {
    width: 98px;
    margin-top: 40px;
}
	.hub-item:last-child {
    width: 120px;
    margin: 37px auto 0;
}
	.about-content h2 {
    font-size: 31px;
}
	video.d-block.w-100 {
    height: 400px;
    object-fit: cover;
}
.choose_us {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 40px;
}
	.center_top h2 {
    font-size: 29px !important;
    text-align: center;
}
	.about-content ul {
    margin: 9px 0px -3px;
}
	.list_item {
    display: grid;
    grid-template-columns: 1fr;
}
	.timeline-img {
    margin: 0 -3px 16px 36%;
}
}

@media (max-width: 360px) {
	
	.position-absolute.top-0.start-50.translate-middle-x.d-flex.justify-content-between.w-75.hub-row {
    width: 114% !important;
}
	.hub-center {
    width: 112px !important;
    height: 115px !important;
    margin-top: 30px !important;
}
	.about-content h2 {
    font-size: 28px;
}
	.stroke-text {
    font-size: 25px !important;
}
	.about-content p {
    color: #000;
    font-size: 15px;
    line-height: 22px;
}
	.trusted-clients {
    padding: 50px 0;
}
	.pyramid-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px !important;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin: 0 auto;
}
	.about-row .content h5 {
    font-size: 14px;
}
	.about-row .icon img {
    width: 60px;
}
	.team-card {
    height: 360px;
    margin: 0 auto;
    width: 321px;
}
	.team-photo {
    width: 192px;
    height: 193px;
}
	footer.main-footer .row {
    width: 342px !important;
}
	.contact-info {
    width: 176px;
}
	.contact-info p, .contact-info a, .contact-info .email-class a {
    font-size: 13px !important;
    color: #212529 !important;
}
	.contact-info span {
    color: #073271 !important;
}
}