@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
    font-family: 'Agrandir Tight';
    src: url('assets//Agrandir-Tight.woff2') format('woff2'),
        url('Agrandir-Tight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Narrow';
    src: url('Agrandir-Narrow.woff2') format('woff2'),
        url('Agrandir-Narrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('Agrandir-ThinItalic.woff2') format('woff2'),
        url('Agrandir-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Grand';
    src: url('Agrandir-GrandLight.woff2') format('woff2'),
        url('Agrandir-GrandLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Grand';
    src: url('Agrandir-GrandHeavy.woff2') format('woff2'),
        url('Agrandir-GrandHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('assets/fonts/Agrandir-TextBold.woff') format('woff2'),
        url('assets/fonts/Agrandir-TextBold.woff') format('woff');
    font-weight: bold;
    font-style: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('assets/fonts/Agrandir-Regular.woff2') format('woff2'),
        url('assets/fonts/Agrandir-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('assets/fonts/Agrandir-WideBlackItalic.woff2') format('woff2'),
        url('assets/fonts/Agrandir-WideBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('Agrandir-WideLight.woff2') format('woff2'),
        url('Agrandir-WideLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Agrandir';
}

p,
a,
li {
    font-family: 'Albert Sans';

}

a.sec-btn {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    background: #182973;
    padding: 15px 33px;
    display: inline-block;
    border-radius: 30px;
    font-family: Albert Sans;
    font-weight: 700;
}

a.sec-btn:hover {
    background: #0d1a4d;
    /* thoda dark blue */
    color: #ffcc00;
    /* text ka color change */
    transition: 0.3s ease-in-out;
    /* smooth effect */
    transform: scale(1.05);
    /* thoda zoom effect */
}


a.sec-btn2 {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 33px;
    display: inline-block;
    border-radius: 30px;
    font-family: Albert Sans;
}

.navbar ul li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    color: #FFFF !important;
     position: relative;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.3s ease-in-out;
  z-index: 99;
}
/* Scroll hone par header ka style */
.header.scrolled {
  position: sticky;
  top: 0;
  background: linear-gradient(313deg, #1A1A1A, #FFFFFF); /* dark VIP gradient */
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.6); /* premium shadow */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* thin border glass effect */
  z-index: 999;
  transition: all 0.4s ease-in-out;
}


.header.hide {
  top: -100px; /* header gayab ho jayega */
}
h5.sec-head {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
    color: #151515;
}

.navbar ul li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    bottom: 0;
    background: #182973;
    transition: 0.3s ease-in-out;
}

.navbar ul li a:hover::after {
    width: 100%;
}

section.section-3 {
    background: #F3F3F3;
    padding: 100px 0px;
}

section.who-we-serve {
    padding: 120px 0px;
}

section.blog-section {
    padding: 100px 0px;
    background: #F4F4F4;
}

section.sec-9 {
    padding: 150px 0px;
}

.card-body {padding: 80px 30px;border-radius: 50px;}


.feature-section{
    padding: 100px 70px;
}
.all-bt {
    background: #182973;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

h1.all-head {
    font-size: 63px;
    line-height: 65px;
    font-weight: 400;
}

span.banner-heading {
    color: #8DBDFB;
    font-size: 60px;
    font-weight: 700;
    font-style: italic;
}

section.hero p {
    font-style: italic;
}


.fields {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
}

.fields input {
    border: unset;
    border-bottom: 1px solid #CBCBCB;
    border-radius: unset;
}

.fields textarea {
    border: unset;
    border-bottom: 1px solid #CBCBCB;
    border-radius: unset;
}

section.sec-5 {
    background: url("./assets/images/image\ \(29\).png") no-repeat center center;
    background-size: cover;
    padding: 380px 0;
}

section.platform-section {
    padding: 100px 0;
}


.carousel-control-next-icon {
    background-image: url("./assets/images/Arrow\ 7.png");
    background-repeat: no-repeat;
    width: 5rem !important;

}

.carousel-control-prev-icon{
    background: url("./assets/images/Arrow\ 6\ \(1\).png") !important;
    background-repeat: no-repeat !important;
    width: 5rem;
   
}


button.carousel-control-prev {
bottom: -82%;

}


button.carousel-control-next {bottom: -80%;left: 97px;right: unset;}



.platform-in {
    background: #000000;
    border-radius: 25px;
    padding: 60px 60px;
    text-align: center;
    color: #fff;
}

.platform-in h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
   
}

.platform-in p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

.platform-in ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px !IMPORTANT;
    list-style: none;
}

.platform-in ul li a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    background: #999;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 30px;
    font-family: Albert Sans;
}

.platform-in ul li:first-child a {
    background: #182973;
}

.platform-in ul li:last-child a {
    background: #fff;
    color: #000;
}

.platform-blue {
    background: #182973;
}

.platform-blue ul li:first-child a {
    background: #ffffff;
    color: #000;
}

.platform-blue ul li:last-child a {
    background: #252525;
    color: #fff;
}

.sec-9-aut {
    padding-left: 50px;
}

section.section-2 {
    background: #F3F3F3;
    padding: 100px 0px;
}

.footer-section {
    background: #F4F4F4;
    padding: 80px 0px 20px 0px;
}

.social-icons a:hover {
    color: #007bff;
}
.sec2-in {
    padding: 110px 70px;
    border-radius: 25px !important;
    border: 1px solid #F3F3F3;
}
p.sec-head p {
    font-family: Albert Sans;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #040404;
}
h2.sec-head {
    font-weight: 400;
    font-size: 45px;
    line-height: 40px;
    color:  #151515;
;
}

.footer-section .social-icons a i {
    background: #fff;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin-right: 10px;
    color: #000;
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sec2-out {
    padding-left: 40px;
    border-left: 1px solid #F5F5F5;
}

.sec2-out li {
    font-family: Albert Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 51px;
}
.footer-section h4.sec-head {
    font-weight: 400;
    font-size: 35px;
    line-height: 40px;
}.footer-section h5.sec-head {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
}

.footer-in ul li {
    font-family: Albert Sans;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    list-style: none;
    border-right: 1px solid #000;
    padding-right: 9px;
}
.footer-three ul li {
    font-family: Albert Sans;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    list-style: none;
}

.footer-three ul li a  {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #040404;
    text-decoration: none;
}
.footer-three ul {
    padding: 0;
    
}

.footer-in ul {
    display: flex;
    padding: 0;
    gap: 10px;
}

.footer-in ul li:last-child {
    border: unset;
}

.row.footer-in {
    border-top: 1px solid #E8E8E8;
    padding: 30px 0px 0px 0px;
}
.row.footer-out {
    padding: 50px 0px;
}
.container-fluid.section-contact {
    background: url("../assets/images/Rectangle 24.png");
    padding: 300px 0px 100px 0px;
    background-position: center;
    background-repeat: no-repeat;
}

.container-fluid.section-contact h2.sec-head.mb-3 {
    color: #fff;
}