* {
	padding: 0;
	margin: 0 auto;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}



html, body {
  overflow-x: hidden !important;
}



body {
font-family: 'Poppins', sans-serif;
color:#141414;
font-size: 16px;
font-weight:400;
line-height: 1.625;
overflow-x: hidden;

}
.smooth-scroll-container {
  overflow-x: hidden;
  position: relative;
}



.scrollbar-track-x{display:none!important;}
h1,h2,h3{ font-family: "DM Sans", sans-serif!important;}
.pd80{padding:80px 0;}
.heading{font-size:45px;font-weight: 700;margin-bottom:30px;line-height:70px;letter-spacing:1px;color:#0a0a0a}
.abc-btn{background: #ffc107;padding:8px 8px 8px 20px;font-size: 14px;text-transform:capitalize;letter-spacing:1px;font-weight: 500;display: inline-flex;align-items: center;position:relative;color: #000;border-radius:30px;    transition: all .4s 
cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s;overflow:hidden;    z-index: 1;}
    
.abc-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background:#fff;
    transform: translate(calc(-100% - 2px));
    border-radius: 30px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition-delay: 0s;
    z-index: -1
}
.abc-btn:hover .span-text{
    color: #000
}

.abc-btn:hover::before {
    transform: translate(0);
    transition: all .4s cubic-bezier(.42,0,.58,1);
    transition-delay: 0s
}

 .btn-round-shape {
    transition: all .4s cubic-bezier(.42,0,.58,1);
    transition-delay: .1s;
    height:32px;
    width: 32px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 15px;
}

.abc-btn:hover .btn-round-shape {
    transition: all .4s cubic-bezier(.42,0,.58,1);
    transition-delay: .2s;
    background-color: #ffc107
}
.btn-round-shape svg{
        position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: auto;
    bottom: auto;
    left: 50%;
    content: '';
}
.abc-btn:hover .btn-round-shape svg{
    transition: all .4s cubic-bezier(.42,0,.58,1);
    transition-delay: .2s
}

.abc-btn:hover .btn-round-shape svg:before {
    animation: move-forward-right .6s cubic-bezier(.645,.045,.355,1)0s both 1
}

    
.mr-0{margin-right:0}
.ml-0{margin-left:0}
.mt150{margin-top:150px}

.heading span{font-weight:400;font-size:14px;margin-left: 15px;}
.top-btn{margin-top: 10px;}
.container{max-width:90%}
.header-line{border-bottom:1px solid #ffffff7a;}
nav.navbar-expand-lg{z-index:9999999}
nav.navbar-expand-lg.navbar-light.fixed {background: #fff;box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137254902); transition: background 0.3s, box-shadow 0.3s;}
.navigation_black nav.navbar-expand-lg.navbar-light {background:#fff;box-shadow: 0 0 15px #0b0b0b12;}
.navigation_black nav.navbar-expand-lg.navbar-light .nav-link{color:#000}
/*@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}*/

.bg-grey{background:#f6f6f6}
.hero-section{height:600px}

.navbar-brand{width:220px;margin:15px 0 0;}
.navbar-brand img{width:100%}
.navbar-expand-lg{width: 100%;top: 0;background:transparent;position: fixed;}
.main-nav {width: 65%;float: left;flex-wrap: wrap;}
.navbar-expand-lg .navbar-nav{margin-right:0;}
.navbar-expand-lg .nav-link{padding:30px 0px 30px;color:#ffffff;font-size: 14px;text-transform: uppercase;letter-spacing:1px;}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed .nav-link{color:#000;transition: all .7s ease-in-out;}
nav.navbar-expand-lg.navbar-light.fixed  .nav-link{color:#000}
nav.navbar-expand-lg.navbar-light.fixed .dropdown-menu .nav-link{color:#000}
.nav-item{margin-left:25px}

.nav-link:hover{color:#ffcd39}
nav.navbar-expand-lg.navbar-light.fixed .nav-link:hover{color:#ffcd39}
.navbar-expand-lg .nav-link{position:relative}
.navbar-expand-lg .nav-item:hover .nav-link:after{width:100%}
ul.navbar-nav li { position: relative;}
.navbar-expand-lg .dropdown-menu .nav-link:after{display:none}
.company-overview p {text-align:justify}
.bg-grey{background:#f6f6f6}
.bg-black{background:#000}
.pad100{padding:100px 0}
.banner{position:relative;height:100vh;overflow:hidden;}
.banner:after{background:#06060670;content:'';position:absolute;top:0;width:100%;height:100vh;left:0;}
.banner-title{width: 92%;height:100vh;display:flex;align-items:center;position: absolute;top: 0;/* width: 100%; */z-index: 99;align-items: center;right: 0;left:0}
.banner-title h1{width:600px;font-family: "Urbanist", sans-serif;font-size:70px;font-weight:800;color:#fff;text-align:left;margin:0;padding-top: 70px;}
.hero-banner video{    object-fit: cover;}
[data-scrollbar] {
    display: block;
    position: relative;
}
.scroller {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
}

.scroll-content {
    display: flow-root;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



#uno{width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: left;
    overflow: hidden;
   /* background:#070707c7;*/
}
#video_pag
 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9;
    pointer-events: none;
    opacity: 0.75;}

#video_pag iframe {
    width: 100vw;
    height: 52.73vw;
    min-height: 100vh;
    min-width: 189.63vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.arrow {
    width: 70vh;
    height: 70vh;
    background: linear-gradient(45deg, #ffcd39, transparent, transparent);
    position: absolute;
    transform: rotate(225deg);
    z-index: 99;
    opacity: 0.8;
}
#arrow_1 {
    top: 20vh;
    left: -53vh;
}

#arrow_2 {
    top: 20vh;
    left: -23vh;
}
#arrow_3 {
  top: 20vh;
  left: -53vh;
  transform: rotate(45deg);
}
#arrow_4 {
  top: 20vh;
  left: -23vh;
  transform: rotate(45deg);
}

#numeros {
  width: 100vw;
  height: 18vw;
  overflow: hidden;
}
#numeros_in {
  display: flex;
  width: 80vw;
}
#numeros_in .dato {
  padding: 1vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 2vw;
}
#numeros_in .num {
  color: #fff;
  font-size: 8vw;
  line-height: 1;
}
#numeros_in .desc {
  color: #fff;
  line-height: 1;
}

#cinco {
  width: 100vw;
  height: 100vh;
  background: var(--azul);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.scrollbar-thumb{background:#ffc107!important}
.hero-thumnail{position:relative}
.sub-title{position:relative;color:#ffc107;margin-bottom:20px;font-size:15px;font-weight:500;letter-spacing:2px;text-transform: uppercase;position:relative;display: inline-flex
;z-index: 9;align-items: center;}
.sub-title span{margin: -5px 0 0;}  
/*.client-section{padding:15px 0}*/
.client-slider .item img {width:170px}
.line{width: 100%;height: 1px;background: #000;margin-bottom: 30px;}
.about-content p{width:500px;margin-right:0}
.about-section p{font-size:40px;}

		    
.about-sections > p {
  background: linear-gradient(
    to right,
    rgb(37, 37, 37) 50%,
    rgb(143, 137, 137) 50%
    /*rgb(255, 255, 255) 50%*/
  );
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: -190px;
  margin-left: 50px;
  line-height: 1.2;

}

.line2{width: 100%;height: 1px;background: #000;margin-bottom: 30px;}

.about-contents{display:none}

.section-2{z-index:999;}
.section-3{z-index:9999;}
.project-section{overflow:hidden;}
.project-section .container{padding:0;max-width: 100%}
.project-section .col-lg-7,.col-lg-5{padding:0}
.project-text,.section-2 .project-text{background:#313030;padding:70px 70px;height: calc(100vh - 67px);}
.section-3 .project-text{background:#313030;padding:70px 70px;height: calc(100vh - 67px);}
.project-text p{color:#fff;opacity:.8;margin-bottom:70px}
.product-section{position:relative;background: #313030;}
.project-section {position: relative;height: 100vh;display: flex;align-items: center;justify-content: center;}
.project-section .container {position: relative;z-index: 2;}
.counter-thumbnail{text-align:center}
.counter-img{position:relative}
.number{position: absolute;top:25px;font-size:50px;font-weight: 700;left: 0;right: 0;text-align: center;}
.counter-thumbnail p{font-size:18px;margin:20px 0 0;font-weight: 500;}
.icon-thumb{background:#f6f6f6;padding:30px; text-align:center;/*height: calc(100%);*/ transition: 0.65s cubic-bezier(0.23, 1, 0.32, 1);border-radius:15px;margin-top:30px}
.icon-thumb:hover {background:#f8c512;box-shadow: rgba(0, 0, 0, 0.2) 7px 7px;transform: translateY(5px)}
.icon-thumb .icon{ transition: 520ms;}
.icon-thumb strong{display:block;margin:20px 0 10px;font-size:20px;font-weight:500;}
.icon-thumb p{margin-bottom:0}
.ourcore-sec strong{margin-top:20px;font-size:20px;display:block;margin-bottom:15px;font-weight: 600;}
/* Accordion css */
.accordion-button::after, .accordion-button:not(.collapsed)::after{display:none}
.accordion{background:transparent}
.accordion .accordion-item h4 {background: url(../images/minus.svg) no-repeat calc(100% - 10px) center; background-size:30px; cursor: pointer; font-size:18px; color:#000;font-weight: 600;margin: 0;padding: 25px;font-family: "Unbounded", sans-serif; }
.accordion .accordion-item h4.collapsed {background-image: url(../images/plus-large.svg);}
.accordion-head{width: 100%;padding: 20px 0;}
.accordion-header {position:relative;    }
.accordion .accordion-button[aria-expanded=true] {color: #f8c512;background-color:#253c92}
.accordion-body{padding:20px}
.accordion-item{border: 1px solid rgba(0,0,0,.125) !important;background: transparent !important;border-radius: 12px !important;overflow:hidden;margin-bottom:15px}
.bannercaption{margin:0}
.bannercaption h1{font-size: 45px;font-weight: 700;color:#000;line-height:57px;margin-bottom: 50px;}
.bannercaption h1 span{color:#f8c512;font-weight: 400;}
.locationform{max-width:90%;margin:0 auto;position:absolute;left:0;right:0;top:0;height: 100vh;align-items: center;display: flex;}
.banner-from{max-width: 350px;background: #ffffffe8;padding: 30px;margin-right: 0;}
.banner-from .form-control{border-bottom: 1px solid #00000070;border-top:0;border-left:0;border-right:0;background-color: transparent;color: #000;font-size: 14px;resize: none;height: auto;border-radius: 0px;padding: 11px 0;}

.banner-from .form-control:focus{background:transparent;border-color: #000;color:#000;box-shadow:none}
.banner-from .form-group {margin-bottom: 10px;}
.banner-from button {border: 0;outline: none;}
.banner-from .abc-btn::before{background:#000;}
.banner-from .abc-btn:hover .span-text{color:#fff}
.banner-from h5{color: #253c92;font-size:22px;}
.location-box{padding: 20px 0;margin:auto}
.location-box ul {padding-left:0;margin:0;}
.location-box ul li {display: inline-block;margin-top:8px;}
.location-box ul li a{display: flex;align-items:center;font-size: 14px;color: #000;position:relative;padding-left:15px;transition:all ease-in-out 0.5s;}
.location-box ul li a:hover{color:#21428a}
.location-box ul li a:after{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#f8c512;border-radius:50%}
.service-list ul li {display: inline-block;margin-top:8px;margin-right:10px}

.blog-thum{border: 1px solid #00000045;padding: 25px;border-radius:20px;margin-top: 30px}
.blog-img{border-radius:20px;overflow:hidden;margin-bottom:20px}
.blog-title{font-size: 20px;font-weight:500;margin-bottom: 25px;color:#000}
.blog-button{display:flex;align-items:center}
.blog-line{width:70%;height: 1px;background: #00000045;}
.blog-btn{font-size:15px;color:#ffc107}
.blog-thum:hover .blog-title{color:#ffc107}
.serivice-thumnail{padding-right:70px}
.inner-section .heading{line-height:55px;}
.list{list-style:disc;padding-left: 20px;}
.list li{margin-top:10px}
.service-thumb{background:#fff;border-radius:10px;overflow:hidden}
.service-content{padding:20px;width:100%;display:flex;align-items:center}
.service-content h3{font-size:20px;margin:0px;font-weight:500;color:#000}
.service-content span{border: 1px solid #807e7e;width: 30px;height: 30px;display: inline-block;border-radius: 100%;text-align: center;line-height: 27px;font-size: 20px;color: #807e7e;margin-right: 0;transition:all .5s ease}
.service-content p{margin-bottom:0;font-size:14px}
.service-thumb:hover span{color:#fff;border:1px solid #f8c512;background:#f8c512}
.service-inner{overflow:hidden}
.service-thumb:hover .service-inner img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.service-thumb .service-inner img {
  object-fit: cover;
  object-position: top;
  -webkit-transition: .5s linear;
  transition: .5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.types-thumb{margin-top:30px;padding: 20px;border: 1px solid #e2e2e2;border-radius: 10px;background: #f9f9f9;min-height: 287px;}
.types-thumb h5{margin-bottom:20px;color:#f8c512}
.service-one{padding:0 15px;margin-top:50px}
.service-one .col-md-4, .service-one .col-md-8{padding:0;margin:0}
.detail-thumb{padding:30px}
.detail-thumb h3{margin-bottom:20px;font-size:30px;font-weight: 600;}
.scrollbar1 {height:306px;}
.scrollbar2 {height:268px;}
.scrollbar3 {height:270px;}
.scrollbar4 {height:272px;}
.scrollbar5 {height:304px;}
.scrollbar {width: 100%;background: 0 0;overflow-y: auto;padding-right: 15px}
.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color: #fff}
.scrollbar::-webkit-scrollbar {width: 3px;background-color: #000}
.scrollbar::-webkit-scrollbar-thumb {background-color: #000;border: 3px solid #000}
.service-reverse .row{flex-direction: row-reverse;}
.why-ftl h3,.table-thumb h3,.our-flt h3{font-size:30px;font-weight:600;margin-bottom:20px;line-height:40px}
.table-thumb{padding-right:30px}
.our-flt,.table-thumb{margin-top:50px;}
.table-thumb td{font-size:14px}
/*.tabs-sec .nav-tabs li a{font-size: 20px;padding: 10px 15px;color: #999;display:inline-block;font-weight:500}
.tabs-sec .nav-tabs .active {color:#f8c512}*/

.contact-box .form-control{
   border-bottom: 1px solid #0000006b !important;
   resize:none;
   padding: 15px 0;
   font-size: 14px;
   resize: none;
   border: 0;
   border-radius: 0;
   }

.form-control:focus{box-shadow:none;background: transparent;}
.form-select:focus{box-shadow:none;}
 .form-group{margin-bottom:20px}
.form-thumb{padding-left:50px;padding-top:20px}
.contact-box button{border:0;outline:none}

.contact-box .abc-btn::before{background:#000;}
.contact-box .abc-btn:hover .span-text{color:#fff}

.footer{background:#253c92;padding:60px 0 30px}
.address-thumb{padding-right: 50px;}

.contact-section{position:relative}
.contact-section:after{content:'';top:0;left:0;right:0;position:absolute;height:600px;background:#f6f6f6}

.contact-top{position: relative;z-index: 9;padding-top:100px;}
.form-secion{
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px #00000024;
    position: relative;
    z-index: 9;
    margin:50px auto 0px;
    max-width:1070px;
}
.contact-box{padding:60px 70px 30px 30px}
.address-box{
    background: #ffc107;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.address-box a{color:#000}
.address-box strong{font-size:18px;display:block;margin-bottom:10px}
  
.fixedbtn {
    width: auto;
    position: fixed;
    top: 40%;
    right: -40px;
    z-index:9999999;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    visibility: hidden;
}


.fixedbtn .btnrt {
    border: none;
   background-color:#ffc107;
    width: auto;
    height: 50px;
    color: #fff;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 10px;
    letter-spacing: 1.5px;
   
}
.modal{z-index: 9999999999;}
.modal-body {
    padding:30px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.modal-content .close {
    width: 35px;
    height: 35px;
    position: absolute;
    right:0px;
    top: 0px;
    z-index: 99;
    border: none;
    background: #F2BF3C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content .close img {
    width: 35px;
    max-width: max-content;
}

.modal-content{border-radius:0;border:0;width:400px}

 .modal-body .form-control {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    padding: 12px 0;
    resize: none;
    background:transparent;
   border-bottom: 1px solid #ccc;
 }
 .modal-body button {border: 0;outline: none;}
.modal-body .abc-btn::before{background:#000;}
.modal-body .abc-btn:hover .span-text{color:#fff}

 
 .modal-body .form-group{margin-bottom:15px}
 .modal-content h4{
    color: #253c92;
    font-size: 22px;
    text-align: center;
    letter-spacing: 1px;}

.modal-backdrop.show{z-index: 9999999;}
.sub-heading{font-size: 16px;font-weight: 500;text-transform: uppercase;margin-bottom:25px;line-height: 20px;letter-spacing:1px;color:#0a0a0a}
 /* ── Header ── */
  .section-label {
    display: inline-block;
    background: #f8c512;
    color: var(--navy-dark);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 18px;
    margin-bottom: 14px;
  }
  .section-title {
   
    font-size: clamp(50px, 8vw, 96px);
    color: var(--navy);
    letter-spacing: 3px;
    line-height: 0.95;
  }
  .section-title span {
    color: #f8c512;
    -webkit-text-stroke: 2px var(--navy);
  }

  /* ── Horizontal track (lg+) ── */
  .timeline-track { position: relative; }
  @media (min-width: 992px) {
    .timeline-track::before {
      content: '';
      position: absolute;
      top: 20px;
      left: 6%;
      right: 6%;
      height: 2px;
      background: linear-gradient(90deg, transparent, #253c92 8%, #253c92 92%, transparent);
      z-index: 0;
    }
  }

  /* ── Dot ── */
  .tl-dot {
    width: 20px; height: 20px;
    background:#f8c512;
    border: 3px solid #253c92;
    border-radius: 50%;
    flex-shrink: 0;
    transition: transform .3s;
    position: relative; z-index: 2;
  }

  /* desktop dot row */
  .tl-dot-row {
    height: 44px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 12px;
  }

  /* ── Year ── */
  .tl-year {
font-weight:700;
    font-size: 45px;
    color: #253c92;
    line-height: 1;
    transition: color .3s;
  }

  /* ── Card ── */
  .tl-card {
    background: #fff;
    border-left: 4px solid #f8c512;
    padding: 22px 20px;
    height: 100%;               /* equal height */
    box-shadow: 0 2px 14px rgba(37,60,146,.07);
    transition: transform .3s, box-shadow .3s;
    position: relative;
    overflow: hidden;
    height: calc(60% + 30px);
    border-radius: 10px;
    margin-top:20px;
  }
  .tl-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background:  #253c92;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s;
  }
  .tl-col:hover .tl-card           { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(37,60,146,.16); }
  .tl-col:hover .tl-card::after    { transform: scaleX(1); }
  .tl-col:hover .tl-dot            { transform: scale(1.35); }

  .tl-card-title {
   font-weight:600;
    font-size:18px;
    letter-spacing: 1px;
    color: #253c92;
    margin-bottom: 10px;
    line-height: 1.15;
  }
  .tl-card-text {
    font-size: 14px;
    line-height: 1.75;
   
    font-weight: 300;
    margin: 0;
  }

  /* ── Mobile vertical connector ── */
  @media (max-width: 991.98px) {
    .tl-col { position: relative; padding-left: 10px !important; }
    .tl-col::before {
      content: '';
      position: absolute;
      left: 10px; top: 0; bottom: -16px;
      width: 2px;
      background:  #253c92;
      opacity: .18;
      display: none;
    }
    .tl-col:last-child::before { display: none; }
    .tl-dot-row {
      position: absolute;
      left: 0; top: 4px;
      height: auto; padding: 0;
      justify-content: flex-start;
    }
    .tl-dot { width: 16px; height: 16px;margin:0; }
    .tl-year { font-size: 36px;margin:0; }
    .tl-dot-row { display: none !important; }   /* hide desktop dot row on mobile */
    .mobile-year-row { display: flex !important; }
    .stripe-text{font-weight:600;font-size:10px!important}
  }
  @media (min-width: 992px) {
    .mobile-year-row { display: none !important; }
  }
  .mobile-year-row {
    display: none;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }

  /* ── Entry animations ── */
  .tl-col {
    opacity: 0;
    transform: translateY(28px);
    animation: rise .6s ease forwards;
  }
  .tl-col:nth-child(1) { animation-delay: .1s; }
  .tl-col:nth-child(2) { animation-delay: .25s; }
  .tl-col:nth-child(3) { animation-delay: .4s; }
  .tl-col:nth-child(4) { animation-delay: .55s; }
  @keyframes rise { to { opacity:1; transform:translateY(0); } }

  /* ── Bottom stripe ── */
  .bottom-stripe {
    background:  #253c92;
    padding: 18px 40px;
    display: flex; align-items: center; gap: 24px;
    margin-top: 56px;
  }
  .stripe-dash {
    flex: 1; height: 3px;
    background: repeating-linear-gradient(90deg, #f8c512 0, #f8c512 12px, transparent 12px, transparent 22px);
  }
  .stripe-text {
  
    font-size: 17px; letter-spacing: 4px;
    color: #f8c512; white-space: nowrap;
  }
  @media (max-width: 480px) {
    .stripe-dash { display: none; }
    .bottom-stripe { justify-content: center; }
  }



.ft-top{width: 300px;margin-right: 0;}
.ft-top p{font-size: 25px!important;color: #fff!important;opacity: 1!important;text-align:left;}
.ft-logo{margin:0;}
.middle-ft{border-top: 1px solid #ffffff2e;border-bottom: 1px solid #ffffff2e;}
.address-thumbnail{border-right: 1px solid #ffffff2e;margin-bottom:12px}
.footer h6{font-size:20px;color:#f8c512;margin-bottom:20px;letter-spacing: .3px;}
.address-thumbnail strong{font-size:18px;color: #fff;display:block;font-weight:400;margin-bottom: 12px;}
.address-thumbnail p{font-size:15px}
.address-thumbnail a{color:#fff;font-size:18px}
.address-thumbnail  span{color:#fff}
.inner-ft,.address-thumbnail{padding:50px 0;height: 100%;}
.inner-ftp{font-size:15px}
.inner-ft ul{margin:0;padding-left:0}
.inner-ft ul li a{font-size: 15px;color: #fff;display: inline-block;margin-top: 10px;opacity:.7}
.footer p{color:#fff;opacity:.7;font-size: 15px;}
.ft-paragraph{padding-left:132px}
.footer-thumb{padding-left:50px}
.pl-50{padding-left:50px}
.social-media a{color: #fff;margin-right:10px;font-size: 16px;color: #fff;width: 35px;height: 35px;display: inline-block;text-align: center;line-height:35px;border:1px solid #8d8a8af2}
.social-media a:hover{background:#f8c512;border:1px solid #787878;color:#000}

.ft-social a {width: 40px;height: 40px;/* background: #0077bd; */text-align: center;font-size: 16px;line-height: 40px;margin-right:5px;color: #fff;opacity:.8;display: inline-block;border: 1px solid #ffd;border-radius: 50%;}

.copy-right{padding-top: 30px;position:relative}
.copy-right p{display:inline-block;font-size:14px;margin-bottom:0;text-align:left;color:#fff;opacity:.6}
.digital {width:30px;margin-right: 0;position: absolute;right: 0px;top:30px;opacity:.6}

.shadow-sm iframe {
    border: 8px solid #fff;
    margin-bottom: 15px;
    margin-top: -15px;
    height: 204px;
}

        
.process-section {
    background: #f6f6f6;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.process-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 0 60px;
    position: relative;
    z-index: 2;   /* keep cards above dotted line */
}

/* Dotted line stays BEHIND the cards */


.process-card {
    background:linear-gradient(45deg, #3F51B5, #03a9f4bd);
    padding: 80px 40px 40px;
    border-radius: 20px;
    width: 33%;
    position: relative;
    text-align:center;
    margin-top: 40px;
    z-index: 3;
}

/* Semi-circle top shape */
.process-card::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 105px;
    height: 105px;
    background:#f6f6f6;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    z-index: -1; 
}

/* Step neon badge */
.step-badge {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #f7c515;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    color:#253c92;
    z-index: 4;
}

.process-card h2 {
    font-size: 25px;
    margin-bottom: 15px;
    color:#f7c515;
}

.process-card p {
    font-size: 15px;
    line-height: 1.7;
   
    margin-bottom: 0;
    color:#fff;
}

/* Responsive */
@media (max-width: 900px) {
    .process-container {
        flex-direction: column;
    }
    .process-card {
        width: 100%;
    }
    .process-section::after {
        display: none;
    }
}

.service-img img {
    height: 500px;
    object-fit: cover;
}




@media(min-width:1690px) and (max-width:1920px){
  .project-text,.section-2 .project-text{height: calc(100vh - 322px);}
.section-3 .project-text{height: calc(100vh - 322px);}
.project-text{display:flex;align-items:center;}

}
@media(min-width:1500px) and (max-width:1680px){
  .project-text,.section-2 .project-text{height: calc(100vh - 388px);}
.section-3 .project-text{height: calc(100vh - 388px);}
.project-text{display:flex;align-items:center;}

}

@media(min-width:1280px) and (max-width:1440px){
    .navbar-expand-lg .nav-link{font-size:14px}
}

@media(max-width:991px){
  .container {max-width: 95%;}
.navbar-expand-lg {border: 0;background:#fff;box-shadow:0 1px 6px rgba(0, 0, 0, .1607843137254902)}    
.navbar-expand-lg .navbar-nav .dropdown-menu.show{display:block !important;}
button.navbar-toggler {width:50px;padding:0px;border-radius: 0;margin-left: auto;margin-right: 0;border: 0;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-light .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;display:none!important;}
.navigation_black nav.navbar-expand-lg.navbar-light .white {display: block !important;}
.navigation_black nav.navbar-expand-lg.navbar-light .black {display: none !important;}
ul.navbar-nav {margin-right: 0!important;border-top:0px solid #00000038;padding: 20px 0 20px;border-right: 0px solid #0e0e0e4a!important;}
ul.navbar-nav li { margin-left: 0;}
.navbar-expand-lg .nav-link {padding: 10px 0px 10px;}
.navigation_black .navbar-expand-lg a.getin-touch {color:#c32026;}
 .navbar-expand-lg .nav-link {color: #FFFFFF;}
.navbar-brand{margin:10px 0}
.pd80,.process-section{padding:60px 0;}
.heading {font-size:35px;line-height:45px;}
.shadow-sm iframe{height:170px}
.ft-top p {font-size: 20px !important;}
.footer p,.inner-ft ul li a{font-size:14px}
.pl-50{padding-left:0;padding-top: 0;}
.address-thumbnail a{font-size:18px}
.about-scroll-img{height:auto}
.serivice-thumnail {padding-right: 0;}
.service-img img{height:auto}
.mt150 {margin-top: 120px;}
.form-secion{margin-top:30px}
.contact-top{padding-top:70px}
 .contact-box button{float:inherit!important}
 #uno{height:80vh;margin-top:61px}
 .arrow {width: 60vh;height: 50vh}  
 .hero-banner video{height:100%}
 .blog-title {font-size: 18px;}
.blog-thum{height: calc(80vh + 30px);}
#numeros_in .dato{margin-right: 7vw;} 
#numeros_in { width: 93vw;margin: 0;}
#cinco .pt-5{padding-top: 2rem !important;}
#cinco{height:67vh}
.about-contents{display:block}
.about-content{display:none}
 .abctr{display:none}
 #cinco{position:relative}
 #cinco:after{content:'';position:absolute;top:0;width:100%;height:100%;background:#00000087;z-index:1}
 #numeros, #cinco .title{position:relative;z-index:4}

}

@media(max-width:560px){
.ft-top {width: 100%;margin-right: inherit;margin:30px 0 0;}
.inner-section .heading{line-height:45px}
.process-container{padding:0 20px}
.footer-thumb{padding-left:0;border-top: 1px solid #ffffff8f}
.wd-50{width:50%}
.wd-50 .inner-ft{padding-bottom:0}
.footer .col-md-7, .col-md-5{padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);}
    
 .form-secion {padding: 20px;}
 .contact-box{padding:20px}
 .address-box{
    background: #ffc107;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.banner-arrow{display:none}
.blog-btngrp{padding-top:0}
 #uno{height:50vh;margin-top:71px}
 #video_pag{height:50vh}
 .project-text{
   height:auto;
    padding:25px;
 }
.section-2 .project-text{height:auto;padding:25px}
.ttt{display:none}
#cinco{height:300px;background-size:cover!important;background-position:center!important}
.blog-btngrp{padding-top: 0rem !important;}
.blog-thum,#numeros, #cinco .title{height:auto}
#cinco .pt-5{padding-top:0rem !important}
#numeros_in .desc{font-size:15px;line-height:22px;margin-top:15px}
.team-thumb{margin:15px 0}

}