body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    scroll-behavior: smooth;
    cursor: url('../Images/newversion/Layer 1.png') 10 10, default;
 
}
body
{
    overflow-x:hidden;
       overflow-y:hidden
}

.navbar-brand img
{
    width:84px;
        margin-top: 7px;
            z-index: 9;
    position: absolute;
}


#myVideo {
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: -1; 
    height:100%
}


    .site-content {
        position: relative;
        z-index: 1; /* Ensures the content is above the video */
        color: white; /* Make sure text is readable over the video */
        padding: 20px;
        margin-top: 100vh;
    }
    .video-container
    {
        position:relative;
        height: 85vh;
    }
    .navbar-inverse
    {
        background-color:transparent;
        padding-left: 30px;
        padding-right: 30px;
        border-bottom:none
       
    }


   
     .navbar-scrolled {
            background-color: white; /* Change to your desired background color */
                box-shadow: -4px 0px 11px 1px;
        }
     .navbar-nav > li > a
     {
         padding-bottom:0;
         cursor:pointer !important
     }

     .logochanged
     {
         display:none
     }

     .navbar-scrolled .logochanged
     {
         display:block
     }

       .navbar-scrolled .logooriginal
     {
         display:none
     }

    .navbar-scrolled  li > a
    {
        color:#19226d !important
    }

    
   @media (min-width: 1090px) 
   {
       .navbar-nav {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        }

        .navbar-center {
        position: absolute;
        left: auto;
        right: auto;
        text-align: center;
        display: flex;
        justify-content: center;
        width: calc(100% - 88px);
        }

         .navbar-inverse .navbar-nav > li > a
    {
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          font-style: normal;
          color:white;
          margin-top:40px;
        margin: 40px 12px 24px 0px;
          font-size:17px
    }

            .navbar-right > li > a
           {
                   margin: 40px 0px 8px 0px !important;
                   font-size:22px !important
           }
         
    .navbar {
            transition: background-color 0.6s;
           
        }

   }
    

     @media (max-width: 1090px) {
            .navbar-header {
                float: none;
            }
            .navbar-toggle {
                display: block;
            }
            .navbar-collapse {
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
            }
            .navbar-collapse.collapse {
                display: none !important;
            }

             .navbar-collapse.show {
                display: block !important;
            }
            .navbar-nav {
                float: none!important;
                margin-top: 7.5px;
            }
            .navbar-nav>li {
                float: none;
            }
            .navbar-nav>li>a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
        }

       /*@media (max-width: 1190px) and (min-width:  1090px   )
       {
           .navbar-inverse .navbar-nav > li > a
           {
                   margin: 40px 15px 8px 0px;
           }

       
          
          
       }*/

       @media (max-width: 1450px) and (min-width: 1230px)
       {
            .navbar-inverse .navbar-nav > li > a
           {
                           margin: 40px 0px 8px 0px;
                         font-size: 17px;
           }

        .navbar-scrolled .navbar-nav > li > a{
                  margin: 21px 2px 16px 0px !important;
             }


              .navbar-right > li > a
           {
                margin: 40px 0px 8px 0px !important;
                font-size:13px !important;
           }
                  .navbar-center {
                position: absolute;
        left: auto;
        right: auto;
        text-align: center;
        display: flex;
        justify-content: center;
        width: calc(100% - 88px);
            }
       }

        @media (max-width: 1300px) and (min-width: 1090px)
       {
            .navbar-inverse .navbar-nav > li > a
           {
                   margin: 40px 2px 8px 0px ;
                   font-size:14px;
           }

             .navbar-scrolled .navbar-nav > li > a{
                  margin: 21px 2px 16px 0px !important;
             }

              .navbar-right > li > a
           {
                margin: 40px 0px 8px 0px !important;
                font-size:13px !important;
           }
                  .navbar-center {
               position: absolute !important;
        left: 0;
        right: 0;
        text-align: center;
        display: flex;
        justify-content: center;
              width: calc(100% - 88px);
            }
       }

        
    .navbar-toggle
    {
        border:none;
        margin-top:40px;
    }

    .navbar-scrolled .navbar-toggle .icon-bar
    {
        background-color:#19226d;
    }

    @media (max-width: 1190px)
    {
        .navbar-collapse.in 
        {
            background-color:white !important;
            height:calc(100vh - 116px) !important;
        }

           .navbar-collapse.in  a
                {
                    color:#19226d !important;
                        margin: 0 5px 0px 0px;
                }

            .navbar-center
            {
                    position: relative;
                left: 0;
                transform: none;
            }


             .navbar-right
            {
                display: flex;
                justify-content: center;
            }

            .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
            {
                background-color:transparent
            }
               /*.navbar-inverse .navbar-nav > li > a
            {
                  font-family: "Poppins", sans-serif;
                  font-weight: 600;
                  font-style: normal;
                  font-size:16px
            }*/

    }


    .video-content
    {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        background-color: transparent;
        text-align: center;
        color:white;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-style: normal;
        font-size:70px;
    }

      .video-content p
      {
          margin:0;
          margin-bottom:-40px
      }
     .video-content button
     {
         font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size:25px;
        background-color:transparent;
        color:white;
        /*border:2px solid white;*/
        border:none;
        /*border-radius: 50%;*/
        padding: 37px 13px;
        position:relative;
        margin:15px;
         transition: opacity 0.5s ease, visibility 0.5s ease;
     }

     /*.video-content button:hover
     {
            border:2px solid #fbae42;
     }*/

   

     #toabouts img , #tocontactus img
     {
         position: absolute;
        left: 0;
        width: 137px;
        top: -10px;
     }

      #toabouts img:last-child , #tocontactus img:last-child
     {
         position: absolute;
        left: 0;
        width: 137px;
        top: -10px;

     }

        .video-content button img:first-child {
        opacity: 1;
        transition: opacity 0.5s ease;
        }

        .video-content button img:last-child {
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        .video-content button:hover img:first-child {
            opacity: 0;
        }

        .video-content button:hover img:last-child {
            opacity: 1;
        }

        
    .sahmabs
    {
            position: absolute;
        top: -70px;
        width: 170px;
        left: -137px;
    }

      @media (max-width: 1190px)
      {
          .video-content
          {
              top: 85%;
          }
          .video-content p
          {
            font-size: 35px
          }

          #toabouts img, #tocontactus img
          {
              width:100px !important;
          }

          .video-content button
          {
              font-size:15px;
          }
          .sahmabs
          {
              top: -98px;
          width: 175px;
          }
          .about-us
          {
                  padding: 19px 0px !important;
          }
      }

      @media (max-width: 990px)
      {
           .sahmabs
          {
                top: -57px;
                    width: 127px;
                    right: 4%;
                            left: -17px;
                }
          }
     
    @media (max-width: 800px)
    {
        .video-container
        {
            height:70vh;
        }
          .video-content p
          {
            font-size: 25px
          }
         .video-content button
         {
             font-size:15px
         }
           #toabouts img, #tocontactus img
          {
              width:70px !important;
          }

          .video-content button
          {
              font-size:11px;
                  padding: 16px 10px;
          }

        .sahmabs {
            top: -38px;
            width: 89px !important;
            right: 4%;
            left:-17px;
            }

        .contact-us h2 , .copyrights
        {
            font-size:12px !important;
        }
    }

    @media (max-width: 650px)
    {
             .sahmabs {
                 top: -36px;
        width: 85px !important;
            right: 3%;
            }
    }
    
      @media (max-width: 500px)
    {
          .video-content p
          {
            font-size: 20px
          }

           /*.video-content button
         {
             font-size:13px
         }*/

             /*#toabouts img, #tocontactus img
          {
              width:50px;
          }

          .video-content button
          {
              font-size:8px;
                  padding: 9px 10px;
          }*/

              .sahmabs {
                       top: -26px;
        width: 66px !important;
        right: 2%;
            }
    }

   .website-content
   {
       padding-left:30px;
       padding-right:30px;
   }

   .about-us
   {
       padding-bottom:15px;
       text-align:center;
       /*border-bottom: 5px solid #19226d;*/
       padding:30px 0;
       position:relative;
   }

   .about-us h3
   {
       color:#ef3f2d;
          font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size:33px;

   }

    .about-us h2{
        color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 700;
            font-size: 17px;
        margin-bottom:19px;
            line-height: 1.7;
    /*padding-left: 10%;
    padding-right: 10%;*/
    margin-top:5px;
    }

    .about-us p
    {
        color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size:17px;
        margin-bottom:35px;
           line-height: 1.7;
    /*padding-left: 9%;
    padding-right: 9%;*/
    }

    @media (max-width: 1190px)
    {
        .about-us p
        {
            font-size: 16px;
        }
                .about-us h2
        {
            font-size:12px;
             font-weight: 700;
        }

        .about-us h3 {
            font-weight:600;
            font-size:21px;
        }
       .contact-us h2
       {
           padding:9px !important
       }
    }

      @media (max-width: 800px)
    {
        .about-us p
        {
            font-size: 12px;
            margin-bottom:15px !important
        }
        .about-us h2
        {
            font-size:11px;
            margin:10px;
        }
            .about-us h3 {
        font-weight: 600;
        font-size: 18px;
        margin: 10px;
    }
    }




    @keyframes moveToTopRight {
            0% {
                transform: translate(0, 0);
                opacity: 1;
            }
            100% {
                transform: translate(100%, -100%);
                opacity: 0;
            }
        }

        @keyframes moveFromBottomLeft {
            0% {
                transform: translate(-100%, 100%);
                opacity: 0;
            }
            100% {
                transform: translate(0, 0);
                opacity: 1;
            }
        }

        .moveToTopRight {
            animation: moveToTopRight 0.5s forwards;
        }

        .moveFromBottomLeft {
            animation: moveFromBottomLeft 0.5s forwards;
        }


        @keyframes moveToTopRight2 {
            0% {
                transform: translate(0, 0);
                opacity: 1;
            }
            50% {
                transform: translate(60%, -90%);
                opacity: 1;
            }
            100% {
                transform: translate(100%, -100%);
                opacity: 0;
            }
        }

        @keyframes moveFromBottomLeft2 {
            0% {
                transform: translate(-100%, 100%);
                opacity: 0;
            }
            100% {
                transform: translate(0, 0);
                opacity: 1;
            }
        }

        .moveToTopRight2 {
            animation: moveToTopRight 0.5s infinite alternate-reverse;
        }

        .moveFromBottomLeft2 {
            animation: moveFromBottomLeft 0.5s infinite alternate-reverse;
        }

    .our-service

   {
          /*border-bottom: 5px solid #19226d;*/
          padding-bottom:40px;
          position:relative;
    }

    
    .our-service h4 , .our-partner h4 , .our-Gallery h4 , .contact-us h4
    {
        text-align:left;
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size:44px;
         display: inline-block; 
        border-bottom: 2px solid #fbae42;
        padding-bottom:10px;
        margin-bottom:78px;
    }

    .our-service h3 , .our-partner h3 , .our-Gallery h3, .contact-us h3
    {
        text-align:left;
         font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size:111px;
        color: transparent;  
        color: #eaeaf1;        
        /*-webkit-text-stroke-width: 2px; 
        -webkit-text-stroke-color: #fbae42;*/ 
        margin-top:0;
              opacity: 1 !important;
    position: absolute;
          top: 62px;

            z-index: -1;
       
    }
    .our-service h3 span
    {
         text-align:center;
         color: #fbae42;
         font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size:45px;
    }

    .our-service h2
    {
        text-align:center;
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size:16px;
        margin-bottom:30px
    }

    .box
    {
        border-radius: 20px;
        padding:10px;
        text-align:center;
           box-shadow: 2px 1px 3px 0px;
           margin-bottom:30px;
    }

    .box img
    {
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:90px
    }

    .box-title
    {
         font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size:16px;
        color: #19226d;
        margin-top:8px;
    }

    .box-desc
    {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size:12px;
        color: #19226d;
    
    }

      .our-partner
      {
          padding-bottom:100px;
           /*border-bottom: 5px solid #19226d;*/
           position:relative
      }

     .our-partner h3
    {
        /*text-align:center;
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size:45px;
        margin-bottom:40px*/
    }
    .our-partner h3 span
    {
         /*text-align:center;
         color: #fbae42;
         font-family: "Poppins", sans-serif;
        font-weight: 900;
        font-size:45px;*/
        /*font-size: 70px;*/
    }
      .our {
           
              background: linear-gradient(0, #ef3f2d, #ef3f2d 116%, #fbae42 -10%);
               -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .partner {
           
          background: linear-gradient(164deg, #fbae42, #ef3f2d 30%, #fbae42 64%);
               -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            border-bottom: 2px solid #fbae42; /* Adjust border style, width, and color as needed */
        }

    /*.slider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 80%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
    backdrop-filter: blur(7.4px);
    -webkit-backdrop-filter: blur(7.4px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    width:100%;
}

.slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    animation: scrolling 7s linear infinite;

}

@keyframes scrolling {

    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

 .slider-items::after {
           content: "";
            position: absolute;
            top: 0;
            left: calc(100% - 20px); 
            width: 100%;
            height: 100%;
            display: flex;
            animation: scrolling 7s linear infinite;
        }

.slider-items img {
    width: 12%;
    margin: 20px;

}*/



 .our-Gallery
      {
          padding-bottom:50px;
     
           /*border-bottom: 5px solid #19226d;*/
           text-align:center;
           position:relative !important;
      }

     /*.our-Gallery h3
    {
        text-align:center;
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size:70px;
        margin-bottom:40px;
    }
    .our-Gallery h3 span
    {
         text-align:center;
         color: #fbae42;
         font-family: "Poppins", sans-serif;
        font-weight: 900;
      margin-bottom:40px;
    }*/

    .our-Gallery h2
    {
         text-align:center;
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size:16px;
        margin-bottom:30px
    }

    .buttons-gallery
    {
        width:80%;
        display:block;
        margin-left:auto;
        margin-right:auto;
      
    }

    .buttons-gallery button
    {
        border:none;
        border-radius: 25px;
        padding:10px 32px;
        background-color:transparent;
            box-shadow: 1px 2px 4px -2px;
              color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size:16px;
          margin-bottom:20px;
    }

        .butoo img
        {
            margin-bottom:30px;
        }

        .buttons-gallery
        {
            margin-bottom:20px;
        }
        .btn-active
        {
            background-color:#fbae42 !important;
            color:white !important
        }

    


    .contact-us h3
    {
        
         /*color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 600;

        background: -webkit-linear-gradient(326deg, rgba(251,174,66,1) 45%, rgba(239,63,45,1) 46%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align:center;
      font-size:70px;*/
    }



   .contact-us h2
   {
       
         color: #19226d;
         font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-size:16px;
        margin-bottom:30px;
        text-align:left;
   }

   .form-control {
            max-width: 100% !important;
            width: 100% !important;
        }

   .formsection
   {
       width:100%;
       display:block;
       margin-left:auto;
       margin-right:auto;
       padding:30px;
   }

   .formsection input
   {
           height: 70px;
    line-height: 2;
    font-size: 30px;
    border:none;
           box-shadow: 1px 2px 6px 0px;
           font-size:14px !important
   }

   .formsection textarea
   {
           height: 120px;
    line-height: 2;
    font-size: 30px;
    border:none;
           box-shadow: 1px 2px 6px 0px;
   }

   .contact-us img
   {
       width:25px;
       
   }

   .infosec
    {
       margin-top:25px;
   }

   .infosec span
   {
       color:#19226d;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
   }

   .infosec >div
   {
          margin-bottom:4px;
    font-size: 12px;
   }

   footer
   {
       color:#19226d;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        text-align:center;
        padding-bottom:10px;
   }
   
   @media  (max-width:1190px)
   {
        .formsection
   {
       width:100%;
       display:block;
       margin-left:auto;
       margin-right:auto;
   }

        .formsection input , .formsection textarea
        {
            font-size:12px
        }

        .buttons-gallery
        {
            width:100%
        }

        .buttons-gallery button
        {
            font-size:10px;
        }

        .our-partner h3 span , .our-Gallery h3 , .contact-us h3
        {
            font-size:45px !important;
        }
   }

   .contact-us button
   {
       background-color:#19226d;
       border:none; 
       border-radius:9px;
       width:175px;
       display:block;
       margin-left:auto;
     
       font-family: "Poppins", sans-serif;
        font-weight: 600;
        text-align:center;
        padding-bottom:10px;
        font-size:20px;
        padding-top: 10px;
        margin-bottom:30px;
        padding:0;
   }

      .contact-us button:hover
      {
          background-color:#ef3f2d  ;
          
      }

      .box:hover   img
      {
                transition: transform 1.5s;
                transform: translate(-10px, -10px) rotate(-150deg) scale(1.4);
      }

/*.ripple-background
{
    position:relative;
      background: #aecae6;
      overflow:hidden;
    
}*/

   .circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 10s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
  
}

.small{
  width: 200px;
  height: 200px;
  left: -900px;
  bottom: -100px;
  
}

.medium{
  width: 400px;
  height: 400px;
  left: -200px;
  bottom: -200px;

}

.large{
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;

}

.xlarge{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: -400px;
}

.xxlarge{
  width: 1000px;
  height: 1000px;
  left: -500px;
  bottom: -500px;
 
}

.shade1{
  opacity: 0.2;
}
.shade2{
  opacity: 0.5;
}

.shade3{
  opacity: 0.7;
}

.shade4{
  opacity: 0.8;
}

.shade5{
  opacity: 0.9;
}

@keyframes ripple{
  0%{
    transform: scale(1.2);
  }
  
  50%{
    transform: scale(1.9);
  }
  
  100%{
    transform: scale(1.2);
  }
}

.infosec i 
{
    font-size:20px;
    background: -webkit-linear-gradient(307deg, rgba(251, 174, 66, 1) 36%, rgba(239, 63, 45, 1) 82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.infosec span
{
    display:inline-block;
    vertical-align:top;
    margin-left:10px;
}

.infosec span a{
    color: #19226d;
    font-size:14px;
}

.flip-box
{
   background-color: transparent;
  height: 200px;
  border: 1px solid #f1f1f1;  
  border-radius: 10px;
  perspective: 1000px;
}

.flip-box img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
}

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

.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;
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flip-box-front {
  background-color: blue;
  color: black;
  border-radius: 10px;
}

.flip-box-front img
{
  height: 50px;
  width: 50px;
}

.flip-box-back {
  background-color: blue;
  color: #000;
  transform: rotateY(180deg);
  border-radius: 10px;
  padding: 16px;
}

.buttongalleryclicked
{
    cursor:pointer !important
}

.our-Gallery
{
    min-height:60vh;
     position:relative !important;
}



/*.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  transform: translate3d(20%, 0, 0) scale(0.8);
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  transform: scale(1);
  opacity: 1;
}*/

.slick-current ~ .slick-slide {
  transform: translate3d(-20%, 0, 0) scale(0.8);
}
 
.carousel {
	height: 700px;
	perspective: 600px;
	transform: translateY(-100px);
    margin-top:-130px;margin-bottom:-230px;
}

.carousel .carousel-item {
	cursor: grab;
	width: 400px;
}

.carousel .carousel-item:active {
	cursor: grabbing;
}

.carousel .carousel-item img {
	width: 100%;
}

.carousel .carousel-item h3 {
	background-color: #ffffff;
	color: #000000;
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px;
	text-align: center;
}

.video-container
{
    padding-bottom:20px;
}

.slider{
    height:auto;
}

.contact-us .our
{
    border-bottom: 2px solid #fbae42;
    font-weight:900
}
.contact-us .partner
{
    font-weight:900
}

.contact-us .partner
{
    border-bottom: none;
}

.formsection
{
    background-size: cover !important;
    background-repeat: no-repeat !important;
      background-position: center center !important;
}

.formsection textarea
{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fbae42;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

/*.formsection textarea:focus
{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fbae42;
    border-radius: 0;
    outline: none;
    height: 150px;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}*/

.formsection textarea:focus
{
    border-color:#fbae42
}
.formsection input{
    border-bottom: 2px solid #fbae42 !important;
}
.formsection input:focus
{
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #fbae42 !important;
    border-radius: 0;
    outline: none !important;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.infosec
{
    margin-top:0
}
.infosec h5
{
    margin-top:30px;
     font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size:17px;
        margin-bottom:20px;
}

.copyrights

{

    text-align:center;
     font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-size:11px;
        color:#19226d
}

.boxnewtitle
{
    color:#19226d;
     font-family: "League Gothic", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      font-variation-settings:"wdth" 100;
    font-size: 72px;
        display:inline-block;
    /*border-bottom:2px solid #fbae42;*/
    padding-bottom:23px !important;
    line-height:1;
    letter-spacing:4px;
}

.boxnewdesc
{
     color:#19226d;
     font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size:16px;
    margin-bottom:0px;
}

.boxunder
{
       height: 654px;
        background: linear-gradient(87deg, #ef3f2d 18%, #fbae42 81%);
    width: 90%;
    position: absolute;
    top: 31px;
    z-index: -1;
        max-width: 500px;
}

@media (max-width:991px)
{
    .boxnewtitle
    {
        margin-top:16px;
        font-size:47px;
        padding-bottom:0px !important;
    }
    .boxnewdesc
    {
        margin-bottom:30px;
        font-size:13px;
    }
}

.boxnew
{
    margin-bottom:90px;
}

/*.activelinktop
{
    color:#fbae42 !important;
}*/

.navbar-inverse .navbar-nav > li > a:hover
{
    color:#ef3f2d  !important
}

@media (max-width:1090px)
{
    .navbar-inverse .navbar-nav > li > a
    {
        margin-bottom:0px !important;
        margin-top:0px !important;
    }
}

.boxunder , .adjustheight img  {
     transform: translate(0, 0);
    transition: transform .8s ease; /* Add transition property for smooth movement */
}

.smimgico
{
     transform: translate(0, 0);
    transition: transform 3s ease; /* Add transition property for smooth movement */
}

.collapse
{
     display: none;
}
.collapse.show {
      display: block; /* Shown when .show class is added */
      background-color:white;
    }

.collapse.show .navbar-nav > li > a
{
    color:#19226d;
}

.sahmabs
{
     transform: translate(0, 0);
    transition: transform .8s ease;
}

.navbar-scrolled .navbar-nav > li > a
{
    margin :21px 2px 24px 0px !important;
}

@media (max-width: 1090px)
{
    .navbar-scrolled .navbar-nav > li > a
    {
        margin :5px !important;
    }
}


   .loadin-page {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 1);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .spinner-border {
      width: 3rem;
      height: 3rem;
    }


    /* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 1;
  color: #ffa516;
  background:
    linear-gradient(currentColor 0 0) 100%  0,
    linear-gradient(currentColor 0 0) 0  100%;
  background-size: 50.1% 50.1%;
  background-repeat: no-repeat;
  animation:  l7-0 1s infinite steps(1);
}
.loader::before,
.loader::after {
  content:"";
  position: absolute;
  inset: 0 50% 50% 0;
  background: currentColor;
  transform: scale(var(--s,1)) perspective(150px) rotateY(0deg);
  transform-origin: bottom right; 
  animation: l7-1 .5s infinite linear alternate;
}
.loader::after {
  --s:-1,-1;
}
@keyframes l7-0 {
  0%  {transform: scaleX(1)  rotate(0deg)}
  50% {transform: scaleX(-1) rotate(-90deg)}
}
@keyframes l7-1 {
  49.99% {transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg) ;filter:grayscale(0)}
  50%    {transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg) ;filter:grayscale(0.8)}
  100%   {transform:scale(var(--s,1)) perspective(150px) rotateX(-180deg);filter:grayscale(0.8)}
}

@media (max-width: 991px) {

    .rightboxupdate .row
    {
        display:grid;
    }
    
    .rightboxupdate .row > .col-md-6:first-child {
        order: 1;
    
        height: auto !important;    
        margin-bottom: 30px !important;
    }
    .rightboxupdate .adjustheight {
        order: 2;
    }

    .leftboxunder .row
    {
        display:grid;
    }
   
    .leftboxunder .row > .col-md-6:first-child {
        order: 1;
    
        height: auto !important;    
        margin-bottom: 30px !important;
    }
    .leftboxunder .adjustheight {
        order: 2;
    }


    .box-title
    {
        margin-top:55px !important;
        
    }

    .our-service h4  , .our-partner h4 , .our-Gallery h4 , .contact-us h4
    {
        font-size:28px
    }

    .our-partner h3 

    {
            top: 95px !important;
    }

    .our-service h3 , .our-partner h3 , .our-Gallery h3 , .contact-us h3
    {
            font-size: 58px !important;
    /*color: transparent;
    -webkit-text-stroke-width: 1px;*/
    }
    .boxnew
    {
        margin-bottom:50px;
    }
    .carousel
    {
       z-index:0;
    }

    .slider
    {
        z-index:1;
    }
}

.adjustheight img
{
    max-width:90% !important;
    position:relative !important;
}

#successMessage
{
        text-align: center;
    font-size: 33px;
     font-family: "Poppins", sans-serif;
        font-weight: 500;
            padding-top: 50px;
}

#successMessage img
{
        width: 65px;
    margin-bottom: 32px;
}


.Banner-container
{
    height:100vh
}

.Banner-container img
{
    width:100%;
    height:100vh
}

@media only screen and (max-width:1090px)
{
    .Banner-container
{
       height:85vh;

}

.Banner-container img
{
    width:100%;
    height:85vh;
            object-fit: cover;
        object-position: center;
}
}

@media only screen and (max-width:700px)
{
    .Banner-container
{
       height:60vh
}

.Banner-container img
{
    width:100%;
    height:60vh;
            object-fit: cover;
        object-position: center;
}
}

.our-service h4 span , .our-partner h4 span , .our-Gallery h4 span , .contact-us h4 span
{
     font-family: "Poppins", sans-serif;
     font-weight:300
}

@media only screen and (min-width: 991px)
{
    .titlesectionservice 
    {
        padding: 68px 5px 0px 0px;
        margin-top:31px;
    }
    .titlesectionservice2
    {
        padding: 68px 0px 0px 20px;
          margin-top:31px;
    }
}

 @media (min-width: 1200px) {
        .col-lg-5th {
            width: 14.28%;
            float: left;
        }
    }

 .col-lg-5th
 {
     margin-bottom:20px;
     justify-content: center;
    align-items: center;
    display: flex;
    height: 105px;
    margin: 5px 0px;
    padding: 7px 0px;
 }

  .col-lg-5th img
{
     display: block;
    max-height: 120px;
    max-width: 120px;
  }

  .contact-us 
  {
      position:relative;
      margin-top:100px;
  }

  .contactussams 
  {
      position:relative;
  }

    .contactussams .sahmabss
    {
        display: block;
        right: 0;
        position: absolute;
        width: 170px;
        top: 68px;
    }

    .formsection textarea
    {    height: 173px;
    border: 2px solid #fbae42;
    padding: 0px 8px;
    border-radius: 23px;
        box-sizing: border-box;
}

   .contact-us iframe
   {
           height: 177px;
    border: 2px solid #fbae42 !important;
    margin-top: 28px;
    border-radius: 23px;
   }

   .contact-us iframe:hover , .contact-us iframe:focus
   {
       border: 3px solid #fbae42 !important;
   }

   @media (max-width:1050px)
   {
       .titlesectionservice , .titlesectionservice2
       {
               margin-top: 20px;
            padding-bottom: 2px;
            height: auto !important;

        }
       .contactussams .sahmabss
       {
           width:50px;
       }

       .contact-us h2
       {
           margin-top:-30px;
       }
       .about-us h2
       {
           padding:0;
       }

       .about-us p
       {
           padding:0;
       }

       }
   
   .prev-buttons
   {
       background: none;
    border: none;
    /*transform: rotate(180deg);*/
    position: absolute;
    top: 154px;
    right:0;
    z-index:9
   }

   .prev-buttons img ,    .next-buttons img
   {
       width:100px;
   }

   .next-buttons
   {  
       background: none;
    border: none;
    transform: rotate(180deg);
    position: absolute;
    top: 154px;
     z-index:9
   }
     .prev-buttons:focus , .next-buttons:focus
     {
         background:none !important;
     }

     .socialinfo
     {
             display: flex;
            justify-content: center;
            align-items: center;
            display: flex;
            font-size:14px;         
        font-family: "Poppins", sans-serif;
        font-weight:300
     }
   .socialinfo i
   {
       font-size: 40px;
    background: -webkit-linear-gradient(307deg, rgba(251, 174, 66, 1) 36%, rgba(239, 63, 45, 1) 82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right:10px
   }

     .socialinfo span a
     {
         color: #19226d;
         font-weight:300;
         font-size:14px
     }

     .rowcustomize
     {
         /*margin-left:-45px;
         margin-right:-45px;*/
             margin-top: 33px !important;
     }

     @media (max-width:600px)
     {
         .prev-buttons img, .next-buttons img
         {
             width:40px;
         }
         .prev-buttons , .next-buttons
         {
             top:240px;
         }
     }

@media (max-width:991px) {

    .our-service h3, .our-partner h3, .our-Gallery h3, .contact-us h3 {
        top: 55px !important;
    }

    .socialinfo 
    {
        justify-content:left;
    }
}

@media (min-width: 991px) and (max-width:1300px) {
    .boxnewtitle {
        font-size: 25px;
    }

    .titlesectionservice 
    {
        padding: 23px 64px 0px;
    }
}



@media only screen and (min-width: 993px) {
    .container {
        width: 80%;
    }
}


@media (min-width: 992px) {
    .col-md-offset-1-5 {
        margin-left: 7.5%; /* This is equivalent to 1.5 columns in a 12-column grid */
    }
}


@media (max-width: 991px) {
    .container{
        width:100% !important
    }
    .website-content
    {
            padding-left: 0;
    padding-right: 0;
    }

    .our-partner h4
    {
        margin-bottom:11px !important;
    }
}
 @media (max-width: 450px)and (min-width: 370px)
 {
     .boxunder
     {
         top:24px;
     }
     .adjustheight img
     {
             margin-right: 23px !important;
     }

     .leftboxunder  .adjustheight img
     {
           margin-left: 23px !important;
     }
 }

  @media (max-width: 370px)and (min-width: 350px)
 {
     .boxunder
     {
         top:18px;
     }
     .adjustheight img
     {
             margin-right: 17px !important;
     }

     
     .leftboxunder  .adjustheight img
     {
           margin-left: 18px !important;
     }
 }

@media (max-width: 350px)and (min-width: 330px) {
    .boxunder {
        top: 16px;
    }

    .adjustheight img {
        margin-right: 17px !important;
    }

    .leftboxunder  .adjustheight img
     {
           margin-left: 17px !important;
     }
}

@media (max-width: 991px)
{
    .contact-us button
    {
        margin-right:auto;
    }

    .btnmobiesmaall
    {
        padding-left: 15px;
    padding-right: 0;
    }

    .formsection textarea
    {
        /*width:96% !important*/
    }

       #contactForm
    {
        margin-top:15px !important;
    }

       .navbar-brand img
       {
           width:72px;
           margin-top:10px;
       }
}

@media (max-width: 600px)
{
 

    .socialinfo i
    {
        font-size:20px;
        margin-right:5px !important;
    }

    .formsection textarea
    {
            padding: 4px !important;
    }
}

@media (max-width: 531px)
{

    .socialinfo i
    {
        font-size:20px;
    }

    .socialinfo span a
    {
        font-size:12px;
    }
}


@media (max-width: 485px)
{
  
    .socialinfo i
    {
        font-size:17px;
    }

    .socialinfo span a
    {
        font-size:11px;
    }
}

@media (max-width: 452px) 
{
    
    .socialinfo i
    {
        font-size:20px;
    }

    .socialinfo span a
    {
        font-size:11px;
    }

    .contaclinkssmall
    {
        margin-left:-30px;
        margin-right:-30px;
    }

    .infosec span a
    {
        font-size:12px
    }

    .copyrights
    {
        font-size:9px !important;
    }
}

@media (max-width: 400px) 
{
    
    .socialinfo i
    {
        font-size:20px;
        margin-right:5px;
    }

    .socialinfo span a
    {
        font-size:9px;
    }

    .contaclinkssmall
    {
        margin-left:-30px;
        margin-right:-30px;
    }

    .infosec span a
    {
        font-size:11px
    }

    .copyrights
    {
        font-size:8px !important;
    }

    .formsection input
    {
        font-size: 11px !important;
    }

    .formsection textarea
    {
        font-size: 11px !important;
    }
}

@media (max-width: 391px) 
{
        .leftboxunder .adjustheight img {
        margin-left: 19px !important;
    }
            .adjustheight img {
        margin-right: 20px !important;
    }

            .our-partner h4
            {
                font-size:24px
            }

            .our-service h3, .our-partner h3, .our-Gallery h3, .contact-us h3 {
        font-size: 50px !important;
    }
}

.form-group , .form-group input{
    margin-bottom: 0px;
}


#contactForm
{
    margin-top: -10px;
}

@media (min-width:991px)
{
    .formsection .col-md-6
    {
            padding-right: 30px;
    padding-left: 15px;
    }
    .boxnewtitle
    {
        line-height:.8
    }
 
}