section{
    overflow:hidden;
}

body {
  overflow-x: hidden !important;
}


/*gallery*/
      .container.gallery-container {
            background-color: #fff;
            color: #35373a;
           
        }

        .gallery-container h1 {
            text-align: center;
            margin-top: 50px;
            font-family: 'Droid Sans', sans-serif;
            font-weight: bold;
        }

        .gallery-container p.page-description {
            text-align: center;
            margin: 25px auto;
            font-size: 18px;
            color: #999;
        }
        section{
            overflow-x:hidden;
        }
        .tz-gallery {
            padding: 10px;
        }
        .dsad    {
            position:relative;
        }
        /* Override bootstrap column paddings */
        .tz-gallery .row > div {
            padding: 2px;
        }

        .tz-gallery .lightbox img {
            width: 100%;
            border-radius: 0;
            position: relative;
        }

.tz-gallery .lightbox:before {
    position: absolute;
    top: 40%;
    left: 40%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
   
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
   

    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100px;
    height: 100px;
}
.tz-gallery .abot:before{
        background: url('../img/right-1.png');
        content:"";
        
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.tz-gallery .gallry:before{
     content:"zoom";
     background:white;
     color:black;
     text-align:center;
     align-content:center;
     border-radius:50px;
}

        .tz-gallery .lightbox:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: rgba(47, 79, 79, 0.9);
            content: '';
            transition: 0.4s;
        }

        .tz-gallery .lightbox:hover:after,
        .tz-gallery .lightbox:hover:before {
            opacity: 1;
        }

        .baguetteBox-button {
            background-color: transparent !important;
        }

.bx-img{
    width:480px;height:480px;
    padding:50px 70px;
    position:relative;

}
/*galler end*/

/*animation*/
@keyframes customAnimation {
  0% {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
  100% {
    transform: translate3d(0px, 92.8774px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
}

.element {
  animation: customAnimation 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
@keyframes upAndDown {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(0px, 92.8774px, 0px); /* Move down */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back up */
  }
}

.element1 {
  animation: upAndDown 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}

@keyframes leftToRight {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(92.8774px, 0px, 0px); /* Move right */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back to the start */
  }
}

.element2 {
  animation: leftToRight 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
.spaces{
 
    /* Replace with your image URL */
    background-size:40%; /* Ensures the image covers the container */
    background-image: url('../img/bubbles.png');
    background-position:left top ;
    background-repeat: no-repeat;

}
.background-image {
    animation: zoomInAndOut 5s ease-in-out infinite; /* Adjust timing as needed */
    /* Replace with your image URL */
    background-size:contain; /* Ensures the image covers the container */
    background-image: url('../img/ihes.png');
    background-position: right 80%;
    background-repeat: no-repeat;

}

@keyframes zoomInAndOut {
  0% {
    background-size: 10px; /* Initial size */
  }
  50% {
    background-size:    50px; /* Zoom in */
  }
  100% {
    background-size:100px; /* Return to original size */
  }
}
  /* Circular Image Styling */
        .rotating-img {
         
            border-radius: 50%; /* Makes the image circular */
            animation: rotate 3s linear infinite;
        }

        /* Keyframes for rotation */
        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

/*animation end*/
.abct-page{
    background: #C0392B;
    color:white;
}
.color-hight{
    color:#FF8C00;
}
.color-hight {
  font-family: "Playfair Display", serif !important;
  font-weight:900;
}

      .iiner {
           
            position: relative;
           
            
         
        }
         .ts-speaker-info {
  position: absolute;
  transform:translate(0px ,-116px);

  background: #fff;
  z-index: 1;
  width:300px    ;
  padding: 20px 0 10px;
}
        .effect{
                box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
                padding:50px 10px;
        }
        .effect {
    position: relative;
    width: 100%;
    padding: 20px;
    transition: transform 0.3s ease;
}

.r-eect {
    position: relative;
        transition: filter 0.3s ease; /
}

.p-eect {
    position: absolute;
    transform: translate(-50px, 15px);
    width: 30px;
    transition: filter 0.3s ease; /* Smooth transition for the filter effect */
}
.effect:hover{
    background:#2F4F4F;
    color:white;
}
/* Apply the filter to .p-eect only when hovering over .effect */
.effect:hover .p-eect {
    filter: brightness(222) invert(1);
}
.effect:hover .r-eect {
    filter: brightness(0) invert(1);
}
.heading-with-line {
    position: relative;
     /* Space for the animated line */
}
.heading-with-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    width: 0; /* Initial width is 0 for the animation */
    height: 2px;
    background-color: black; /* Set the line color */
    transition: width 0.5s ease; /* Smooth animation for width */
    transform: translateY(-50%);
        animation: animateLine 2s ease-in-out infinite; /
}

.effect:hover .heading-with-line::before {
    width: 40px;
      top: 30%;
        background-color: white; /* Length of the animated line */
}
@keyframes animateLine {
    0% {
        width: 0;
    }
    50% {
        width: 50px; /* Length of the animated line */
    }
    100% {
        width: 0;
    }
}
.iiner {
    overflow: hidden; /* Ensures the image doesn't overflow the div when scaled */
}

.iiner img {
    transition: transform 0.3s ease;
   /* Smooth transition for the zoom effect */
}

.iiner:hover img {
    transform: scale(1.1); 
      * Scales the image to 110% on hover */
}
.speaker-abiut{
    background:#2F4F4F;
}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .overs{
        background-color: rgba(0,0,0,0.73);
    }
 .pdd{
     padding:70px 30px 50px;
 }
 .pdd p{
     font-size:14px;
     
 }
 .r-swiper{
     position:relative;
 }
  .a-swiper{
     position:absolute;
     top: 35%;
  left: 120px;
  background:green;
  padding:10px;
 width: 70px;
  height: 70px;
  border-radius:50px;
 }
        .sper {
    
            background-size: cover;
            background-image: url('../img/bg_map.jpg');

            width:100%;
        }
        .broder:hover .a-swiper {
         
    filter: brightness(0) invert(0000);

        }
         .broder:hover .imff {
         
    filter: brightness(22222) invert(1111);

        }
.thm-btn {
    background-color: rgba(244, 162, 97, 1);
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 0px !important;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.4s ease, transform 0.4s ease;
    position: relative;
    overflow: hidden;
}
header{
    background:#2F4F4F;
}
     

    

    
        .rel-service{
        padding: 57px 45px 40px 40px;
  -webkit-box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  overflow: hidden;
  position: relative;
  background: #fff;
  z-index: 2;
        }
        .hm-ab{
            position:absolute;
            right:0;
            top:0%;
        }
        .count-number {
  position: absolute;
right: -55px;
  bottom: -55px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #e7015e;
  color: #fff;
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  padding: 25px 30px;
}
        .bg-price{
            background:#2F4F4F;
            color:white;
        }
         .ts-progress {
  width: 100%;
  height: 10px;
  background: #ebedf4;
  margin-bottom: 10px;
}
.ts-progress .ts-progress-inner {
  background-image: -webkit-linear-gradient(306deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
  background-image: -o-linear-gradient(306deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
  background-image: linear-gradient(144deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
  height: 100%;
}
.bg-colorw{
    padding:40px;
    text-align:center;
    background:white;
    color:black;
}
.hight{
    font-size:80px;
}
.bg-colorw h3{
    font-size:25px;
}
   .btyy{
       font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #ff007a;
  height: 50px;
  padding: 20px 35px !important;
  line-height: 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
   

    .ts-pricing-box .btyy {
  margin-bottom: 25px;
  position: relative;
}
 .btyy::before, .btyy::after {
  position: absolute;
  left: -14px;
  top: 0;
  content: '';
  width: 25px !important;
  height: 25px !important;
  display: block;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  bottom: 0;
  margin: auto;
  transform:translate(20px, 30px);
}
   
    .btyy {
  background: #a077a6;
  cursor: no-drop;
}
    .ts-pricing-box .btyy::after {
  position: absolute;
  left: auto;
  top: 0;
  right: -14px;
}
    .trans{
        transform: translate(0px ,5px);
    }
    .tran{
          transform: translate(0px ,-10px);
    }

    .back{
        background:green;
      width: 90px;
  height: 43px;
        border-radius:50px;
    }
    .back p{
        text-align:center;
        color:white;padding-top:10px;
    }
    .back-outer{
        padding:50px 20px;
        border:1px solid #e9e9e9;
        height:240px;
         margin-bottom:40px;
         align-items :center;
    }
    .back-outer:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  transform: scale(1.15);
  background-color: #fff;
  z-index: 1;
  transition: all .3s ease-in-out;
  overflow:hidden !important;
 
}
      .bor-left{
          position:relative;
      }
     .bor-left ::after{
         content:"";
       
           position:absolute;
           width:2px;
           height:30px;
           top:30;right:30px;
           background:black;
     }
            .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
 .swiper-slide{
     position:relative;
 }   
 .texts {
     color:white;
     position:relative;
     z-index:1000000;
 }
 /* Animations for title in various slides of the active slide */
.swiper-slide-active .slider-title {
    animation: fadeInUp 1.5s;
}

/* Slide-specific animations for the title */
.swiper-slide-active.slide-2 .slider-title {
    animation: fadeInRight 1.5s;
}

.swiper-slide-active.slide-3 .slider-title {
    animation: fadeInLeft 1.5s;
}

/* Zoom effect for button on active slide */
.swiper-slide-active .slider-buttton {
    animation: zoomIn 2s;
}
        .thm-btn {
            background-color: #FF8C00;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 0px !important;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.4s ease, transform 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        .navlink-inner a{
            color:white;
            font-weight:700;
        }
        .dropdown-inner a{
             color:black !important;
        }
@media (max-width: 768px) {
     .bor-left{
         padding-top:30px;
     }
      .bor-left ::after{
         right:115px !important;
     }
      .md-padding-4{
          padding:0px 20px ;
      }
      .asas{
          text-align:left !important;
      }
}
   
 .asas{
          text-align:right;
      } /*footer start*/
       .bg-footer {
        background-color:#264653 ;
        color: white;
    }
 
    .bg-footer p {
        color: white;
    }

    .bg-footer li {
        list-style: none;
        color: white;
        margin-bottom: 15px;
        font-weight: 800;
    }

    .bg-footer li a {
        padding-left: 10px;
        color: white;
        text-decoration: none;
        font-weight:900;
    }

    .bg-footer li a:hover {
        color: #F4A261;
    }

    .bg-footer ul {
        padding-left: 0px !important;
    }

    .ftr-img img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
 section{
    overflow-x:hidden !important;
}

       .asas{
           text-align:right;
       }
         /* Container styling */
        .video-container {
            position: relative;
            width: 100%; /* Adjust the width as needed */
            height: 500px; /* Adjust the height as needed */
            cursor: pointer;
            overflow: hidden;
            vertical-align:middle;
align-content:center;
padding:50px 30px 0px;
        }

        /* Image styling */
        .video-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    

        /* Hover effect */
        .video-container:hover .overlay {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width:  60px !important; /* Adjust play button size */
            height: 60px!important;
        }
        .bg-imges {
            background: #A8D5BA;
            width:100%;
          
            height:100%;
            position:relative;

        }
  .bg-imges span{
      font-size:60px;
      color:black !important;
       font-weight: 700;  /* Bold font weight */
    font-family: "Playfair Display", serif;
  }
   .p-relative {
position: relative;
 z-index: -1;
 height:500px;
 border-radius:10px;
 }
  .p-abslote {
  position: absolute;
  z-index: 100000000;
 width:300px;
 height:200px;
  bottom: -73px;
  top:20px;
  right:0;
  border-radius:20px;
}
  .tz-gallery .lightbox img{
      height:100%;
  }
  .brder{
      color:#FF8C00;
      border-right: 3px solid #2F4F4F;
      height:50px;
      padding-right:10px;
      font-weight:900;
  }
 
.news-card-text {
      background-color: #fff;
  background-image: url(data:image/png;base64,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);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  
  gap: 20px;
  padding: 22px 16px 12px 12px;
}
.iiner-event{
    box-shadow: 8px 10px 24px #0000001a;
  margin-bottom: 30px;
}
.thms6{
    background:white!important;
    color:black ;
    border:2px solid #2F4F4F;

   font-size:14px !important;
   padding:5px;
}
.border-vent{
    border-bottom:2px solid #2F4F4F;
    border-left:2px solid #2F4F4F;
    border-right:2px solid #2F4F4F;
    padding:40px 20px;
}
.e-reltive{
    position:relative;

}
.e-absloute{
    background:#2F4F4F;
    padding:8px 10px;
    position:absolute;
    top:20px;
    left:30px;
    align-content:center;
    
    
}
.protofilke{
    display:flex;
    justify-content:center;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background:#2F4F4F !important   ;
   border:0px solid #FF8C00;
   border-radius:0px !important;
}
.nav-item {
    border: 2px solid #2F4F4F;
    margin-right: 20px;
}
@media (max-width: 768px) {
    .nav-item {
        margin-top:20px;
    }
}
.sec-border{
   border-radius: 50%;
}
.secude{
    background:#2F4F4F;
    padding:40px 30px;
    color:white;
     border-bottom:2px solid #FF8C00;
}
.secude p{
    font-weight:900;
}
 .resuble{
     width:250px;
    
 }


 .reuble-inner{
     border-bottom:1px dashed black;
     border-right:1px dashed black;
     border-top:1px dashed black;

align-content:center;
padding:10px 20px 0px;
width:70%;
 }
    .reuble-inner p {
        font-size:14px;
    }
    @media (max-width: 768px) {
    .mbbb{
        flex-direction:column;
        text-align:center;
      
        align-items:center;
    }
     .mb-heeihgt{
         height:350px!important;
     }
     .mb-items{
         width:100%;
         background: #2F4F4F ;
     }
}
    .sechules .nav-pills .nav-link{
        padding: 20px 60px;
    }
    .sechules .nav-pills .nav-link {
     
   position:relative;
    }

  .sechules .nav-link.active::after {
    content: "";
    position: absolute;
    bottom:-20px; /* Adjust based on your layout */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px; /* Creates a triangle */
    border-color: #2F4F4F  transparent transparent transparent; /* Matches active background color */
}

  /* Styling for the active nav-link */
.nav-link.active {
    background-color: #2F4F4F ; /* Change to your desired active background color */
    color: white;             /* Active text color */
    font-weight: bold;        /* Makes the active tab text bold */
    border-radius: 5px;       /* Adds a rounded corner effect */
}

/* Optional hover effect for nav-tabs */
.nav-link:hover {
    background-color: #0056b3; /* Slightly darker shade for hover */
    color: white;
}

/* Additional transition effect for smooth background change */
.nav-link {
    transition: background-color 0.3s ease, color 0.3s ease;
}
 .swper-r{
     position:relative;
     
 }
 .swip-a{
     position:absolute;
     top:10px;
     left:-240px;
 }
.bg-choosen {
   background-image: url('../img/cilr.png');
   background-size:100px;
   background-position:right 80%;
   background-repeat:no-repeat;

}
.bg-join {
   background-image: url('../img/bg-shape-top.png');
   background-size:contain;
   background-position:left;
   background-repeat:no-repeat;

}
.p-rel{
    position:relative;
       top: -170px;
       left:-40px;
}
.p-ab{
    position:absolute;

}
 a{
        text-decoration:none;
    }
 /* Header start */
nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
}

.navlink .navlink-inner {
    list-style: none;
    margin-left: 25px;
}

.navlink .navlink-inner  {
    font-size: 17px;
    font-weight: 450;
    color: #364f75;
    padding:8px 25px 8px 5px;
}
.navlink .navlink-inner:hover{
    background-color:#003366;
    border-radius:50px;
    color:white !important;
    padding: 6px 20px
}
    .navlink .navlink-inner:hover a {
        color:white ;
    }

 .navlink-inner .nav-links.active {
        background-color:#253e3e;
  padding: 10px 24px;
  border-radius: 40px;
  color: white;
      }
.navlink {
    position: relative;
}

.navlink-inner:hover .dropdown-inner {
    display: block;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    padding-left: 0px;
    border-radius: 4px;
}

.navlink .dropdown.active .dropdown-inner {
    display: block;
}

.dropdown-inner {
    display: none; /* Hidden by default */
    position:absolute;/* Position it relative to its parent */
    top: 100%; /* Position it directly below the parent */
    left: 0;
    background-color: white; /* Ensure background color */
    width: 285px; /* Set a fixed width or adjust as needed */
    z-index: 1000; /* Ensure it stays on top of other content */
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border-top: 5px solid black;
}

.dropdown-inner li {
    display: flex;
    align-items: center; /* Align icon and text vertically */
    padding: 10px 15px;
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background-color: white;
}

.dropdown-inner li:hover {
    background-color: #f0f0f0; /* Adds a hover effect */
}

.dropdown-inner img {
    width: 15px;
    margin-right: 10px; /* Add space between icon and text */
    transform: rotate(-90deg);
}

.hamberg {
    display: none;
    flex-direction: column;
    justify-content: space-between;
   width: 43px;
  height: 40px;
    cursor: pointer;
}

.hamberg span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 6px;
    background-color: black;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    color: white;
    cursor: pointer;
    display: none; /* Hidden initially */
}

.mbmenu {
    display: none;
}

.gry1 {
    height: 493px;
}

.gry2 {
    width: 250px;
    height: 165px;
}







.inner-imgs {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.inner-imgs:hover {
    transform: rotate(90deg);
}

@media (max-width: 768px) {
    .navlink {
        position: fixed;
        width: 300px;
        height: 100vh;
        top: 0;
        right: -500px;
        background-color: #061738;
        transition: 0.5s;
    }
    header.sticky{
         background:#FF6F00  !important;
    }
    .dropdown-inner{
        position :relative !important;
    top: 10%;
    left: 0;
  
    width: 100%;
    z-index: 1
    }
    .ab-wth{
        width:100px !important;
    }
    .ab-wth img{
        padding:3px;
    }
    .navlink.active {
        right: 0 !important;
        z-index: 999999999999999;
    }

    .navfrt {
        flex-direction: column;
        padding-left: 0px;
    }

    .bg-footer {
        background-color: #264653;
        color: white;
    }

    .bg-footer p {
        color: white;
    }

    .bg-footer li {
        list-style: none;
        color: white;
        margin-bottom: 15px;
        font-weight: 800;
    }

    .bg-footer li a {
        padding-left: 10px;
        color: white;
        text-decoration: none;
        font-weight:900;
    }

    .bg-footer li a:hover {
        color: red;
    }

    .bg-footer ul {
        padding-left: 0px !important;
    }

    .ftr-img img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .glly-mobile {
        flex-direction: column;
    }

    .gry1 {
        height: 200px;
    }

    .gry2 {
        width: 100% !important;
    }

    .send-column {
        display: none !important;
    }

    .hamberg {
        display: flex;
    }

    .navlink .navlink-inner {
        padding: 20px 0;
        border-bottom: 1px solid white;
    }

    .close-btn {
        display: block; /* Show the close button on mobile view */
    }

    .navlink-inner.destop {
        display: block !important;
    }

    .mobile {
        display: none;
    }

    .dropdown-inner {
       
        top: 21px;
        left: 0;
        width: 100%;
    }

    .mbmenu {
        border: none !important;
        display: block;
    }
}
header {
    position: relative;
    width: 100%;
    z-index: 999;
  /* Background color */
    padding: 10px 0;
    transition: top 0.5s ease, background-color 0.3s ease; /* Adjust transition speed */
}

header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #FF6F00;
    padding:0px !important;
}

/* Header end */

    /* Header end */
.all-heder {

    background-image: url('../img/banner-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
        .all-inner{
            background:rgb(47, 79, 79, 0.9);
            width:100%;
            height:100%;
        }