@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-ThinItalic.eot');
  src: local('Filson Pro Thin Italic'), local('FilsonPro-ThinItalic'),
      url('font/FilsonPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-ThinItalic.woff2') format('woff2'),
      url('font/FilsonPro-ThinItalic.woff') format('woff'),
      url('font/FilsonPro-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Thin.eot');
  src: local('Filson Pro Thin'), local('FilsonPro-Thin'),
      url('font/FilsonPro-Thin.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Thin.woff2') format('woff2'),
      url('font/FilsonPro-Thin.woff') format('woff'),
      url('font/FilsonPro-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro Book';
  src: url('font/FilsonPro-BookItalic.eot');
  src: local('Filson Pro Book Italic'), local('FilsonPro-BookItalic'),
      url('font/FilsonPro-BookItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-BookItalic.woff2') format('woff2'),
      url('font/FilsonPro-BookItalic.woff') format('woff'),
      url('font/FilsonPro-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Medium.eot');
  src: local('Filson Pro Medium'), local('FilsonPro-Medium'),
      url('font/FilsonPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Medium.woff2') format('woff2'),
      url('font/FilsonPro-Medium.woff') format('woff'),
      url('font/FilsonPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-LightItalic.eot');
  src: local('Filson Pro Light Italic'), local('FilsonPro-LightItalic'),
      url('font/FilsonPro-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-LightItalic.woff2') format('woff2'),
      url('font/FilsonPro-LightItalic.woff') format('woff'),
      url('font/FilsonPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro Book';
  src: url('font/FilsonPro-Book.eot');
  src: local('Filson Pro Book'), local('FilsonPro-Book'),
      url('font/FilsonPro-Book.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Book.woff2') format('woff2'),
      url('font/FilsonPro-Book.woff') format('woff'),
      url('font/FilsonPro-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-BoldItalic.eot');
  src: local('Filson Pro Bold Italic'), local('FilsonPro-BoldItalic'),
      url('font/FilsonPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-BoldItalic.woff2') format('woff2'),
      url('font/FilsonPro-BoldItalic.woff') format('woff'),
      url('font/FilsonPro-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-MediumItalic.eot');
  src: local('Filson Pro Medium Italic'), local('FilsonPro-MediumItalic'),
      url('font/FilsonPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-MediumItalic.woff2') format('woff2'),
      url('font/FilsonPro-MediumItalic.woff') format('woff'),
      url('font/FilsonPro-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-BlackItalic.eot');
  src: local('Filson Pro Black Italic'), local('FilsonPro-BlackItalic'),
      url('font/FilsonPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-BlackItalic.woff2') format('woff2'),
      url('font/FilsonPro-BlackItalic.woff') format('woff'),
      url('font/FilsonPro-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Heavy.eot');
  src: local('Filson Pro Heavy'), local('FilsonPro-Heavy'),
      url('font/FilsonPro-Heavy.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Heavy.woff2') format('woff2'),
      url('font/FilsonPro-Heavy.woff') format('woff'),
      url('font/FilsonPro-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Light.eot');
  src: local('Filson Pro Light'), local('FilsonPro-Light'),
      url('font/FilsonPro-Light.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Light.woff2') format('woff2'),
      url('font/FilsonPro-Light.woff') format('woff'),
      url('font/FilsonPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Regular.eot');
  src: local('Filson Pro Regular'), local('FilsonPro-Regular'),
      url('font/FilsonPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Regular.woff2') format('woff2'),
      url('font/FilsonPro-Regular.woff') format('woff'),
      url('font/FilsonPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Bold.eot');
  src: local('Filson Pro Bold'), local('FilsonPro-Bold'),
      url('font/FilsonPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Bold.woff2') format('woff2'),
      url('font/FilsonPro-Bold.woff') format('woff'),
      url('font/FilsonPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-RegularItalic.eot');
  src: local('Filson Pro Regular Italic'), local('FilsonPro-RegularItalic'),
      url('font/FilsonPro-RegularItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-RegularItalic.woff2') format('woff2'),
      url('font/FilsonPro-RegularItalic.woff') format('woff'),
      url('font/FilsonPro-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-HeavyItalic.eot');
  src: local('Filson Pro Heavy Italic'), local('FilsonPro-HeavyItalic'),
      url('font/FilsonPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-HeavyItalic.woff2') format('woff2'),
      url('font/FilsonPro-HeavyItalic.woff') format('woff'),
      url('font/FilsonPro-HeavyItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('font/FilsonPro-Black.eot');
  src: local('Filson Pro Black'), local('FilsonPro-Black'),
      url('font/FilsonPro-Black.eot?#iefix') format('embedded-opentype'),
      url('font/FilsonPro-Black.woff2') format('woff2'),
      url('font/FilsonPro-Black.woff') format('woff'),
      url('font/FilsonPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



    html, body {
      margin: 0;
      padding: 0;
      font-family: 'Poppins', sans-serif;
    }

    /* body {
      overflow-y: hidden; 
      overflow-x: hidden; 
    } */

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1 !important;
      }
      .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
    }

    .background{
      background-image: url('../../bg-desktop.png');background-size: cover;background-repeat: no-repeat;color:#fff!important;height:100vh !important;
    }

    .navMenu{
      width: 400px;
    }

    * {
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }

    .slider {
        width: 100%;
        height: 70vh !important;
        margin: 0px auto;
         
    }

    .langicon img{
      width: 50px !important;
    }

    .custom-control-input:checked~.custom-control-label::before{
      background-color:#bba48e;
      border-color:#bba48e;
    }

    .cursor-pointer{
      cursor: pointer;
    }
    .slider:focus{
      outline: none !important;
      border: none !important;
    }

    /* margin between two box */
    .slibox{
        height: 70vh !important;
        display: flex !important;
        align-items: center;
        margin-left: 20vw;
        margin-right: 20vw;    
    }

    .slibox:focus{
      outline: none !important;
      border: none !important;
    }

    /*.slick-list{
      background: red !important;
    }*/
    .position-conatiner {
      height: 55vh;
      position: relative;
      padding: 0px 50px;
      font-size: 25px;
      text-align: center;
      background: rgba(255, 255, 255, 0.4);
      border-radius: 30px;
      width: 100%;
    }
    .ctext-category{
        font-size: 15px;
        color: black;
        position: absolute;
        top: -10px;
        right: 0px;
        background: white;
        padding:5px 20px;
        border-radius: 30px;
        box-shadow: 0px 7px 14px -6px rgba(0,0,0,0.85);
        -webkit-box-shadow: 0px 7px 14px -6px rgba(0,0,0,0.85);
        -moz-box-shadow: 0px 7px 14px -6px rgba(0,0,0,0.85);
      }

      .btshare , .btsakon, .btplus, .btreload{
        position: absolute;
        bottom: -15px;
      }
      .btshare{
        left: 5px;
      }

      .btsakon{
        left: 55px;
      }

      .btplus{
        left: 105px;
      }

      .btreload{
        left: 155px;
      }

    /* .slick-slide {
      margin: 0px 0px;
      transition: all ease-in-out .3s;
      opacity: 0;
    } */
    
    /* .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    } */
    .slick-track{
      box-sizing: border-box;
    }

    .slide {
      min-height: 100%; 
      min-height: 100vh;

      display: flex;
      align-items: center;
    }

    .ctext{
      padding: 5px;
      font-size: 38px;
      text-align: center;
      width: 100%;
      }
      .navbar-brand{
        font-size: 40px;
        font-weight: 600;
      }

      .ctext-category, .navbar-brand, .mobile-mx-auto {
        font-family: Filson Pro;
        font-weight: 500;
        font-style: normal;
      }

      .cardText, .btn-group a{
        font-family: Filson Pro;
        font-weight: normal;
        font-style: normal;
      }

      b {
        font-family: Filson Pro;
        font-weight: 800;
        font-style: normal;
      }

   

    .slick-arrow{
      height: 55vh !important;
      background-color: rgba(255, 255, 255, 0.4) !important;
      width: 300px;
      border-radius: 30px;
    }

    .slick-arrow:hover{
      background-color: rgba(255, 255, 255, 0.4) !important;
    }

    
      button{
        border: none;
        border-color: transparent;
      }
      .navbar-toggler{
        border: none;
        border-color: transparent;
      }
      button:focus {
        outline: none;
       
    }

  

    .height100 {
      min-height: 100% !important; 
      min-height: 100vh !important;
    }

    .font-nav{
      font-size:28px;
      cursor: pointer;
    }

    .ml-6{
      margin-left: 111px;
    }
    /*.bg-red{
      background: #e50046;
    }*/
    .ctext:focus{
      outline: none !important;
      border: none !important;
    }

    .slide:focus{
      outline: none !important;
      border: none !important;
    }


    .desktopNav {
      opacity: 0.6;
      cursor: pointer;
    }

    .cardImage{
      max-width: 100%;
    }
    .slick-slide img {
      display: inline-block;
    }

    .slick-prev {
      left: -1vw;
      height: 40px;
      text-align: right;
      z-index: 99;
    }
    .slick-next {
      right: -1vw;
      height: 40px;
      text-align: left;
    }

      .slick-prev:before {
          font-family: "Font Awesome 5 Free";
          font-weight: 600;
          content: "\f104";
          font-size: 100px;
          padding: 5px;
          color: #fff;
          opacity: 1;
      }

      .slick-next:before {
        font-family: "Font Awesome 5 Free";
          font-weight: 600;
          content: "\f105";
          font-size: 100px;
          padding: 5px;
          color: #fff;
          opacity: 1;
      }
      .cardText{
        font-size: 60px;
      }

      @media only screen and (max-width: 2000px) {
      
        .slick-prev {
          left: -8vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -8vw !important;
          height: 40px;
          text-align: left;
        }
        .cardText{
          font-size: 30px;
        }
      }

      @media only screen and (max-width: 1500px) {
      
        .slick-prev {
          left: -10vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -10vw !important;
          height: 40px;
          text-align: left;
        }
      }
  
  
      @media only screen and (max-width: 1300px) {
        .slibox{
          margin-left: 210px;
          margin-right: 210px;  
        }
        .slick-prev {
          left: -15vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -15vw !important;
          height: 40px;
          text-align: left;
        }
      }
      @media only screen and (max-width: 1200px) {
        .slibox{
          margin-left: 190px;
          margin-right: 190px;  
        }
        .cardImage{
          max-width: 80%;
        }
        .cardText{
          font-size: 30px !important;
        }
  
        .slick-prev {
          left: -17vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -17vw !important;
          height: 40px;
          text-align: left;
        }
      }
      @media only screen and (max-width: 1100px) {
        .slibox{
          margin-left: 160px;
          margin-right: 160px;  
        }
        .slick-prev {
          left: -19vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -19vw !important;
          height: 40px;
          text-align: left;
        }
      }
  
      @media only screen and (max-width: 1000px) {
        .slibox{
          margin-left: 120px;
          margin-right: 120px;  
        }
        
        .slick-prev {
          left: -24vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -24vw !important;
          height: 40px;
          text-align: left;
        }
        .background{
          background-image: url('../../bg-mobile.png');background-size: cover;background-repeat: no-repeat;color:#fff!important;height:100vh !important;
        }
        .cardText{
          font-size: 26px !important;
        }
      }
  
      @media only screen and (max-width: 900px) {
        .slibox{
          margin-left: 80px;
          margin-right: 80px;  
        }
        .slick-prev {
          left: -28vw !important;
          height: 40px;
          text-align: right;
        }
        .slick-next {
          right: -28vw !important;
          height: 40px;
          text-align: left;
        }
        .background{
          background-image: url('../../bg-mobile.png');background-size: cover;background-repeat: no-repeat;color:#fff!important;height:100vh !important;
        }
      }
  
      @media only screen and (max-width: 800px) {
        .langicon img{
          width: 30px !important;
        }
        .slibox{
          margin-left: 50px;
          margin-right: 50px;  
        }
        .cardImage {
            max-width: 30%;
        }
        .slick-prev {
          left: 0px !important;
          height: 10px;
          text-align: right;
        }
        .slick-next {
          right: 0px !important;
          height: 10px;
          text-align: left;
        }
        .slick-prev:before {
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "\f104";
          font-size: 70px;
          padding: 3px;
          color: #fff;
      }
  
        .slick-next:before {
        font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "\f105";
          font-size: 70px;
          padding: 3px;
          color: #fff;
      }
        
        .slick-arrow{
          /* height: 55vh !important; */
          background-color: transparent !important;
          width: auto;
        }
        .slick-arrow:hover{
          background-color: transparent !important;
        }
        .background{
          background-image: url('../../bg-mobile.png');background-size: cover;background-repeat: no-repeat;color:#fff!important;height:100vh !important;
        }
      }
  
      @media only screen and (max-width: 600px) {
              .navbar-brand{
                font-size: 20px;
                font-weight: 500;
              }
  
              .cardImage {
                  max-width: 50%;
              }
              .langicon img{
                width: 20px !important;
              }
              .slibox{
                margin-left: 2px;
                margin-right: 2px;  
              }
              .position-conatiner {
                padding: 0px 25px;
              }
  
              .navMenu{
                width: 100%;
              }
              .slick-prev:before {
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  content: "\f104";
                  font-size: 50px;
                  padding: 3px;
                  color: #fff;
              }
  
              .mobile-mx-auto {
                margin: 0px auto;
              }
  
                .slick-next:before {
                font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  content: "\f105";
                  font-size: 50px;
                  padding: 3px;
                  color: #fff;
              }
              .slider {
                  width: 85%;
                  /* margin: 10px auto; */
                  /* height: 70vh !important; */
              }
  
              .slick-arrow{
                /* height: 55vh !important; */
                background-color: transparent !important;
                width: auto;
              }
              .slick-arrow:hover{
                background-color: transparent !important;
              }
            
              .slick-prev {
                left: -29px !important;
              }
  
              .slick-next {
                right: -29px !important;
              }
              .cardText{
                font-size: 18px !important;
              }
  
              .background{
                background-image: url('../../bg-mobile.png');background-size: cover;background-repeat: no-repeat;color:#fff!important;height:100vh !important;
              }
              .mobile-mx-auto{
                color: #122B54 !important;
              }
  
            /* .slibox{
                height: 60vh !important;
            } */
            /* .slide {
              min-height: 70%; 
              min-height: 70vh;
  
              display: flex;
              align-items: center;
              margin-top: 10vh;
            } */
       
      }

    
  #preloader{
    background: black;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999;
  }