@media (min-width: 1200px) 
{
    .container, .container-lg, .container-md, .container-sm, .container-xl 
    {
        max-width:1280px;
    }
}

html {
      scroll-behavior: smooth;
    }

body 
{
    font-family: "Montserrat", sans-serif;
}

.main-menu ul li a  
{
    color:#222;
    font-weight:600;
    font-size:15px;
    margin-right:15px;
    text-transform:uppercase;
}

.main-menu ul ul li a 
{
    color:#222;
    padding:10px 15px;
    text-transform:capitalize;
}

.video-background {
      position: relative;
      height: 92vh;
      overflow: hidden;
    }

    .video-background video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 0;
      transform: translate(-50%, -50%);
      object-fit: cover;
    }
    
    /* Dark overlay */
.video-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.0); /* Adjust opacity here */
  z-index: 1;
}
    
    .video-content {
      position: relative;
      z-index: 1;
      color: white;
      top: 30vh;
      transform: translateY(-50%);
    }
   

.slider-back 
{
    background-image:url('../img/mainback.png');
    height:600px;
    background-size:cover;
    background-attachment:fixed;
    margin-bottom:20vh;
    border-bottom-left-radius:150px;
}

.hero {
  background: linear-gradient(-90deg, #fff, #a3d4f7, #fff);
   linear-gradient(-45deg, rgba(79,183,242,0.6), rgba(163,212,247,0.6), rgba(223,244,255,0.6)),
    url('../img/mainback.png') no-repeat center center / cover;
  background-size: 400% 400%;
  animation: gradientMove 12s ease infinite;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



.slidez 
{
    margin-top:90px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:5;
    width:100%;
}

.slidez h2 
{
    margin-top:125px;
}

.carousel-slidez 
{
    width:100%;
    position:absolute;
    top:2vh;
    right:0px;
    z-index:3;
}

.slidez-image
{
    width:76%;
    float:right;
}

.slidez-image img 
{
    width:100%;
    margin-top:9vh;
    animation: slidezIMG 5s ease infinite;
}

@keyframes slidezIMG {
  0% { transform:scale(1); }
  50% { transform:scale(1.05); }
  100% { transform:scale(1); }
}

/* Force fade only, remove sliding motion */
.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transform: none !important;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
  transform: none !important;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-item.active.carousel-item-right {
  opacity: 0;
  transform: none !important;
}


 
.header 
{
      position: fixed;
      z-index: 2;
    z-index:2000;
    width:100%;
    top:0px;
    left:0px;
  transition: top 0.3s;
}


.main-menu 
{
    padding-top:20px;
}

a.navbar-brand 
{
    display:none;
}

h3.div-subtitle 
{
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    color:#ff914d;
    margin:0px;
    padding:0px;
}

h2.div-title 
{
    font-weight:800;
    font-size:38px;
    color:#1f4d73;
    line-height:40px;
}

p.div-para 
{
    font-size:15px;
    margin-top:20px;
    line-height:30px;
    font-weight:500;
}

.slider 
{
    text-align:left;
}

.slider h3 
{
    color:#194E78;
}

.slider p 
{
    padding-bottom:20px;
    color:#222;
    font-size:18px;
}

.slider h2 
{
    color:#194E78;
    font-size:56px;
    margin-top:47vh;
    font-weight:600;
    line-height:50px;
}


img.video-over-img 
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
}

.slider a 
{
    color:#fff !important;
    transition:linear 0.1s transform !important;
    background:#FF8C2B;
    padding:10px 25px;
    border-radius:25px;
    font-size:16px;
}

.slider a:hover 
{
    transform:scale(1.15);
    transition:linear 0.2s transform !important;
}

a.btn-link 
{
    display:inline-block;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5px;
    transition:linear 0.1s background;
    background:#FF8C2B;
    padding:10px 25px;
    border-radius:25px;
    font-size:13px;
}

a.btn-link:hover
{
    display:inline-block;
    background:#1f4d73;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5px;
    font-size:13px;
    text-decoration:none;
    transition:linear 0.2s background;
    color:#fff;
}

.flip-box {
  background-color: transparent;
  width: 100%;
  height: 470px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
}

.flip-box-back {
  background-color: #555;
  color: white;
  transform: rotateY(180deg);
}


.slider a 
{
    margin-right:15px;
}

.about 
{
    padding-bottom:20px;
}

.about img 
{
    width:100%;
}

.about p
{
    color:#333;
}

.about h3 
{
    margin-top:35px;
}

.border-div 
{
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding-top:15px;
    margin-top:15px;
}

.categories 
{
    background:#fff;
    background-size:cover;
    background-image:url(../img/prod-back.png);
    padding-bottom:110px;
}

.category-single 
{
    background:#EDF7F9;
    border-radius:25px;
    padding:20px;
    margin-top:30px;
}

.category-single img 
{
    width:100%;
}

.category-single a 
{
    color:#222;
    text-decoration:none;
    display:block;
}

.category-single h4 
{
    font-size:22px;
    color:#194E78;
    margin-top:18px;
    text-align:left;
    font-weight:700;
    line-height:20px;
}

.category-single h5 
{
    color:#FF8C2B;
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
}

.category-single 
{
    transition:linear 0.1s transform;
}


.category-single:hover
{
    transform:scale(1.05);
    transition:linear 0.2s transform;
    box-shadow:0px 2px 7px #1F4579;
}

.carousel-item 
{
    width:calc(100% + 30px);
    padding:15px;
}

.testimonials 
{
    padding-top:30px;
    padding-bottom:70px;
}

.testimonial-single 
{
    padding:20px;
    box-shadow:0px 2px 7px #aaa;
    border-radius:20px;
    margin-top:30px;
    width:calc(100% - 30px);
}

.testimonial-single h2 
{
    color:#53399D;
    font-size:52px;
    margin:0px;
    padding:0px;
}

.testimonial-single p 
{
    font-size:15px;
    line-height:26px;
    color:#444;
}

.testimonial-single img 
{
    height:70px;
    width:70px;
    border-radius:50%;
    float:left;
    margin-right:15px;
    object-fit:cover;
}

.testimonial-single h3 
{
    color:#222;
    font-size:16px;
    margin:0px;
    padding:0px;
    padding-top:10px;
}

.testimonial-single h5 
{
    color:#53399D;
    font-size:14px;
    margin-bottom:30px;
    padding-top:5px;
}


.carousel-indicators
{
    bottom:-70px;
    margin-top:20px;
}

.carousel-indicators .active
{
    width:60px;
    background:#ff914d;
}

.carousel-indicators li
{
    height:15px;
    width:15px;
    border-radius:8px;
    background-color:#1f4d73;
    border:none;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    padding: 10px 45px;
}

/* Marquee content wrapper */
.marquee-content {
    display: flex;
    width: 200%; /* Ensure smooth looping */
    animation: marquee 50s linear infinite;
    padding:0px 30px;
}

/* Each scrolling item */
.marquee-item {
    flex: 0 0 auto;
    width: 260px; /* Adjust size */
    margin: 0 15px;
    text-align: center;
    background:#fff;
    padding:10px;
    border-radius:20px;
    padding-top:15px;
}

.marquee-item img {
    width:80%;
    height: auto;
    filter:saturate(0);
}

.marquee-item img:hover {
    width:80%;
    height: auto;
    filter:saturate(1);
}

/* Keyframes for infinite loop */
@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

.partners 
{
    padding-top:20px;
    display:block;
    background:#0470BE;
    background-size:cover;
    background-attachment:fixed;
    border-bottom-left-radius:120px;
}

.partner-div 
{
    background:#fff;
    padding:8px;
    border-radius:25px;
    text-align:center;
    margin-top:27px;
    transition:linear 0.1s transform;
}

.partner-div:hover 
{
    transform:scale(1.08);
    transition:linear 0.2s transform;
    box-shadow:0px 5px 5px #0a54b6;
}

.partners h2 
{
    color:#fff;
}

.partners p 
{
    color:#fff;
    font-size:15px;
    font-weight:500;
    width:730px;
}

.partner-div h4 
{
    font-size:13px;
    margin-top:15px;
    color:#666;
    font-weight:700;
    
}

.partner-div img 
{
    width:80%;
}

img.part-women 
{
    width:92%;
    float:right;
}

.footer 
{
    background:#222;
    padding-top:80px;
    padding-bottom:110px;
    color:#fff;
    margin-top:60px;
    border-top-right-radius:150px;
    background-image:url('../img/blueback.png');
    background-size:cover;
    background-attachment:fixed;
}

.footer p 
{
    font-size:14.5px;
    line-height:26px;
    margin-top:15px;
    font-weight:500;
    color:#fff;
}

.footer h3 
{
    font-size:20px;
    margin-top:15px;
    font-weight:700;
}

.footer ul 
{
    margin:0px;
    padding:0px;
    padding-left:0px;
    margin-top:20px;
    list-style-type:none;
}

.footer img 
{
    height:70px;
    width:auto;
}

.footer ul li a 
{
    color:#fff;
    font-size:14px;
    display:block;
    margin-top:15px;
    padding:0px !important;
    font-weight:500;
}

.soc-icon 
{
    margin-top:30px;
}

.soc-icon a 
{
    color:#fff;
    margin-right:15px;
    font-size:20px;
}

.color-orange 
{
    color:#FA8F32;
}

.footer-credit 
{
    border-top:solid 1px #eee;
    padding-top:30px;
    margin-top:70px;
    text-align:center;
    font-size:14px;
    font-weight:500;
}

.hide-phone 
{
    display:block;
}

.hide-desktop
{
    display:none;
}

.bread-crumb 
{
    background-image:url('../img/pageback.png');
    padding:30px 0px 70px 0px;
    background-repeat:no-repeat;
}

.bread-crumb h1 
{
    font-weight:600;
    font-size:52px;
}

.why-us
{
    background-image:url('../img/back2.png');
    background-size:cover;
    background-attachment:fixed;
}

.why-single 
{
    margin-top:30px;
    text-align:center;
}

.why-single img 
{
    height:150px;
    width:150px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:10px;
    border:solid 5px #7C63C1;
}

.why-single p 
{
    font-size:15px;
    line-height:26px;
}

.product-page 
{
    line-height:30px;
}

.image-feat 
{
    padding:15px;
}

.product-single 
{
    margin-top:30px;
    background:#F9F4FF;
    border:solid 1px #ddd;
    padding:0px;
    border-radius:25px;
}

.product-image 
{
    width:100%;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    text-align:center;
    padding:20px;
    background:#fff;
}

.product-image img 
{
    width:auto;
    height:100px;
    max-width:100%;
}

.product-single h4 
{
    padding:10px;
    text-align:center;
    font-size:18px;
    color:#222;
}

/* Ensure dropdown submenu items are shown */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -1px;
    padding:10px;
}

/* Ensure dropdown submenu items are shown */
.dropdown-submenu:hover > .dropdown-menu a{
    padding:5px 0px;
    font-size:14px;
    border-bottom:solid 1px #ddd;
    display:inline-block;
    width:100%;
}

.content-page 
{
    line-height:28px;
    font-size:15px;
}

.content-page p 
{
    font-size:15px;
    font-weight:500;
}

.content-page h2 
{
    font-size:28px;
}

.product-bread 
{
    padding-top:12vh;
    padding-bottom:7vh;
    background-size:cover;
    border-bottom-left-radius:90px;
}

.product-bread h1 
{
    color:#194E78;
    font-size:38px;
    font-weight:800;
}


h1.page-title 
{
    font-weight:800;
    font-size:52px;
}

h1.news-title 
{
    font-size:28px;
    font-weight:700;
}

.contact-main-form input, .contact-main-form textarea {
      width: 100%;
      padding: 10px 15px;
      margin: 10px 0;
      border: none;
      border-radius: 15px;
      background-color: #f5f5f5;
      font-size: 14px;
    }

   
    .contact-main-form button {
      background-color: #FF8C2B;
      color: white;
      padding: 15px 30px;
      border: none;
      border-radius: 30px;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: background-color 0.3s ease;
    }

    .contact-main-form button:hover {
      background-color: #e07c0e;
    }

    .contact-main-form button svg {
      fill: white;
    }
    
    .quick-linkup 
    {
        padding:0px;
        padding-top:15px;
        border-bottom:solid 1px #ddd;
        padding-bottom:15px;
        border-bottom-left-radius:60px;
    }
    
    .quick-linkup a 
    {
        color:#194E78;
        margin-right:25px;
        display:inline-block;
        font-size:18px;
        font-weight:700;
        text-decoration:none;
        transition:linear 0.1s color;
    }
    
    .quick-linkup a:hover 
    {
        color: #f7931e;
        transition:linear 0.2s color;
    }
    
    .news-small 
    {
        margin-top:30px;
        transition:linear 0.1s transform;
    }
    
    .news-small:hover 
    {
        transform:scale(1.07);
        transition:linear 0.2s transform;
    }
    
    .news-small img 
    {
        width:100%;
        height:240px;
        object-fit:cover;
        border-radius:25px;
    }
    
    h6.date-news 
    {
        color:#ff914d;
        font-weight:700;
    }
    
    .news-small h5 
    {
        color:#111;
        font-weight:600;
        font-size:16px;
    }
    
    .news-small a 
    {
        text-decoration:none;
    }
    
    .content-page 
    {
        font-size:17px;
        line-height:32px;
    }
    
    .content-page p 
    {
        font-size:15px;
        line-height:28px;
    }
    
    .content-page h5 
    {
        font-weight:700;
        font-size:20px;
        margin-top:20px;
        color:#333;
    }
    
    .content-page h2 
    {
        font-size:32px;
        font-weight:800;
        color:#194E78;
        margin-top:10px;
    }
    
    .product-application 
    {
        text-align:center;
    }
    
    .product-application img
    {
        width:150px;
        height:150px;
        object-fit:cover;
        border-radius:50% !important;
    }
    
    .product-application h4 
    {
        font-size:16px;
        margin-top:10px;
    }
    
    .application-list 
    {
        background:#f1f1f1;;
        background-size:cover;
        background-attachment:fixed;
        color:#222;
        padding-top:10px;
        padding-bottom:70px;
        border-radius:0px;
    }
    
    .application-list h2
    {
        color:#194E78;
        margin-top:0px;
        margin-bottom:30px;
    }
    
    .application-list h4 
    {
        font-weight:500 !important;
        line-height:26px;
        font-size:15px !important;
    }
    
.map-responsive{
    overflow:hidden;
    padding-bottom:400px;
    position:relative;
    height:0;
    border-radius:30px;
    margin-top:30px;
    margin-bottom:70px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.contact-div 
{
    background:#f1f1f1;
    padding:20px;
    margin-top:10px;
    border-radius:25px;
}

#information img 
{
    border-radius:30px;
}

.main-page p 
{
    font-size:15px;
    line-height:28px;
    font-weight:500;
    color:#222;
}

.main-page h3 
{
    font-weight:800 !important;
}

.main-page h4 
{
    font-weight:700;
    font-size:20px;
}

.gray-single 
{
    background-image:url('../img/white-bg.png');
    background-size:cover;
}

.square-single 
{
    background-image:url('../img/square-back.png');
    background-size:cover;
    border:solid 1px #eee;
}

.gray-single p 
{
    font-size:14px;
    line-height:18px;
}

.font-weight-bold
{
    font-weight:800;
}

.difference-card img 
{
    border-radius:25px;
    border:solid 1px #eee;
}


#information img 
{
    width:150px;
}


.yo-features h4
{
    font-size:18px;
    font-weight:700;
    margin-top:5px;
}


.yo-features img
{
    width:100% !important; 
}

@media (max-width: 600px) 
{
    
    .hide-phone 
    {
        display:none;
    }

    .hide-desktop
    {
        display:block;
    }
    
    .video-background 
    {
        height:120vh;
    }
    
    .header 
    {
        position:relative;
    }

    .slider 
    {
        height:auto;
        margin-bottom:10vh;
    }

    .slider img 
    {
        width:80%;
        margin-left:7%;
    }
    

    h2.div-title 
    {
        font-size:30px;
        font-weight:700;
    }

    h3.div-subtitle 
    {
        font-size:14px;
    }

    p.div-para 
    {
        font-size:16px;
        
    }

    a.btn-link 
    {
        font-size:13px;
    }

    a.navbar-brand 
    {
        display:inline-block;
        width:70%;
    }
    
    img.logo-img 
    {
        height:70px;
        float:left;
        margin-top:5px;
    }

    .main-menu 
    {
        padding:0px;
    }


    .slider h3 
    {
        margin-top:10px;
    }
    
    .slider h2 
    {
        font-size:32px;
        margin-top:2vh;
        line-height:30px;
    }

    .carousel-control-next, .carousel-control-next, .carousel-control-prev, .carousel-control-prev
    {
        background:none;
        border:none;
        color:#53399D !important;
    }

    .category-single 
    {
        padding:20px;
    }

    .category-single img 
    {
        height:auto;
    }

    .category-single h4 
    {
        font-size:22px;
        line-height:22px;
    }

    .footer 
    {
        text-align:center;
        padding-top:40px;
        padding-bottom:40px;
    background-image:url('../img/blueback2.png');
    }

    .footer h3 
    {
        padding-top:25px;
        border-top:solid 1px #6291ce;
        margin-top:30px;
    }

    .footer ul 
    {
        list-style-type:none;
        margin-top:10px;
    }
    
    .footer ul li a 
    {
        margin-top:8px;
    }
    
    .about 
    {
        padding-top:40px;
    }

    img.about-img 
    {
        height:280px;
        object-fit:cover;
        width:100%;
    }

    .about h4 
    {
        font-size:18px;
        font-weight:700;
    }
    
    .about p 
    {
        font-weight:400;
    }
    
    .bread-crumb 
    {
        padding-top:22vh;
        padding-bottom:15vh;
        background:#D2DAFF;
    }
    
    .bread-crumb h1 
    {
        font-size:24px;
        margin:0px;
        padding:0px;
    }
    
    .why-us h4 
    {
        font-size:18px;
    }
    
    .product-image img 
    {
        width:auto;
        height:70px;
        max-width:100%;
    }
    
    .product-single h4 
    {
        font-size:14px;
    }
    
    .content-page 
    {
        font-size:14px;
    }
    
    .navbar-toggler
    {
        color:#222;
        font-size:34px;
    }
    
    .category-image 
    {
        margin-top:15px;
    }
    
    .news-small img 
    {
        height:170px;
    }
    
    .news-small h5 
    {
        font-size:16px;
        line-height:22px;
    }
    
    h6.date-news 
    {
        font-size:14px;
        margin-top:10px !important;
    }
    
    .quick-linkup a 
    {
        font-size:16px;
        margin-top:10px;
        margin-bottom:10px;
    }
    
    .navbar-nav .dropdown-menu
    {
        background:#1f4d73;
    }
    
    .main-menu ul ul li a 
    {
        color:#fff;
    }
    
    .slid-diver
    {
        position:absolute;
        top:-15vh;
        width:100%;
    }
    
    .slider-images img 
    {
        width:100%;
        object-fit:cover;
        border-top-right-radius:70px;
        border-bottom-left-radius:0px;
        margin-top:50px;
        margin-left:-15px;
        height:auto;
    }
    
    .navbar-collapse 
    {
        background:#176ABF;
        padding:15px 20px;
        border-bottom-right-radius:60px;
        border-bottom-left-radius:25px;
        padding-bottom:20px;
    }
    
    .main-menu ul li a 
    {
        color:#fff;
    }
    
    .bread-crumb 
    {
        padding-top:8vh;
        padding-bottom:8vh;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:60px;
    }
    
    .quick-linkup 
    {
        border-bottom-left-radius:0px;
        border-bottom-right-radius:50px;
        padding-top:5px;
        padding-bottom:5px;
    }
    
    #category-feature img 
    {
        width:50% !important;
    }
    
    img.product-cover 
    {
        width:100% !important;
    }
    
    #information img 
    {
        width:50%;
    }

    .product-application img
    {
        width:110px !important;
        height:100px;
        margin-top:30px;
    }
    
    
    .yo-features img
    {
        width:50% !important; 
    }
    
    .yo-features h4
    {
        font-size:20px;
        font-weight:700;
    }
    
    .content-page h2 
    {
        font-size:26px;
    }
    
    .slidez-image 
    {
        width:100%;
    }
    
    .slidez-image img
    {
        width:95% !important;
        height:auto !important;
    }
    
    .partners p 
    {
        width:100%;
    }
    
    .mobile-slider h2 
    {
        line-height:28px;
        margin-top:40px;
    }
}