/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ex-flex-wrap {
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  transform: translateY(-50%);
}

.ex-transition {
  transition: all 0.6s ease;
}

.ex-transition-medium {
  transition: all 1.2s ease;
}

.ex-transition-large {
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*----------------------------------- Navigation Starts -----------------------------------*/
/*------------------------------------ Navigation Ends ------------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
/*--------------------------------------- Modal Ends --------------------------------------*/
/*------------------------------------ Animation Starts -----------------------------------*/
/*------------------------------------- Animation Ends ------------------------------------*/
@media all and (max-width: 1800px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 13px;
  }

  h2 {
    font-size: 45px;
    line-height: 1.5;
  }

  .custom-container {
    padding: 10px 120px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container {
    padding-top: 20px;
    padding-left: 40px;
  }
  #header-wrapper .logo-nav-wrapper .logo-container a {
    width: 130px;
    padding: 6px;
  }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*----------------------------------- Navigation Starts -----------------------------------*/
  /*------------------------------------ Navigation Ends ------------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .bottom-hill-container {
    bottom: 0px;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  .footer-section ul {
    padding: 12px 0px;
  }
  .footer-section ul li img {
    width: 25px;
    margin-right: 15px;
  }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  .modal .modal-dialog {
    max-width: calc(100% - 60px);
  }

  /*--------------------------------------- Modal Ends --------------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
}
@media all and (max-width: 1199px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 12px;
  }

  h2 {
    font-size: 42px;
    line-height: 1.5;
  }

  .custom-container {
    padding: 10px 20px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container {
    padding-top: 20px;
    padding-left: 40px;
  }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*----------------------------------- Navigation Starts -----------------------------------*/
  /*------------------------------------ Navigation Ends ------------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page {
    position: relative;
    overflow: hidden;
    background-image: url("../img/home-image/blue.jpg");
    background-size: cover;
  }
  #content-wrapper #home-page .cloud-container {
    position: absolute;
    right: 0%;
    top: 5%;
    -webkit-animation: fogOne infinite 50s linear;
            animation: fogOne infinite 50s linear;
    z-index: 0;
  }
  #content-wrapper #home-page .cloud-two-container {
    position: absolute;
    right: 10%;
    top: 5%;
    z-index: 0;
    -webkit-animation: fogOne infinite 50s linear;
            animation: fogOne infinite 50s linear;
  }
  #content-wrapper #home-page .bottom-hill-container {
    position: absolute;
    top: 71%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    width: 84%;
    margin: auto;
  }
  #content-wrapper #home-page .bottom-hill-container img {
    width: 100%;
  }
  #content-wrapper #home-page .main-text-container .text-container {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 58%;
    margin: auto;
  }
  #content-wrapper #home-page .main-text-container .text-container img {
    width: 100%;
  }
  #content-wrapper #home-page .sun-container {
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 136px;
  }
  #content-wrapper #home-page .parachute-container {
    position: absolute;
    top: 15%;
    right: 20%;
  }
  #content-wrapper #home-page .parachute-container-one {
    position: absolute;
    top: 15%;
    left: 20%;
  }
  #content-wrapper #home-page .text-container {
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 100%;
  }
  #content-wrapper #home-page .text-container .inner {
    max-width: 800px;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  #content-wrapper #home-page .text-container .inner h2 {
    color: #27426e;
    font-weight: 800;
  }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  .footer-section ul {
    padding: 12px 0px;
  }
  .footer-section ul li img {
    width: 25px;
    margin-right: 15px;
  }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  .modal .modal-dialog {
    max-width: calc(100% - 60px);
  }

  /*--------------------------------------- Modal Ends --------------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
}
@media all and (max-width: 991px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*----------------------------------- Navigation Starts -----------------------------------*/
  /*------------------------------------ Navigation Ends ------------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  /*--------------------------------------- Modal Ends --------------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
}
@media all and (max-width: 767px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  body {
    font-size: 11px;
  }

  h2 {
    font-size: 35px;
    line-height: 1.5;
  }

  .custom-container {
    padding: 10px 30px;
  }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  #content-wrapper #home-page .cloud-container {
    position: absolute;
    right: 0%;
    top: 18%;
    -webkit-animation: fogOne infinite 50s linear;
            animation: fogOne infinite 50s linear;
    z-index: 0;
  }
  #content-wrapper #home-page .cloud-two-container {
    position: absolute;
    right: 10%;
    top: 22%;
    z-index: 0;
    -webkit-animation: fogOne infinite 50s linear;
            animation: fogOne infinite 50s linear;
  }
  #content-wrapper #home-page .bottom-hill-container {
    position: absolute;
    top: 74%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    width: 84%;
    margin: auto;
  }
  #content-wrapper #home-page .bottom-hill-container img {
    width: 100%;
  }
  #content-wrapper #home-page .main-text-container .text-container {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 58%;
    margin: auto;
  }
  #content-wrapper #home-page .main-text-container .text-container img {
    width: 100%;
  }
  #content-wrapper #home-page .sun-container {
    display: none;
  }
  #content-wrapper #home-page .text-container {
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 100%;
  }
  #content-wrapper #home-page .text-container .inner {
    max-width: 800px;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  #content-wrapper #home-page .text-container .inner h2 {
    color: #27426e;
    font-weight: 800;
  }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .custom-container {
    padding-top: 20px;
    padding-left: 20px;
  }
  #header-wrapper .logo-nav-wrapper {
    justify-content: center;
  }
  #header-wrapper .logo-nav-wrapper .logo-container a {
    width: 115px;
    padding: 6px;
  }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*----------------------------------- Navigation Starts -----------------------------------*/
  /*------------------------------------ Navigation Ends ------------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  .footer-section ul {
    padding: 16px 0px;
    flex-wrap: wrap;
  }
  .footer-section ul li {
    color: #fff;
    width: 100%;
    text-align: center;
  }
  .footer-section ul li img {
    width: 30px;
    margin-right: 15px;
  }
  .footer-section ul li:not(:last-child) {
    margin-bottom: 10px;
  }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*-------------------------------------- Modal Starts -------------------------------------*/
  .modal .modal-dialog {
    max-width: calc(100% - 60px);
  }

  /*--------------------------------------- Modal Ends --------------------------------------*/
  /*------------------------------------ Animation Starts -----------------------------------*/
  /*------------------------------------- Animation Ends ------------------------------------*/
}/*# sourceMappingURL=responsive.css.map */