@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:800&display=swap');
/* ----------------------------------------------------------------------------------------------------------------*/
/* any changesto the background or text color for #9ff914d to change to #ffc700 if needed*/
/* any changesto the faq or text color for #9ff914d to change to #ff914d if needed*/
/*----------------------------------------------------------------------------------------------------------------*/
/* FONTS STYLING */ 

    html,
    body {
      height: 100%;
      font-family: 'Roboto', sans-serif;
      line-height: 1.5;
      font-weight: 400;
        color: #000;
      vertical-align: baseline;
      background: #ffffff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    h1 { font-family: "Cormorant Garamond", serif;
         font-weight: 800; 
         font-size: 56px; 
        color: #fff;
        font-style: italic;
    }

    h2, h3, h4, h5, h6 {
      font-family: 'Roboto', sans-serif;
      line-height: 1.5;
      margin: 0 0 20px 0;
      color: #002147;
    }

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

    h3 { font-size: 24px;
         font-weight: 700;
         
    }

    h4 { font-size: 18px;
         font-weight: 500;
    }



    p { font-weight: 400;
        font-size: 17px;
        line-height: 1.5;
        margin: 0 0 20px 0; }


mark {
  background-color: yellow;
}

@font-face {
          font-family: 'CormorantCustom';
          src: url('font/Cormorant-BoldItalic.ttf') format('truetype');
          
        }
/* FONTS STYLING */ 




/*----------------------------------------------------------------------------------------------------------------*/
/* GENERAL STYLING */
/*----------------------------------------------------------------------------------------------------------------*/

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; {
      text-decoration: none;
    }
    a:active,
    a:hover,
    a:focus {
      text-decoration: none;
    }
    a:active,
    a:hover,
    a:focus {
      outline: 0 none;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
      /* milkan edits */
      font-size: 17px;
    }
    .clear:after {
      clear: both;
      content: "";
      display: block;
    }
    #wrapper {
      overflow: hidden;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .parallax-margin-top {
      margin-top: 12px;
    }
    .margin-bottom-none {
      margin-bottom: 0!important;
    }
    .margin-bottom-sidebar {
      margin-bottom: 30px;
    }
    .bg-common-style {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    .section-divider {
      height: 1px;
      width: 100%;
      background: #BDBDBD;
    }
    .solid-underline {
      position: relative;
      padding-bottom: 8px;
      margin-bottom: 35px;
    }
    .solid-underline:after {
      position: absolute;
      content: "";
      height: 1px;
      width: 100%;
      background: #e3e3e3;
      left: 0;
      bottom: 0;
    }
    .mb-10 {
      margin-bottom: 10px;
    }
    .mb-40 {
      margin-bottom: 40px;
    }
    .btn-view {
      color: #ff914d;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .btn-view:hover {
      color: #002147;
    }
    .section-space {
      padding: 100px 0;
    }
    .mb-none {
      margin-bottom: 0!important;
    }
    .accent-bg {
      background-color: #f5f5f5;
    }
    .bg-primary {
      background: #002147;
      color: #FFFFFF;
    }
    .bg-textPrimary {
      background: #FFFFFF;
      color: #002147;
    }
    .bg-primary-deep {
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .bg-primary-deep:before {
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      background-color: rgba(0, 33, 71, 0.9);
    }
    .bg-primary-deep-fixed {
      background-attachment: fixed;
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .bg-primary-deep-fixed:before {
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      background-color: rgba(0, 33, 71, 0.9);
    }
    .overlay-primaryColor {
      position: relative;
    }
    .overlay-primaryColor:before {
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      background-color: rgba(0, 33, 71, 0.7);
    }
    .parallax-overlay {
      position: relative;
    }
    .parallax-overlay:before {
      content: "";
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      background-color: rgba(0, 33, 71, 0.88);
      height: 100%;
      width: 100%;
    }




/*----------------------------------------------------------------------------------------------------------------*/
/* //// TITLE \\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/
    .title-bar-counter {
      position: relative;
    }
    .title-bar-counter:before {
      content: "";
      height: 2px;
      width: 70px;
      background: #ff914d;
      position: absolute;
      left: 0;
      margin: 0 auto;
      right: 0;
      bottom: 0;
      z-index: 3;
    }
    .title-bar-medium-left {
      position: relative;
    }
    .title-bar-medium-left:before {
      content: "";
      height: 3px;
      width: 40px;
      background: #ff914d;
      position: absolute;
      left: 0;
      bottom: -10px;
      z-index: 1;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -khtml-border-radius: 6px;
      border-radius: 6px;
    }
    .title-bar-high {
      position: relative;
    }
    .title-bar-high:before {
      content: "";
      height: 3px;
      width: 40px;
      background: #ff914d;
      position: absolute;
      left: 0;
      bottom: -15px;
      z-index: 1;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -khtml-border-radius: 6px;
      border-radius: 6px;
    }
    .title-bar-big-high {
      position: relative;
    }
    .title-bar-big-high:before {
      content: "";
      height: 3px;
      width: 40px;
      background: #ff914d;
      position: absolute;
      left: 0;
      bottom: -30px;
      z-index: 1;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -khtml-border-radius: 6px;
      border-radius: 6px;
    }
    .title-bar-sm-high {
      position: relative;
    }
    .title-bar-sm-high:before {
      content: "";
      height: 3px;
      width: 40px;
      background: #ff914d;
      position: absolute;
      left: 0;
      bottom: -20px;
      z-index: 1;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -khtml-border-radius: 6px;
      border-radius: 6px;
    }
    .title-bar-big-left-close {
      position: relative;
    }
    .title-bar-big-left-close:before {
      content: "";
      height: 4px;
      width: 45px;
      background: #ff914d;
      position: absolute;
      left: 0;
      bottom: -20px;
      z-index: 1;
    }
    .title-bar-footer {
      position: relative;
    }
    .title-bar-footer:before {
      content: "";
      height: 3px;
      width: 45px;
      background: #002147;
      position: absolute;
      left: 0;
      bottom: -20px;
      z-index: 1;
    }
    .title-bar-small-center {
      position: relative;
    }
    .title-bar-small-center:before {
      content: "";
      height: 2px;
      width: 40px;
      background: #002147;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -12px;
      margin: 0 auto;
      z-index: 1;
    }
    .title-bar-small-left {
      position: relative;
    }
    .title-bar-small-left:before {
      content: "";
      height: 3px;
      width: 45px;
      background: #002147;
      position: absolute;
      left: 0;
      bottom: -35px;
      z-index: 1;
    }
    .title-bar-sidebar {
      position: relative;
    }
    .title-bar-sidebar:before {
      content: "";
      height: 4px;
      width: 45px;
      background: #002147;
      position: absolute;
      left: 0;
      bottom: -15px;
      z-index: 1;
    }
    .title-bar-full-width {
      position: relative;
    }
    .title-bar-full-width:before {
      content: "";
      height: 2px;
      width: 100%;
      background: #002147;
      position: absolute;
      left: 0;
      bottom: -12px;
      z-index: 1;
    }
    .title-default-center {
      text-transform: capitalize;
      text-align: center;
      font-weight: 500;
      margin-bottom: 45px;
      color: #002147;
    }
    @media only screen and (max-width: 767px) {
      .title-default-center {
        font-size: 28px;
      }
    }
    @media only screen and (max-width: 480px) {
      .title-default-center {
        font-size: 26px;
      }
    }
    .title-default-left {
      text-transform: capitalize;
      text-align: left;
      font-weight: 500;
      margin-bottom: 45px;
      color: #002147;
    }
    @media only screen and (max-width: 767px) {
      .title-default-left {
        margin-bottom: 36px;
        font-size: 28px;
      }
    }
    @media only screen and (max-width: 480px) {
      .title-default-left {
        margin-bottom: 30px;
        font-size: 26px;
      }
    }
    .title-default-left a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .title-default-left a:hover {
      color: #ff914d;
    }
    .title-default-left-bold {
      font-size: 30px;
      text-transform: capitalize;
      text-align: left;
      font-weight: 500;
      margin-bottom: 45px;
      color: #002147;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .title-default-left-bold {
        font-size: 28px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .title-default-left-bold {
        font-size: 26px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .title-default-left-bold {
        font-size: 24px;
      }
    }
    @media only screen and (max-width: 479px) {
      .title-default-left-bold {
        font-size: 22px;
      }
    }
    .title-default-left-bold a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .title-default-left-bold a:hover {
      color: #ff914d;
    }
    .title-default-left-bold-lowhight {
      text-transform: capitalize;
      text-align: left;
      font-weight: 500;
      margin-bottom: 20px;
      color: #002147;
    }
    @media only screen and (max-width: 991px) {
      .title-default-left-bold-lowhight {
        font-size: 26px;
      }
    }
    @media only screen and (max-width: 767px) {
      .title-default-left-bold-lowhight {
        font-size: 24px;
      }
    }
    @media only screen and (max-width: 480px) {
      .title-default-left-bold-lowhight {
        font-size: 22px;
      }
    }
    .title-default-left-bold-lowhight a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .title-default-left-bold-lowhight a:hover {
      color: #ff914d;
    }
    .title-news-left-bold {
      text-transform: capitalize;
      text-align: left;
      font-weight: 500;
      margin-bottom: 15px;
      color: #002147;
      font-size: 22px;
    }
    @media only screen and (max-width: 767px) {
      .title-news-left-bold {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 480px) {
      .title-news-left-bold {
        font-size: 18px;
      }
    }
    .title-news-left-bold a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .title-news-left-bold a:hover {
      color: #ff914d;
    }
    .title-default-textPrimary-left {
      text-transform: capitalize;
      text-align: left;
      font-weight: 500;
      margin-bottom: 45px;
      color: #FFFFFF;
    }
    .about-title {
      font-size: 48px;
      color: #002147;
      margin-bottom: 15px;
      text-align: center;
    }
    @media (min-width: 991px) and (max-width: 1199px) {
      .about-title {
        font-size: 40px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .about-title {
        font-size: 36px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .about-title {
        font-size: 32px;
      }}
    @media (min-width: 321px) and (max-width: 479px) {
      .about-title {
        font-size: 28px;
      }
    }
    @media only screen and (max-width: 320px) {
      .about-title {
        font-size: 26px;
      }
    }
    .title-center {
      font-weight: 500;
      font-size: 36px;
      color: #002147;
      text-align: center;
    }
    @media (min-width: 991px) and (max-width: 1199px) {
      .title-center {
        font-size: 34px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .title-center {
        font-size: 32px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .title-center {
        font-size: 30px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .title-center {
        font-size: 28px;
      }
    }
    @media only screen and (max-width: 320px) {
      .title-center {
        font-size: 26px;
      }
    }
    .about-sub-title {
      width: 70%;
      margin: 0 auto;
      margin-bottom: 60px;
      text-align: center;
    }
    @media only screen and (max-width: 767px) {
      .about-sub-title {
        width: 100%;
      }
    }
    .sub-title-full-width {
      margin-bottom: 80px;
      text-align: center;
    }
    @media (min-width: 991px) and (max-width: 1199px) {
      .sub-title-full-width {
        margin-bottom: 70px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .sub-title-full-width {
        margin-bottom: 60px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .sub-title-full-width {
        margin-bottom: 50px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .sub-title-full-width {
        margin-bottom: 40px;
      }
    }
    @media only screen and (max-width: 320px) {
    .sub-title-full-width {
        margin-bottom: 30px;
      }}
    h3.sidebar-title {
      font-size: 22px;
      color: #002147;
      text-transform: capitalize;
      margin-bottom: 35px;
      position: relative;
      font-weight: 500;
    }
    @media (min-width: 480px) and (max-width: 1199px) {
    h3.sidebar-title {
        font-size: 19px;
      }}
    @media only screen and (max-width: 479px) {
      h3.sidebar-title {
        font-size: 18px;
      }
    }
    h3.sidebar-title a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    h3.sidebar-title a:hover {
      color: #ff914d;
    }
    h3.sidebar-title:before {
      content: "";
      height: 3px;
      width: 40px;
      position: absolute;
      left: 0;
      bottom: -15px;
      z-index: 1;
      background: #ff914d;
    }
    h2.sidebar-title {
      font-size: 30px;
      color: #002147;
      text-transform: capitalize;
      margin-bottom: 35px;
      position: relative;
      font-weight: 500;
    }
    @media (min-width: 480px) and (max-width: 1199px) {
      h2.sidebar-title {
        font-size: 19px;
      }
    }
    @media only screen and (max-width: 479px) {
      h2.sidebar-title {
        font-size: 18px;
      }
    }
    h2.sidebar-title a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    h2.sidebar-title a:hover {
      color: #ff914d;
    }
    h2.sidebar-title:before {
      content: "";
      height: 3px;
      width: 40px;
      position: absolute;
      left: 0;
      bottom: -15px;
      z-index: 1;
      background: #ff914d;
    }




/*----------------------------------------------------------------------------------------------------------------*/
/* ////////// BUTTONS \\\\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/

    .apply-now-btn {
    text-align: center;
    color: #002147 !important;
    padding: 8px 0;
    width: 104px;
    background: #ff914d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    border: 2px solid #ff914d;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .apply-now-btn:hover {
    background: transparent;
    color: #FFFFFF !important;
    }
    .apply-now-btn2 {
    text-align: center;
    color: #002147;
    padding: 10px 0;
    width: 104px;
    background: #ff914d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .apply-now-btn2:hover {
    background: #002147;
    color: #FFFFFF !important;
    }
    .pricetable-btn {
    padding: 10px 0;
    text-align: center;
    color: #263238;
    height: 50px;
    width: 160px;
    background: #ff914d;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    border: 2px solid #ff914d;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .pricetable-btn {
    height: 45px;
    width: 140px;
    font-size: 15px;
    padding: 9px 0;
    }
    }
    @media only screen and (max-width: 479px) {
    .pricetable-btn {
    height: 40px;
    width: 130px;
    font-size: 14px;
    padding: 8px 0;
    }
    }
    .pricetable-btn:hover {
    background: transparent;
    color: #FFFFFF;
    }


    .default-big-btn {
    color: #FFFFFF;
    padding: 10px 0;
    background: #002147;
    font-weight: 500;
    display: inline-block;
    border: none;
    width: 162px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }


    .default-big-btn:hover {
    background: #ff914d;
    color: #212121;
    }

.whatsapp-btn {
    color: #FFFFFF;
    padding: 10px 0;
    background: #20B038;
    font-weight: 500;
    display: inline-block;
    border: none;
    width: 162px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }


    .whatsapp-btn:hover {
    background: #25d366;
    color: #212121;
    }


    .default-full-width-btn {
    color: #FFFFFF;
    padding: 12px 0;
    background: #002147;
    font-weight: 500;
    display: inline-block;
    border: none;
    width: 100%;
    border: 2px solid #002147;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .default-full-width-btn:hover {
    background: transparent;
    color: #002147;
    }
    .ghost-full-width-btn {
    color: #FFFFFF;
    padding: 10px 0;
    background: #002147;
    font-weight: 500;
    display: inline-block;
    border: none;
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .ghost-full-width-btn:hover {
    background: #ff914d;
    color: #002147;
    }
    .join-now-btn {
    color: #002147;
    padding: 10px 40px;
    background: #ff914d;
    font-weight: 500;
    display: inline-block;
    border: none;
    border: 2px solid #ff914d;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .join-now-btn {
    padding: 10px 36px;
    }
    }
    @media only screen and (max-width: 479px) {
    .join-now-btn {
    padding: 8px 26px;
    }
    }
    .join-now-btn:hover {
    background: transparent;
    color: #FFFFFF;
    }
    .join-now-primary-btn {
    color: #FFFFFF;
    padding: 13px 0;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border: none;
    width: 148px;
    border: 2px solid #002147;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .join-now-primary-btn:hover {
    background: transparent;
    color: #002147;
    }
    .sidebar-search-btn {
    color: #FFFFFF;
    padding: 14px 40px;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border: none;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .sidebar-search-btn:hover {
    background: #ff914d;
    color: #002147;
    }
    .sidebar-search-btn-full {
    color: #FFFFFF;
    padding: 13px 0;
    width: 100%;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border: none;
    border: 2px solid #002147;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .sidebar-search-btn-full:hover {
    background: transparent;
    color: #002147;
    }
    .view-all-accent-btn {
    text-align: center;
    color: #FFFFFF;
    padding: 10px 30px;
    background: #002147;
    display: inline-block;
    border: none;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .view-all-accent-btn:focus {
    color: #FFFFFF;
    }
    .view-all-accent-btn:hover {
    background: #ff914d;
    color: #212121;
    }
    .details-accent-btn {
    text-align: center;
    color: #002147;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    border: none;
    font-weight: 500;
    border: 2px solid #ff914d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .details-accent-btn:hover {
    background: #ff914d;
    color: #FFFFFF;
    }
    .view-all-primary-btn {
    text-align: center;
    color: #FFFFFF;
    padding: 12px 0;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    border: none;
    width: 130px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .view-all-primary-btn:hover {
    background: #ff914d;
    color: #030507;
    }
    .ghost-btn {
    border: 2px solid #ff914d;
    color: #FFFFFF;
    padding: 10px 30px;
    background: transparent;
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-btn:hover {
    background: #ff914d;
    color: #002147;
    }
    .ghost-btn-big {
    border: 1.5px solid #002147;
    color: #002147;
    padding: 12px 30px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-btn-big:hover {
    background: #ff914d;
    color: #002147;
    }
    .ghost-btn-big-primary {
    border: 2px solid #002147;
    color: #002147;
    padding: 12px 30px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-btn-big-primary:hover {
    background: #002147;
    color: #FFFFFF;
    }
    .sidebar-ghost-btn {
    text-align: center;
    color: #ffffff;
    padding: 8px 0;
    width: 160px;
    font-style: italic;
    background: transparent;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    border: 2px solid #ff914d;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .sidebar-ghost-btn:hover {
    background: #ff914d;
    color: #002147;
    }
    .enroll-btn {
    color: #002147;
    padding: 18px 0;
    background: #ff914d;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border: none;
    width: 100%;
    border: 2px solid #ff914d;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .enroll-btn:hover {
    background: transparent;
    color: #ff914d;
    }
    .download-btn {
    position: relative;
    color: #002147;
    padding: 18px 0;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border: none;
    width: 100%;
    border: 1px solid #002147;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .download-btn:before {
    content: "\f019";
    position: absolute;
    font-family: FontAwesome;
    color: #002147;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 8%;
    z-index: 1;
    }
    .download-btn:hover {
    border: 1px solid #ff914d;
    background: #ff914d;
    color: #FFFFFF;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .download-btn:hover:before {
    color: #FFFFFF;
    }
    .default-white-btn {
    border: none;
    color: #002147;
    padding: 13px 30px;
    background: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .default-white-btn:hover {
    color: #FFFFFF;
    background: #002147;
    }
    .isotop-btn {
    text-align: center;
    margin-bottom: 45px;
    }
    .isotop-btn:after {
    display: none;
    }
    .isotop-btn a {
    background: transparent;
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 500;
    color: #002147;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    @media (min-width: 768px) and (max-width: 1199px) {
    .isotop-btn a {
    padding: 10px 26px;
    }
    }
    .isotop-btn a:hover {
    /* border: 1px solid #002147;
    background: #002147;  */
    border: 1px solid #FF914D;
    background: #FF914D;
    color: #002147;
    }
    .isotop-btn .current {
    border: 1px solid #FF914D;
    background: #FF914D;
    color: #002147;
    }
    .play-btn {
    z-index: 2;
    border: 3px solid #FFFFFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    @media only screen and (max-width: 480px) {
    .play-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    }
    }
    .play-btn i {
    color: #ff914d;
    font-size: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .play-btn:hover {
    border: 3px solid #ff914d;
    }
    .play-btn:hover i {
    color: #FFFFFF;
    }
    .isotop-btn-accent {
    text-align: center;
    margin-bottom: 45px;
    }
    .isotop-btn-accent:after {
    display: none;
    }
    .isotop-btn-accent a {
    background: transparent;
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 700;
    color: #002147;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .isotop-btn-accent a:hover {
    border: 1px solid #ff914d;
    background: #ff914d;
    color: #FFFFFF;
    }
    .isotop-btn-accent .current {
    border: 1px solid #ff914d;
    background: #ff914d;
    color: #FFFFFF;
    }
    .default-btn {
    color: #FFFFFF;
    padding: 13px 30px;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    border: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .default-btn:hover {
    background: #00082E;
    color: #FFFFFF;
    }
    .quote-white-btn {
    border: none;
    color: #002147;
    padding: 10px 20px;
    background: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .quote-white-btn:hover {
    color: #212121;
    }
    .default-white-small-btn {
    color: #212121;
    padding: 8px 20px;
    background: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .default-white-small-btn:hover {
    color: #002147;
    }
    .submit-btn {
    color: #FFFFFF;
    padding: 12px 44px;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .submit-btn:hover {
    background: #00082E;
    color: #FFFFFF;
    }
    .ghost-semi-color-btn {
    border: 2px solid #002147;
    color: #444444;
    padding: 10px 30px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-semi-color-btn:hover {
    background: #002147;
    color: #FFFFFF;
    }
    .ghost-color-btn {
    border: 2px solid #002147;
    color: #002147;
    padding: 10px 44px;
    background: transparent;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-color-btn i {
    margin-left: 10px;
    color: #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-color-btn:hover {
    background: #002147;
    color: #FFFFFF;
    }
    .ghost-color-btn:hover i {
    color: #FFFFFF;
    }
    .ghost-text-color-btn {
    border: 2px solid #BDBDBD;
    color: #002147;
    padding: 10px 44px;
    background: transparent;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-text-color-btn:hover {
    border: 2px solid #002147;
    background: #002147;
    color: #FFFFFF;
    }
    .ghost-on-hover-btn {
    border: 2px solid #002147;
    color: #FFFFFF;
    padding: 12px 40px;
    background: #002147;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-on-hover-btn:hover {
    background: transparent;
    color: #002147;
    }
    .owl-controls .owl-nav {
    position: absolute;
    top: -88px;
    right: -2px;
    }
    @media only screen and (max-width: 991px) {
    .owl-controls .owl-nav {
    top: -77px;
    }
    }
    @media only screen and (max-width: 480px) {
    .owl-controls .owl-nav {
    position: inherit;
    }
    }
    .owl-controls i {
    margin-left: 0;
    color: #FFFFFF;
    display: block;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .owl-controls .owl-prev {
    border: 1px solid #ff914d;
    background: #ff914d !important;
    opacity: 1!important;
    font-size: 18px!important;
    margin: 0 1px!important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 0!important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    @media only screen and (max-width: 480px) {
    .owl-controls .owl-prev {
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    }
    }
    .owl-controls .owl-prev:hover {
    background: #002147 !important;
    border: 1px solid #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .owl-controls .owl-prev:hover i {
    color: #FFFFFF;
    }
    .owl-controls .owl-next {
    border: 1px solid #ff914d;
    right: -45px;
    background: #ff914d !important;
    opacity: 1!important;
    font-size: 18px!important;
    margin: 0 4px!important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 0!important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    @media only screen and (max-width: 480px) {
    .owl-controls .owl-next {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    }
    }
    .owl-controls .owl-next:hover {
    background: #002147 !important;
    border: 1px solid #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .owl-controls .owl-next:hover i {
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    #scrollUp {
    background-color: rgba(253, 200, 0, 0.8);
    bottom: 5px;
    color: #ffffff;
    display: none;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    width: 45px;
    z-index: 99999;
    border-radius: 50%;
    opacity: 0;
    }
    #scrollUp i {
    color: #FFFFFF;
    }
    #scrollUp:hover,
    #scrollUp:focus {
    background-color: rgba(255, 255, 255, 0.8);
    }
    #scrollUp:hover i,
    #scrollUp:focus i {
    color: #002147;
    }
    #preloader {
    background: #002147 url('img/preloader.gif') no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    }
    .inner-page-banner-area {
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    /* padding: 100px 0 115px; */
    padding: 200px 0 215px;
    }
    /* milkan start service page image*/
    .service-page-image-area {
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    /* padding: 100px 0 115px; */
    padding: 300px 0 215px;
    }
    /* milkan end service page image*/
    .inner-page-banner-area:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    }
    .inner-page-banner-area .pagination-area {
    position: relative;
    z-index: 1;
    }
    .inner-page-banner-area .pagination-area h1 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .inner-page-banner-area .pagination-area h1 {
    font-size: 42px;
    }
    }
    @media only screen and (max-width: 479px) {
    .inner-page-banner-area .pagination-area h1 {
    font-size: 32px;
    }
    }
    .inner-page-banner-area .pagination-area ul li {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    }
    .inner-page-banner-area .pagination-area ul li a {
    color: #ff914d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .inner-page-banner-area .pagination-area ul li a:hover {
    color: #FFFFFF;
    }
    .pagination-center {
    text-align: center;
    margin-top: 43px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .pagination-center {
    margin-top: 33px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .pagination-center {
    margin-top: 23px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .pagination-center {
    margin-top: 13px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .pagination-center {
    margin-top: 03px;
    }
    }
    @media only screen and (max-width: 320px) {
    .pagination-center {
    margin-top: 0px;
    }
    }
    .pagination-center li {
    display: inline-block;
    }
    .pagination-center li a {
    width: 42px;
    font-size: 17px;
    color: #ffffff;
    height: 40px;
    background: #002147;
    display: block;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .pagination-center li a:hover {
    background: #ff914d;
    }
    .pagination-center .active a {
    background: #ff914d;
    }
    .pagination-left {
    text-align: left;
    margin-top: 20px;
    }
    .pagination-left li {
    display: inline-block;
    }
    .pagination-left li a {
    width: 42px;
    font-size: 17px;
    color: #ffffff;
    height: 40px;
    background: #002147;
    display: block;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .pagination-left li a:hover {
    background: #ff914d;
    }
    .pagination-left .active a {
    background: #ff914d;
    }
    .overlay-default {
    position: relative;
    }
    .overlay-default:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    right: 0;
    }
    .mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    }
    .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
    }
    .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
    }
    .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    }
    .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    }
    .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    }
    .mt-30 {
    margin-top: 30px;
    }

/* //////// GENERAL END \\\\\\\\ */






/*----------------------------------------------------------------------------------------------------------------*/
/* //////// HEADER \\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/
    .core-values {
      margin-left: 20px;
      display: inline-flex;
      gap: 12px;
      font-weight: 500;
      font-size: 14px;
      color: white; /* gold shade to match your theme */
    }
    
    .core-values span {
      border-left: 1px solid #ffb606;
      padding-left: 12px;
    }
    
    /* Container for right-aligned buttons and text */
    .header-right-buttons {
        float: right;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
/*    .ghost-btn {*/
/*    color: #fff;*/
/*    font-weight: 500;*/
/*    display: inline-block;*/
/*    border: 2px solid #ff914d;*/
/*    padding: 10px 30px;*/
/*    background: transparent;*/
/*    transition: background 0.3s ease, color 0.3s ease;*/
/*    margin-left: 12px;*/
/*    text-decoration: none;*/
/*}*/

    .main-menu-area {
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 0;
      z-index: 10;
    }
    .main-menu-area .logo-area {
      margin: 15px 0;
   
    

}

.logo-area {
      
  
}


    nav#desktop-nav ul {
      text-align: right;
       
    }
    nav#desktop-nav ul .active > a {
      color: #FF914D;
    }
    nav#desktop-nav ul li {
      display: inline-block;
      position: relative;
    }
    nav#desktop-nav ul li:hover ul {
      opacity: 1;
      transform: scaleY(1);
      visibility: visible;
    }
    nav#desktop-nav ul li:hover ul:before {
      width: 100%;
    }
    nav#desktop-nav ul li a {
      padding: 30px 20px;
      display: block;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 700;
      color: #FFFFFF;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    nav#desktop-nav ul li a:hover {
      /* color: #ffc700; */
      color: #FF914D;
    }
    nav#desktop-nav ul li .active {
      background-color: #1A3B61;
    }
    nav#desktop-nav ul li .active a {
      color: #FF914D;
    }
    nav#desktop-nav ul li > ul {
      position: relative;
      /* border-top: 1px solid @accentColor; */
      margin-top: 0;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 100%;
      transform: scaleY(0);
      transform-origin: 0 0 0;
      transition: all 0.5s ease 0s;
      width: 180px;
      z-index: 99999;
      background: #002147;
      padding: 0;
      left: 5px;
    }
    nav#desktop-nav ul li > ul:before {
      position: absolute;
      content: "";
      background-color: #FF914D;
      margin: 0 auto;
      z-index: 12;
      height: 1px;
      top: 0;
      left: 0;
      width: 0%;
      right: 0;
      -webkit-transition: all 0.8s ease-out;
      -moz-transition: all 0.8s ease-out;
      -ms-transition: all 0.8s ease-out;
      -o-transition: all 0.8s ease-out;
      transition: all 0.8s ease-out;
    }
    nav#desktop-nav ul li > ul > li {
      padding: 0;
      display: block;
      border-bottom: 1px solid #1A3B61;
    }
    nav#desktop-nav ul li > ul > li > a {
      padding: 10px 10px 10px 15px;
      display: block;
      color: #FFFFFF;
    }
    nav#desktop-nav ul li > ul > li:last-child {
      border-bottom: none;
    }
    nav#desktop-nav ul li > ul > li:hover,
    nav#desktop-nav ul li > ul > li .active {
      background: #1A3B61;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    nav#desktop-nav ul li > ul > li:hover a,
    nav#desktop-nav ul li > ul > li .active a {
      color: #FF914D;
    }
    nav#desktop-nav ul li > ul > li:hover a:before,
    nav#desktop-nav ul li > ul > li .active a:before {
      opacity: 0;
    }

    /* .main-menu-area {
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
    } */

    .main-menu-area .header-search {
      margin: 30px 0;
      text-align: right;
    }
    .main-menu-area .header-search .search-form {
      display: none;
      position: absolute;
      bottom: -51px;
      right: 15px;
      z-index: 10;
      color: #FFFFFF;
      height: 50px;
      width: 500px;
      font-size: 18px;
      background: rgba(253, 200, 0, 0.7);
      border: 2px solid #ff914d;
      padding: 5px 18px 5px 10px;
      -webkit-box-shadow: inset 0px 0px 10px 5px rgba(253, 200, 0, 0.3);
      -moz-box-shadow: inset 0px 0px 10px 5px rgba(253, 200, 0, 0.3);
      box-shadow: inset 0px 0px 10px 5px rgba(253, 200, 0, 0.3);
    }
    .main-menu-area .header-search a i {
      color: #ff914d;
      border-left: 1px solid #d3d3d3;
      padding-left: 30px;
    }
    .main-menu-area .header-search input:focus {
      outline: none;
    }
    .main-menu-area .header-search input::-webkit-input-placeholder {
      color: #FFFFFF;
    }
    .main-menu-area .header-search input::-moz-placeholder {
      color: #FFFFFF;
    }
    .main-menu-area .header-search input:-moz-placeholder {
      color: #FFFFFF;
    }
    .main-menu-area .header-search input:-ms-input-placeholder {
      color: #FFFFFF;
    }
    .stick {
      background: rgba(0, 33, 71, 0.9);
      border-bottom: 2px solid #002147;
      position: fixed;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }
    .slider1-area.index1 {

    }

    .header-area .header-top-area { background: #002147; }
    .header-area .header-top-area .header-top-left {
      margin: 7px 0;
    }
    .header-area .header-top-area .header-top-left ul li {
      display: inline-block;
      text-transform: lowercase;
      font-size: 13px;
      border-right: 1px solid #BDBDBD;
      margin-right: 15px;
      padding-right: 15px;
    }
    .header-area .header-top-area .header-top-left ul li i {
      padding-right: 10px;
      color: #FF914D;
      font-size: 14px;
    }
    .header-area .header-top-area .header-top-left ul li a {
      color: #d0d6dd;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .header-area .header-top-area .header-top-left ul li:last-child {
      border-right: 0;
      padding-right: 0;
      margin-right: 0;
    }
    .header-area .header-top-area .header-top-left ul li:hover a {
      color: #FF914D;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .header-area .header-top-area .header-top-right {
      text-align: right;
        margin: 7px 0;
    }
    .header-top-right .header-social li {
      display: inline-block;
      margin-right: 5px;
    }
    .header-top-right .header-social li a {
      width: 30px;
      height: 30px;
      display: block;
      text-align: center;
      line-height: 27px;
        border-radius: 50%;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .header-top-right .header-social li a i {
      color: #ff914d;
      font-size: 13px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .header-top-right .header-social li a:hover {

      background: #ff914d;
    }
    .header-top-right .header-social li a:hover i {
      color: #002147;
    }
    .header-top-right .header-social li:last-child {
      margin-right: 0;
    }

    .header-area .header-search a i {
      color: #444444;
      border-left: 1px solid #d3d3d3;
      padding-left: 30px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .header-area .header-search a:hover i {
      color: #ff914d;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    .header-area nav#desktop-nav > ul > li > a {
      padding: 30px 25px;
      color: #002147;
    }
    .header-area nav#desktop-nav > ul > li > a:hover {
      color: #FF914D;
    }

    .header-area nav#desktop-nav > ul > li ul {
      left: 10px;
    }

    .header-area nav#desktop-nav > ul .active > a {
      color: #FF914D;
    }

    .header-area .stick {
      background: rgba(255, 255, 255, 0.9);
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }

     @media (min-width: 992px) and (max-width: 1199px) {
      .header2-area nav#desktop-nav > ul > li > a {
        padding: 30px 18px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .header2-area nav#desktop-nav > ul > li > a {
        padding: 30px 6px;
      }
    }
    .header2-area nav#desktop-nav > ul > li ul {
      left: 10px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header2-area nav#desktop-nav > ul > li ul {
        left: 3px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .header2-area nav#desktop-nav > ul > li ul {
        left: -9px;
      }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header2-area nav#desktop-nav > ul > li .mega-menu-area {
        left: -267px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .header2-area nav#desktop-nav > ul > li .mega-menu-area {
        left: -272px;
      }
    }
    .header2-area nav#desktop-nav > ul .active > a {
      color: #ff914d;
    }
    .header2-area .stick {
      background: rgba(255, 255, 255, 0.9);
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }


/* //////// MOBILE MENU \\\\\\\\ */

    .mobile-menu-area {
    display: none;
    }
    .mean-container .mean-bar {
    float: none;
    background: #fff;
    }
    @media only screen and (max-width: 767px) {
    .mean-container .mean-bar a {
    padding: 6px 17px;
    display: inline-block;
    }
    }
    @media only screen and (max-width: 767px) {
    .mean-container .mean-bar .meanmenu-reveal {
    margin-top: 10px;
    }
    }
    .mean-container .mean-bar:after {
    content: "";
    clear: both;
    display: block;
    }
    .mean-container .mean-nav ul li a {
    color: #212121;
    font-weight: 700;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .mean-container .mean-nav ul li a:hover {
    color: #002147;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .mean-container .mean-nav > ul:after {
    content: '';
    display: block;
    clear: both;
    }
    .mean-container .mean-nav > ul {
    overflow-y: scroll;
    }
    .mean-container .mean-bar a.logo-mobile-menu {
    width: 50%;
    background-color: rgba(255, 255, 255, 0.95);
    box-sizing: border-box;
    }
    .mean-container a.meanmenu-reveal {
    position: absolute;
    }
    .mean-bar + div#wrapper {
    padding-top: 53px;
    }
    .mean-container .mean-nav ul li li a {
    color: #212121;
    opacity: 1;
    }


/* //////// HEADER END \\\\\\\\\\\ */




/*----------------------------------------------------------------------------------------------------------------*/
/* //////// HOMEPAGE \\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/

/* Milkan Css Edits starts Welcome to EdStar Global */

.homepage-title{
    font-weight: 400;
    color: #909090;
    text-align: center;
}
.homepage-subtitle{
  font-weight: 700;
  color: #FF914D;
}
.homepage-para{
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  /* color: #716c6c; */
}

/* Milkan Css Edits end Welcome to EdStar Global */

/* Milkan Css Edits starts Why Choose us */

.homepage-wcu-title{
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.homepage-wcu-subtitle{
    font-weight: 700;
    color: #FF914D;
}
.homepage-wcu-para{
    text-align: left;
    /* font-weight: 450; */
    /* font-size: 17px; */
    color: #fff;
}
.homepage-about-founder-para{
    text-align: left;
    /* font-weight: 450; */
    font-size: 17px;
    /* color: #716c6c; */
}
.founder-area{
    padding-top: 50px;
}
.homepage-about-founder-name{
    text-align: center;
    /* font-weight: 450; */
    color: #909090; 
    font-size: xx-large;
    margin-bottom: 10px;
}
.homepage-about-founder-subname{
    text-align: center;
    /* font-weight: 450; */
    font-size: 17px;
    /* color: #716c6c; */
}

/* Milkan Css Edits end Why Choose us */

/* Milkan Css Edits starts one step closer */

.homepage-abroad{
  padding-bottom: 180px; 
  padding-top: 180px;
}
@media screen and (max-width: 768px) {
  .homepage-abroad{
    padding-bottom: 0px; 
    padding-top: 0px;
  }
  
}
.ghost-abt-btn {
    border: 2px solid #ff914d;
    color: #FFFFFF;
    padding: 10px 100px;
    background: transparent;
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .ghost-abt-btn:hover {
    background:#ff914d;
    color: #002147;
    }
/* Milkan Css Edits end one step closer */

/* Milkan Css Edits starts Footer */
.footer-area {
      background: url("https://picsum.photos/1600/600?grayscale") no-repeat center center/cover; 
      position: relative;
      color: #fff;
    }

    .footer-overlay {
      background: rgba(6, 34, 93, 0.85); /* dark overlay */
      width: 100%;
      height: 100%;
      padding: 60px 0;
    }

    .footer-link {
      color: #fff;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .footer-link:hover {
      color: #ddd;
    }

    .footer-area h5 {
      margin-bottom: 20px;
    }


/* Milkan Css Edits ends Footer */




/* Why Choose EdStar Global ? */
    .service-image {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    @media (min-width: 768px) {
      /* .service-image {height: 340px;} */
      .service-image {height: 400px;}
    }



/* SLIDER START */
    .slider1-area .nivo-controlNav {
    display: none;
    }
    .slider1-area .nivo-directionNav a.nivo-prevNav {
    left: 8px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-prevNav:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 18px;
    z-index: 9;
    height: 10px;
    width: 10px;
    left: 19px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-prevNav:hover {
    background-color: rgba(0, 33, 71, 0.6);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-prevNav:hover:before {
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-nextNav {
    right: 8px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-nextNav:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 18px;
    z-index: 9;
    height: 10px;
    width: 10px;
    right: 19px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-nextNav:hover {
    background-color: rgba(0, 33, 71, 0.6);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-directionNav a.nivo-nextNav:hover:before {
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slider1-area .nivo-caption {
    opacity: 1;
    top: -40px;
    }
    @media only screen and (max-width: 991px) {
    .slider1-area .nivo-caption { top: 0; }}
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 56px;
    margin-bottom: 10px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
        font-family: 'Open Sans', sans-serif;
         font-weight: 800;
    font-size: 42px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
        font-family: 'Open Sans', sans-serif;
         font-weight: 800;
    font-size: 38px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
        font-family: 'Open Sans', sans-serif;
         font-weight: 800;
    margin-bottom: 20px;
    font-size: 32px;
    }
    }
    @media only screen and (max-width: 479px) {
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
        font-family: 'Open Sans', sans-serif;
         font-weight: 800;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1.25;
    }
    }


    @media only screen and (max-width: 319px) {
    .slider1-area .slide-1 .title1,
    .slider1-area .slide-2 .title1,
    .slider1-area .slide-3 .title1 {
        font-family: 'Open Sans', sans-serif;
         font-weight: 800;
    font-size: 20px;
    }
    }
    .slider1-area .slide-1 p,
    .slider1-area .slide-2 p,
    .slider1-area .slide-3 p {
    font-size: 17px;
    margin-bottom: 25px;
    }

    @media (min-width: 991px) and (max-width: 1199px) {
    .slider1-area .slide-1 p,
    .slider1-area .slide-2 p,
    .slider1-area .slide-3 p {
    display: none;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .slider1-area .slide-1 p,
    .slider1-area .slide-2 p,
    .slider1-area .slide-3 p {
    margin-bottom: 30px;
    }
    }
    @media only screen and (max-width: 767px) {
    .slider1-area .slide-1 p,
    .slider1-area .slide-2 p,
    .slider1-area .slide-3 p {
    display: none;
    }
    }
    @media only screen and (max-width: 479px) {
    .slider1-area .slide-1 .slider-btn-area,
    .slider1-area .slide-2 .slider-btn-area,
    .slider1-area .slide-3 .slider-btn-area {
    display: none;
    }
    }
    .slider3-area .nivo-caption {
    opacity: 1;
    top: 0;
    }
    @media only screen and (max-width: 1199px) {
    .slider3-area .nivo-caption {
    top: 0;
    }
    }
    @media only screen and (max-width: 991px) {
    .slider3-area .nivo-caption .slide-1 p,
    .slider3-area .nivo-caption .slide-2 p,
    .slider3-area .nivo-caption .slide-3 p {
    display: none;
    }
    }

/* SLIDER END */


/* About area */

    .about-area {
      padding: 100px 0;
    }


    /* About Contact info */

    .about-contact-info {
      text-align: center;
    }
    .about-contact-info img {
      margin-bottom: 30px;
    }
    .about-contact-info h4 {
      color: #909090;
      margin-bottom: 25px;
    }
    .about-contact-info .about-social2 li {
      display: inline-block;
      margin: 0 2px;
    }
    .about-contact-info .about-social2 li a {
      height: 40px;
      width: 45px;
      background: #ff914d;
      display: block;
      line-height: 40px;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .about-contact-info .about-social2 li a i {
      color: #FFFFFF;
      font-size: 14px;
    }
    .about-contact-info .about-social2 li a:hover {
      background: #002147;
    }
    .about-contact-info .about-contact {
      margin-top: 40px;
    }
    .about-contact-info .about-contact li {
      padding: 25px 0 30px;
      border: 1px solid #e6e6e6;
      font-size: 18px;
      color: #002147;
      margin-bottom: 20px;
    }
    .about-contact-info .about-contact li i {
      color: #ff914d;
      position: relative;
      top: 5px;
      font-size: 30px;
      margin-right: 15px;
    }
    .about-contact-info .about-contact li:last-child {
      margin-bottom: 0;
    }

/* About area end */



/* Services at a Glance Start */
    .services-glance-area {
    padding: 100px 0 70px;
        background: #fff;
    }

     .services-glance-area .countries-item-wrapper .countries-content-wrapper h3 {
    font-weight: 500;
    margin-bottom: 0;
    }
     .services-glance-area .countries-item-wrapper .countries-content-wrapper h3 a {
    color: #ff914d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
     .services-glance-area .countries-item-wrapper .countries-content-wrapper h3 a:hover {
    color: #FFFFFF;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
     .services-glance-area  .countries-item-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    }
     .services-glance-area .countries-item-wrapper:before {
    background: linear-gradient(to top, #002147, transparent, transparent);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
     .services-glance-area .countries-item-wrapper:after {
    opacity: 0;
    width: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    height: 100%;
    background-color: rgba(0, 33, 71, 0.8);
    transform: translateY(300px);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
     .services-glance-area .countries-item-wrapper a img {
    width: 100%;
    }
    .services-glance-area  .countries-item-wrapper .countries-content-wrapper {
    padding: 0 30px;
    position: absolute;
    top: 220px;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
     .services-glance-area .countries-item-wrapper .countries-content-wrapper {
    padding: 0 15px;
    top: 225px;
    }
    }
    @media only screen and (max-width: 479px) {
     .services-glance-area .countries-item-wrapper .countries-content-wrapper {
    top: 330px;
    }
    }
    @media only screen and (max-width: 425px) {
     .services-glance-area .countries-item-wrapper .countries-content-wrapper {
    top: 276px;
    }
    }
    @media only screen and (max-width: 375px) {
    .services-glance-area  .countries-item-wrapper .countries-content-wrapper {
    top: 227px;
    }
    }
    @media only screen and (max-width: 320px) {
    .services-glance-area  .countries-item-wrapper .countries-content-wrapper {
    top: 190px;
    }
    }

.service-box2 .service-box-icon a i {
      color: #002147;
      font-size: 36px;
    }
    .service-box2 h4 {
      font-size: 22px;
      margin-bottom: 15px;
      font-weight: 500;
    }
    .service-box2 h4 a {
      color: #002147;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .service-box2 h4 a:hover {
      color: #ff914d;
    }
    .service-box2 p {
      width: 80%;
      margin: 0 auto;
    }
    @media only screen and (max-width: 991px) {
      .service-box2 p {
        width: 100%;
      }
    }
    .service-box2:hover .service-box-icon a {
      background: #ff914d;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }

/* Services at a Glance END */

.service2-area {
      padding: 157px 0 74px;
      position: relative;
        background: #fff;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .service2-area {
        padding: 147px 0 63px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .service2-area {
        padding: 137px 0 27px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .service2-area {
        padding: 0 0 19px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .service2-area {
        padding: 0 0 23px;
      }
    }
    @media only screen and (max-width: 320px) {
      .service2-area {
        padding: 0 0 13px;
      }
    }
    .search-area {
      position: absolute;
      top: -60px;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 9;
    }
    @media only screen and (max-width: 767px) {
      .search-area {
        position: relative;
        top: 15px;
        margin-bottom: 80px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .search-area {
        margin-bottom: 70px;
      }
    }
    @media only screen and (max-width: 320px) {
      .search-area {
        margin-bottom: 60px;
      }
    }
    .search-area .search-inner {
      margin-left: 0;
      margin-right: 0;
      padding: 35px 20px;
      background: #002147;
      -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
      -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
      box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
    }
    .search-area .search-inner .search-title {
      margin-top: 10px;
      text-align: left;
    }
    @media only screen and (max-width: 767px) {
      .search-area .search-inner .search-title {
        text-align: center;
        margin-bottom: 10px;
      }
    }
    .search-area .search-inner .search-title span {
      color: #FFFFFF;
      font-size: 18px;
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .search-area .search-inner .search-title span {
        font-size: 17px;
      }
    }
    .search-area .search-inner .search-title span i {
      margin-right: 10px;
      color: #FFFFFF;
    }
    @media only screen and (max-width: 767px) {
      .search-area .search-inner .search-input {
        margin-bottom: 10px;
      }
    }
    .search-area .search-inner .search-input input {
      height: 52px;
      width: 100%;
      padding: 15px;
    }
    .search-area .search-inner .search-submit {
      text-align: right;
    }
    @media only screen and (max-width: 767px) {
      .search-area .search-inner .search-submit {
        text-align: center;
      }
    }

.service-box3 {
      text-align: center;
    background: #eee;
    padding: 20px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 991px) {
      .service-box3 {
        margin-bottom: 45px;
      }
    }
    @media only screen and (max-width: 479px) {
      .service-box3 {
        margin-bottom: 30px;
      }
    }
    .service-box3 .service-box-icon {
      margin-bottom: 18px;
    }
    .service-box3 .service-box-icon a i {
      color: #ff914d;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      font-size: 30px;
    }
    .service-box3 h4 {
      margin-bottom: 10px;
    }
    .service-box3 h4 a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .service-box3 h4 a:hover {
      color: #ff914d;
    }
    .service-box3:hover .service-box-icon a i {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }



/* Countries Start */
    .countries-area {
    padding: 100px 0 70px;
        background: #eee;
    }
  

    .countries-item-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    }
    .countries-item-wrapper:before {
    background: linear-gradient(to top, #002147, transparent, transparent);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper:after {
    opacity: 0;
    width: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    height: 100%;
    background-color: rgba(0, 33, 71, 0.8);
    transform: translateY(300px);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper a img {
    width: 100%;
    }
    .countries-item-wrapper .countries-content-wrapper {
    padding: 0 30px;
    position: absolute;
    top: 258px;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
    .countries-item-wrapper .countries-content-wrapper {
    padding: 0 15px;
    top: 225px;
    }
    }
    @media only screen and (max-width: 479px) {
    .countries-item-wrapper .countries-content-wrapper {
    top: 330px;
    }
    }
    @media only screen and (max-width: 425px) {
    .countries-item-wrapper .countries-content-wrapper {
    top: 276px;
    }
    }
    @media only screen and (max-width: 375px) {
    .countries-item-wrapper .countries-content-wrapper {
    top: 227px;
    }
    }
    @media only screen and (max-width: 320px) {
    .countries-item-wrapper .countries-content-wrapper {
    top: 190px;
    }
    }

    .countries-item-wrapper .countries-content-wrapper h2 {
    font-weight: 500;
    margin-bottom: 0;
    }
    .countries-item-wrapper .countries-content-wrapper h2 a {
    color: #ff914d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper .countries-content-wrapper h2 a:hover {
    color: #FFFFFF;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper .countries-content-wrapper span {
    color: #FFFFFF;
    margin-bottom: 42px;
    display: block;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper .countries-content-wrapper p {
    margin-bottom: 40px;
    color: #FFFFFF;

    }
    .countries-item-wrapper:hover:after {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper:hover:before {
    opacity: 0;
    -webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -ms-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    transition: all 3s ease-out;
    }
    .countries-item-wrapper:hover .countries-content-wrapper {
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .countries-item-wrapper:hover .countries-content-wrapper span {
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }


/* Countries End */

    










/* Parallax-area Start*/
    .parallax-area {
  padding: 108px 0 120px;
  position: relative;
    background-attachment: fixed;
  
}
    .parallax-content {
        color: #fff;
      position: relative;
      text-align: center;
    }
    .parallax-content .parallax-title {
      letter-spacing: 1px;
      font-size: 36px;
      color: #FFFFFF;
      text-align: center;
      margin-bottom: 10px;
    }
    .parallax-content .parallax-sub-title {
      color: #a3bed5;
      text-align: center;
      margin: 0 auto;
      padding-bottom: 35px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .parallax-area {
        padding: 88px 0 100px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .parallax-area {
        padding: 78px 0 90px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .parallax-area {
        padding: 58px 0 70px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .parallax-area {
        padding: 48px 0 60px;
      }
    }
    @media only screen and (max-width: 480px) {
      .parallax-content .parallax-title {
        font-size: 30px;
      }
    }
    @media only screen and (max-width: 320px) {
      .parallax-area {
        padding: 38px 0 50px;
      }
    }
/* Parallax end*/



/* Parallax-area */
  .parallax-area2 {
  padding: 108px 0 120px;
  position: relative;
    background-attachment: fixed;
      background-position: center;
      height: 350px;
}
   
    @media (min-width: 992px) and (max-width: 1199px) {
      .parallax-area {
        padding: 88px 0 100px;
          height: 300px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .parallax-area {
        padding: 78px 0 90px;
          height: 200px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .parallax-area {
        padding: 58px 0 70px;
          height: 200px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .parallax-area {
        padding: 48px 0 60px;
      }
    }
    @media only screen and (max-width: 480px) {
      .parallax-content .parallax-title {
        font-size: 30px;
      }
    }
    @media only screen and (max-width: 320px) {
      .parallax-area {
        padding: 38px 0 50px;
      }
    }





/* Testimonials Start */
    .testimonials-area {
      padding: 88px 0 100px;
        background: #eee;

    }
    .testimonials-item-wrapper {
      text-align: center;
        left: 50%;
        padding: 25px 10px 25px 10px;
        background: #fff;
        height: 600px;
    }


    .testimonials-img-wrapper {
        border-radius: 50%;
        width: 40%;
      overflow: hidden;
        margin: auto;
        margin-bottom: 20px;
    }


    .testimonials-img-wrapper img {
      width: 100%;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }
    .testimonials-img-wrapper:hover img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    .testimonials-content-wrapper {
      text-align: center;
    }

.testimonials-content-wrapper h4 {
    margin-bottom: 10px;
    
}

.testimonials-content-wrapper h5 {
    color: grey;
    margin-bottom: 10px;
    
}
    .testimonials-content-wrapper p {
      text-align: left;
      margin: 15px;
      display: block;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
      .testimonials-area {
        padding: 78px 0 90px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .testimonials-area {
        padding: 68px 0 80px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .testimonials-area {
        padding: 58px 0 70px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .testimonials-area {
        padding: 48px 0 50px;
      }
    }
    @media only screen and (max-width: 320px) {
      .testimonials-area {
        padding: 38px 0 40px;
      }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
      .countries-item-wrapper .testimonials-content-wrapper {
        padding: 0 15px;
        top: 225px;
      }
    }
    @media only screen and (max-width: 479px) {
      .countries-item-wrapper .testimonials-content-wrapper {
        top: 330px;
      }
    }
    @media only screen and (max-width: 425px) {
      .countries-item-wrapper .testimonials-content-wrapper {
        top: 276px;
      }
    }
    @media only screen and (max-width: 375px) {
      .countries-item-wrapper .testimonials-content-wrapper { top: 227px; }
    }
    @media only screen and (max-width: 320px) {
      .countries-item-wrapper .testimonials-content-wrapper { top: 190px; }
    }
/* Testimonials End */


.students-say-area {
      padding: 88px 0 90px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .students-say-area {
        padding: 78px 0 80px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .students-say-area {
        padding: 68px 0 70px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .students-say-area {
        padding: 58px 0 60px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .students-say-area {
        padding: 48px 0 50px;
      }
    }
    @media only screen and (max-width: 320px) {
      .students-say-area {
        padding: 38px 0 40px;
      }
    }
    .students-say-area .single-item-wrapper {
      position: relative;
    }
    .students-say-area .profile-img-wrapper {
      margin: auto;
      z-index: 1;
      
    }
    .students-say-area .profile-img-wrapper a img {
      border: 10px solid #ffffff;
      width: auto;
      margin: 0 auto;
    }
    .students-say-area .tlp-tm-content-wrapper .item-title {
      margin: auto;
        text-align: center;
      font-size: 20px;
      font-weight: 500;
    }
    .students-say-area .tlp-tm-content-wrapper .item-title a {
      color: #002147;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .students-say-area .tlp-tm-content-wrapper .item-title a:hover {
      color: #ff914d;
    }
    .students-say-area .tlp-tm-content-wrapper .item-designation {
      margin:auto;
        text-align: center;
      display: block;
      color: #646464;
    }
    .students-say-area .item-content {
        margin: auto;
      position: relative;
      padding: 30px 30px 30px 30px;
      background: #eee;
      color: #000;
        width: 70%;
        font-size: 17px;
    }
    .students-say-area .item-content:after {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: 38px;
      top: -30px;
      border: 15px solid;
      border-color: transparent  #eee #eee transparent;
    }
    .students-say-area .rating-wrapper {
      margin-bottom: 40px;
    }
    .students-say-area .rating-wrapper li {
      display: inline;
      color: #ffca28;
    }
    .students-say-area .owl-controls .owl-nav {
      margin-top: 0;
    }
    .students-say-area .owl-controls .owl-dots {
      margin-top: 40px;
    }
    .students-say-area .owl-controls .owl-dots .owl-dot span {
      margin: 3px;
      width: 20px;
      height: 8px;
      border-radius: 5px;
      background: #dedede;
      display: block;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .students-say-area .owl-controls .owl-dots .owl-dot:hover span {
      background: #002147;
    }
    .students-say-area .owl-controls .owl-dots .active span {
      background: #002147;
    }

/* Clients */
    .clients-area {
      padding: 70px 0;
      text-align: center;
    }
    .clients-area .brand-area-box a img {
      width: 75%;
      margin: 0 auto;
    }
    .clients-area .owl-nav {
      margin-top: 0;
    }
/* Clients End */




/* //////// HOMEPAGE END \\\\\\\\ */




/*----------------------------------------------------------------------------------------------------------------*/
/* //////// Services \\\\\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/

/* start course feature by milkan */
     ul.course-feature4 {
    margin-bottom: 30px;
    }
    ul.course-feature4:after {
    clear: both;
    content: "";
    display: block;
    }
    ul.course-feature4 li {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    margin-right: 5px;
    color: #ffffff;
    }
    @media only screen and (max-width: 991px) {
    ul.course-feature4 li {
    width: 100%;
    }
    }
    ul.course-feature4 li:before {
    content: "\f058";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    font-size: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    line-height: 1.3;
    color: #ff914d;
    }


    ul.course-feature3 {
    margin-bottom: 0px;
    }
    ul.course-feature3:after {
    clear: both;
    content: "";
    display: block;
    }
    ul.course-feature3 li {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    margin-right: 5px;
    color: #000;
    }
    @media only screen and (max-width: 991px) {
    ul.course-feature3 li {
    width: 100%;
    }
    }
    ul.course-feature3 li:before {
    content: "\f058";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    font-size: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    line-height: 1.3;
    color: #ff914d;
    }
/* end course feature by milkan */

/* milkan strat accordin */

/* Remove Bootstrap default arrow/plus icon */
.accordion-toggle::before {
  /* display: none !important; */
}

/* Accordion header style */
.custom-accordion {
  background: #f0f0f0;
  font-weight: 600;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Number Circle */
.accordion-number {
  background: #ffcc00;
  color: #000;
  font-weight: bold;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Remove blue focus outline */
.accordion-button:focus {
  box-shadow: none;
}
/* milkan end accordin */

/* Milkan  start Services Area */
.service-para{
  font-weight: 350;
  font-size: 20px;
  color: black;
}
.panel-group{
  margin-left: 150px; 
  margin-right: 150px;
}
@media only screen and (max-width: 767px) {
  .panel-group{
    margin-left: 20px; 
    margin-right: 20px;
  }
}
/* Milkan end Services Area */


    .services-area {
      padding: 88px 0 73px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .services-area {
        padding: 78px 0 63px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .services-area {
        padding: 68px 0 54px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .services-area {
        padding: 58px 0 43px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .services-area {
        padding: 48px 0 34px;
      }
    }
    @media only screen and (max-width: 320px) {
      .services-area {
        padding: 38px 0 24px;
      }
    }


/* Services Parallax Area */
    .featured-box2 {
        margin-bottom: 20px;
      width: 100%;
      background: #f5f5f5;
      vertical-align: baseline;
      padding: 25px 25px 25px 25px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    @media (min-width: 768px) and (max-width: 1199px) {
      .featured-box2 {
        text-align: center;
        padding: 25px 10px 15px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .featured-box2 {
        height: 198px;
      }
    }
    @media only screen and (max-width: 479px) {
      .featured-box2 {
        text-align: center;
        padding: 15px 10px 5px;
      }
    }
    @media only screen and (max-width: 767px) {
      .featured-box2 {
        margin-bottom: 15px;
      }
    }

    .featured-box2 i {
      float: left;
      margin-right: 20px;
      text-align: center;
      height: 60px;
      width: 60px;
      line-height: 58px;
      border-radius: 50%;
      background: #ff914d;
      font-size: 22px;
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    @media (min-width: 768px) and (max-width: 1199px) {
      .featured-box2 i {
        float: none;
        margin-right: 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .featured-box2 i {
        float: none;
        margin-right: 0;
      }
    }
    .featured-box2 h3 {
      margin-top: 17px;
      font-size: 17px;
      font-weight: 500;
    }
    .featured-box2 h3 a {
      color: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .featured-box2 h3 a:hover {
      color: #FFFFFF !important;
    }
    .featured-box2:before {
      background: #002147;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .featured-box2:hover h3 a {
      color: #ff914d;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
/* Services Parallax Area End */


/* Institution Listing*/ 
    .institution-listing-area {
      padding: 100px 0;
      background: #eee;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .institution-listing-area {
        padding: 90px 0;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .institution-listing-area {
        padding: 80px 0;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .institution-listing-area {
        padding: 70px 0;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .institution-listing-area {
        padding: 60px 0;
      }
    }
    @media only screen and (max-width: 320px) {
      .institution-listing-area {
        padding: 50px 0;
      }
    }
    .institution-box {
        background: #fff;
        height: 690px;
      margin-bottom: 35px;
        
    }
.institution-box p {
    padding: 0 20px;
    
        
    }

    .institution-box .institution-img-holder {
      margin-bottom: 20px;
      position: relative;
    }
    .institution-box .institution-img-holder .institution-details {
      position: absolute;
      bottom: 30px;
      z-index: 1;
      left: 30px;
    }
    .institution-box .institution-img-holder .institution-details a {
      color: #ffffff;
      padding: 10px 20px;
      display: block;
      background: #002147;
      font-size: 18px;
      font-weight: 500;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .institution-box .institution-img-holder .institution-details a:hover {

        background: #ff914d;
      color: #002147;
    }
    .institution-box .institution-img-holder .institution-details a:hover i {
      color: #002147;
    }
    .institution-box .institution-img-holder .institution-details a i {
      color: #ffffff;
      font-size: 20px;
      margin-left: 15px;
      font-weight: 700;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
 /* Institution Listing End*/ 


/* Documents Required */
.courses-page-area3 {
      padding: 100px 0;
      background: #eee;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .courses-page-area3 {
        padding: 90px 0;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .courses-page-area3 {
        padding: 80px 0;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .courses-page-area3 {
        padding: 70px 0;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .courses-page-area3 {
        padding: 60px 0;
      }
    }
    @media only screen and (max-width: 320px) {
      .courses-page-area3 {
        padding: 50px 0;
      }
    }



    .course-details-inner ul.course-feature:after {
      clear: both;
      content: "";
      display: block;
    }
    .course-details-inner ul.course-feature li {
      width: 32%;
      box-sizing: border-box;
      float: left;
      padding-left: 30px;
      position: relative;
      margin-bottom: 30px;
      margin-right: 10px;
      
    }
    @media only screen and (max-width: 991px) {
      .course-details-inner ul.course-feature li {
        width: 100%;
      }
    }
    .course-details-inner ul.course-feature li:before {
      content: "\f15c";
      position: absolute;
      font-family: FontAwesome;
      left: 0;
      top: 0;
      font-size: 20px;
      border-radius: 50%;
      z-index: 1;
      line-height: 1.3;
      color: #ff914d;
    }






/* MOTIVATION LETTER */
    .about-page1-area {
      padding: 88px 0 100px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .about-page1-area {
        padding: 78px 0 53px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .about-page1-area {
        padding: 68px 0 43px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .about-page1-area {
        padding: 58px 0 70px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .about-page1-area {
        padding: 48px 0 60px;
      }
    }
    @media only screen and (max-width: 320px) {
      .about-page1-area {
        padding: 38px 0 50px;
      }
    }
    .about-page1-inner .about-page-content-holder .content-box {
      margin-bottom: 30px;
      margin-top: 10px;
    }
    .about-page1-inner .about-page-content-holder .content-box h2 {
      
      color: #002147;
      margin-bottom: 15px;
      
    }
    .about-page1-inner .about-page-content-holder .content-box p {
      
        text-align: justify;
    }
    .about-page1-inner .about-page-img-holder {
      margin-top: 12px;
    }
/* MOTIVATION LETTER END */

/* //////// SERVICES END \\\\\\\\\\\ */





/*----------------------------------------------------------------------------------------------------------------*/
/* //////// WHY STUDY ABROAD START \\\\\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/



    .design-career-area {
    padding: 100px 0 74px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .benefits-area {
    padding: 90px 0 77px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .design-career-area {
    padding: 80px 0 52px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .design-career-area {
    padding: 70px 0 69px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .design-career-area {
    padding: 60px 0 59px;
    }
    }
    @media only screen and (max-width: 320px) {
    .design-career-area{
    padding: 50px 0 49px;
    }
    }



    .benefits-area {
    padding: 100px 0 74px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .benefits-area {
    padding: 90px 0 77px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .benefits-area {
    padding: 80px 0 52px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .benefits-area {
    padding: 70px 0 69px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .benefits-area {
    padding: 60px 0 59px;
    }
    }
    @media only screen and (max-width: 320px) {
    .benefits-area {
    padding: 50px 0 49px;
    }
    }



    .consult-with-best-area {
    /* padding: 100px 0 74px; */
    padding: 74px 0 74px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .consult-with-best-area {
    padding: 90px 0 77px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .consult-with-best-area {
    padding: 80px 0 52px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .consult-with-best-area {
    padding: 70px 0 69px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .consult-with-best-area {
    padding: 60px 0 59px;
    }
    }
    @media only screen and (max-width: 320px) {
    .consult-with-best-area {
    padding: 50px 0 49px;
    }
    }



 .scholarship-area {
    /* padding: 100px 0 74px; */
    padding: 74px 0 74px;
     background: #eee;    
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .scholarship-area {
    padding: 90px 0 77px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .scholarship-area{
    padding: 80px 0 52px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .scholarship-area {
    padding: 70px 0 69px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .scholarship-area {
    padding: 60px 0 59px;
    }
    }
    @media only screen and (max-width: 320px) {
    .scholarship-area {
    padding: 50px 0 49px;
    }
    }




    ul.course-feature2 {
    margin-bottom: 30px;
    }
    ul.course-feature2:after {
    clear: both;
    content: "";
    display: block;
    }
    ul.course-feature2 li {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    margin-right: 5px;
    color: #000;
    font-size: 17px;
    }
    @media only screen and (max-width: 991px) {
    ul.course-feature2 li {
    width: 100%;
    }
    }
    ul.course-feature2 li:before {
    content: "\f058";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    font-size: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    line-height: 1.3;
    color: #ff914d;
    }



    .faq-page-area {
    padding: 100px 0 100px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .faq-page-area {
    padding: 90px 0 50px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .faq-page-area {
    padding: 80px 0 40px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .faq-page-area {
    padding: 70px 0 30px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .faq-page-area {
    padding: 60px 0 20px;
    }
    }
    @media only screen and (max-width: 320px) {
    .faq-page-area {
    padding: 50px 0 10px;
    }
    }
    .faq-box-wrapper {
    margin-bottom: 20px;
    }
    .faq-box-wrapper .faq-box-item .panel-heading {
    border-radius: 4px;
    padding: 0;
    color: #002147;
    }
    .faq-box-wrapper .faq-box-item .faq-box-title h4 {
    margin-bottom: 0;
    position: relative;
    font-size: 18px;
    }
    .faq-box-wrapper .faq-box-item .faq-box-title h4 a {
    display: block;
    position: relative;
    padding: 25px 10px 25px 70px;
    color: #002147;
    }
    .faq-box-wrapper .faq-box-item .faq-box-title h4 a span {
    position: absolute;
    left: 10px;
    top: 18px;
    z-index: 1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    background: #ff914d;
    color: #000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .faq-box-wrapper .faq-box-item .faq-box-title h4 a:before {
    content: "\f0fe";
    position: absolute;
    z-index: 1;
    top: 25px;
    right: 15px;
    color: #ff914d;
    font-family: FontAwesome;
    }
    .faq-box-wrapper .faq-box-item .faq-box-body {
    background: #002147;
    color: #FFFFFF;
    padding: 20px 35px 5px;
    }
    .faq-box-wrapper .faq-box-item .active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }
    .faq-box-wrapper .faq-box-item .active .faq-box-title h4 a:before {
    content: "\f146";
    color: #002147;
    }
    .faq-box-wrapper .faq-box-item .active .faq-box-title h4 a span {
    background: #FFFFFF;
    }
/* //////// WHY STUDY ABROAD END \\\\\\\\\\\ */






/*----------------------------------------------------------------------------------------------------------------*/
/* //////// Institutions \\\\\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/

    .courses-page-area2 {
    padding: 100px 0 70px;
    background: #f5f5f5;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .courses-page-area2 {
    padding: 90px 0 60px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .courses-page-area2 {
    padding: 80px 0 50px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .courses-page-area2 {
    padding: 70px 0 40px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .courses-page-area2 {
    padding: 60px 0 30px;
    }
    }
    @media only screen and (max-width: 320px) {
    .courses-page-area2 {
    padding: 50px 0 20px;
    }
    }

.courses-page-area2 img {
    height: 30px;
}


    .description-box {
    background: #FFFFFF;
        padding: 40px;
         margin-bottom: 30px;
    }

.description-box p {
    margin: 20px 0;
}

.description-box img {
    width: 100%;
    height: auto;
}

  


    .courses-box1 .single-item-wrapper {
    
    margin-bottom: 30px;
    overflow: hidden;
    background: #FFFFFF;
    align-content: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

    }
    .courses-box1 .single-item-wrapper .courses-img-wrapper {
    position: relative;
    height: 80px;
    }
    .courses-box1 .single-item-wrapper .courses-img-wrapper img {
    width: 50%;
    margin: 80px auto;
    }
    .courses-box1 .single-item-wrapper .courses-img-wrapper:before {
    background-color: rgba(253, 200, 0, 0.8);
    z-index: 1;
    }
    .courses-box1 .single-item-wrapper .courses-img-wrapper:hover a {
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .courses-box1 .single-item-wrapper .courses-img-wrapper a {
    opacity: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 3;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    color: #FFFFFF;
    display: block;
    background: #002147;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper {
    padding: 20px 15px;
    text-align: center;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .item-title {
    
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .item-title a {
    color: #002147;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .item-title a:hover {
    color: #ff914d;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .courses-info li {
    line-height: 1.3;
    padding-right: 7px;
    margin-right: 2px;
    border-right: 1px solid #909090;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .courses-info li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
    }
    .courses-box1 .single-item-wrapper .courses-content-wrapper .view-all-accent-btn {
    margin: auto;
    margin-bottom: 10px;
    }


/*----------------------------------------------------------------------------------------------------------------*/
/* //////// Contact US \\\\\\\\\\\ */
/*----------------------------------------------------------------------------------------------------------------*/

    .registration-page-area {
    padding: 88px 0 100px;
    }
    .registration-page-area .registration-details-area label {
    letter-spacing: 1px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 10px;
    }
    .registration-page-area .registration-details-area input {
    height: 40px;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
    background: #f9f9f9;
    }
    .registration-page-area .registration-details-area textarea {
    border: 1px solid #dcdcdc;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
    background: #f9f9f9;
    }
    .registration-page-area .registration-details-area span {
    color: #333333;
    text-transform: capitalize;
    letter-spacing: 1px;
    }
    .registration-page-area .registration-details-area span input {
    height: inherit;
    margin-right: 10px;
    }
    .registration-page-area .registration-details-area .custom-select select {
    width: 100%;
    height: 40px;

    }
    .registration-page-area .pLace-order {
    text-align: left;
    }
    .registration-page-area .select2-container .select2-selection--single {
    height: 40px;
    }
    .registration-page-area .select2-container--classic .select2-selection--single {
    background-color: #f9f9f9;
    background-image: none;
    border-radius: 0;
    border: 1px solid #dcdcdc;
    }
    .registration-page-area .select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-style: normal;
    padding: 0 0 0 10px;
    }
    .registration-page-area .select2-container--classic .select2-selection--single .select2-selection__arrow {
    top: 7px;
    background-color: transparent;
    background-image: none;
    border-style: none;
    right: 5px;
    margin: 1px 5px 0 0;
    }
    .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #002147;
    color: #ffffff;
    }
    .select2-container--classic .select2-dropdown {
    border: 1px solid #002147 !important;
    }
    .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #002147;
    z-index: 8;
    }

    .contact-details-area {
    padding: 88px 0 88px 0;
    background: #eee;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .contact-details-area {
    padding: 78px 0 78px 0;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .contact-details-area {
    padding: 68px 0 68px 0;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .contact-details-area {
    padding: 58px 0 58px 0;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .contact-details-area {
    padding: 48px 0 48px 0;
    }
    }
    @media only screen and (max-width: 320px) {
    .contact-details-area {
    padding: 38px 0 38px 0;
    }
    }

    .contact-details-item {
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    padding: 25px 25px 25px 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

    @media (min-width: 768px) and (max-width: 1199px) {
    .contact-details-item {
    text-align: center;
    padding: 25px 10px 15px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .contact-details-item {
    height: 198px;
    }
    }
    @media only screen and (max-width: 479px) {
    .contact-details-item {
    text-align: center;
    padding: 15px 10px 5px;
    }
    }
    @media only screen and (max-width: 767px) {
    .contact-details-item {
    margin-bottom: 15px;
    }
    }


    .contact-details-item i {
    float: left;
    margin-right: 20px;

    text-align: center;
    height: 60px;
    width: 60px;
    line-height: 58px;
    border-radius: 50%;
    background: #ff914d;
    font-size: 24px;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    @media (min-width: 768px) and (max-width: 1199px) {
    .contact-details-item i {
    float: none;
    margin-right: 0;
    }
    }
    @media only screen and (max-width: 479px) {
    .contact-details-item i {
    float: none;
    margin-right: 0;
    }
    }
    .contact-details-item h3 {
    margin-top: 17px;
    font-size: 17px;
    font-weight: 500;
    }
    .contact-details-item h3 a {
    color: #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .contact-details-item h3 a:hover {
    color: #FFFFFF !important;
    }
    .contact-details-item:before {
    background: #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .contact-details-item:hover h3 a {
    color: #ff914d;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }



/* Gallery Start */
    .gallery-area {

    padding: 100px 0 93px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    .gallery-area {
    padding: 90px 0 83px;
    }
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .gallery-area {
    padding: 80px 0 73px;
    }
    }
    @media (min-width: 480px) and (max-width: 767px) {
    .gallery-area {
    padding: 70px 0 63px;
    }
    }
    @media (min-width: 321px) and (max-width: 479px) {
    .gallery-area {
    padding: 60px 0 53px;
    }
    }
    @media only screen and (max-width: 320px) {
    .gallery-area2 {
    padding: 50px 0 43px;
    }
    }
    .gallery-box {
    margin-bottom: 6px;
    position: relative;
    }
    .gallery-box:before {
    opacity: 0;
    content: "";
    background-color: rgba(253, 200, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .gallery-box img {
    width: 100%;
    }
    .gallery-box .gallery-content {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .gallery-box .gallery-content a {
    background-color: #002147;
    height: 55px;
    width: 55px;
    line-height: 60px;
    display: inline-block;
    border-radius: 50%;
    }
    .gallery-box .gallery-content a i {
    color: #FFFFFF;
    font-size: 18px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .gallery-box:hover:before {
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .gallery-box:hover .gallery-content {
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

/* Gallery End */









/*----------------------------------------------------------------------------------------------------------------*/
/* //////// FOOTER \\\\\\\\\\\ */
    .footer-area-top {
  background-image: url('img/plymouth-lighthouse.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 600px;    /* adjust to what looks good */
  padding: 200px 0;      /* just enough breathing space */
}
    .footer-area-top a {
      font-size: 13px;
      /* padding: 92px 0 50px; */
      /* background: #002147; */
       
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .footer-area-top {
        padding: 82px 0 40px;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .footer-area-top {
        padding: 72px 0 40px;
      }
    }
    @media (min-width: 480px) and (max-width: 767px) {
      .footer-area-top {
        padding: 62px 0 35px;
      }
    }
    @media (min-width: 321px) and (max-width: 479px) {
      .footer-area-top {
        padding: 52px 0 20px;
      }
    }
    @media only screen and (max-width: 320px) {
      .footer-area-top {
        padding: 42px 0 10px;
      }
    }
    .footer-area-top .footer-box {
      margin-bottom: 30px;
    
    }

    .footer-area-top .footer-box img {
     height: 60px;
     /* height: 40px; */
        width: auto;
    }

    .footer-area-top p {
      color: #fff;
    }

    .footer-area-top h3 {
      font-size: 20px;
      margin-bottom: 30px;
      color: #FFFFFF;
      margin-left: 72px;
    }
    /* Milkan edit Mobile view: remove left margin */
    @media (max-width: 768px) {
      .footer-area-top h3 {
        margin-left: 0;
      }
    }
    /* Milkan edit Mobile view end: remove left margin */

    .footer-area-top .footer-about {
      margin: 20px 0 35px;
        
    }
   
    .footer-area-top .featured-links {
      margin-bottom: 50px;
      margin-left: 58px;
    }
    /* Milkan edit Mobile view: remove left margin */
    @media (max-width: 768px) {
      .footer-area-top .featured-links {
        margin-left: -13px;
      }
    }
    /* Milkan edit Mobile view end: remove left margin */

    .footer-area-top .featured-links > li {
      display: inline-block;
    }
    .footer-area-top .featured-links > li:first-child {
      margin-right: 30px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .footer-area-top .featured-links > li:first-child {
        margin-right: 10px;
      }
    }
    .footer-area-top .featured-links > li {
      margin-bottom: 12px;
      position: relative;
      padding-left: 15px;
      
        display: block;
    }
    .footer-area-top .featured-links >li:before {
      /* content: "\f105"; */
      position: absolute;
      left: 0;
      font-family: FontAwesome;
      color: #ff914d;
      top: 0;
    }
    .footer-area-top .featured-links > li a {
      color: #f5f5f5;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .footer-area-top .featured-links > li a:hover {
      color: #ff914d;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
    }
    .footer-area-top .corporate-address {
      margin-bottom: 20px;
      
    }
    /* Milkan edit Mobile view: remove left margin */
    @media (max-width: 768px) {
      .footer-area-top .corporate-address {
        margin-left: 0;
      }
    }
    /* Milkan edit Mobile view end: remove left margin */
    
    .footer-area-top .corporate-address li {
      margin-bottom: 10px;
      color: #f5f5f5;
      position: relative;
      padding-left: 30px;
      
    }
    .footer-area-top .corporate-address li i {
      color: #ff914d;
      padding-right: 15px;
      position: absolute;
      left: 0;
      top: 3px;
      z-index: 1;
      font-size: 14px;
    }
    .footer-area-top .corporate-address li a {
      color: #f5f5f5;
    }
    .footer-area-top .corporate-address li:last-child {
      margin-bottom: 0;
    }
    .footer-area-top .newsletter-area .stylish-input-group {
      border: none;
      padding: 0;
    }
    .footer-area-top .newsletter-area .stylish-input-group .form-control {
      border: none;
      box-shadow: 0 0 0;
      border-radius: 0;
      text-transform: lowercase;
      color: #717a7f;
      height: 42px;
      font-size: 13px;
      background-color: rgba(0, 8, 46, 0.3);
    }
    .footer-area-top .newsletter-area .stylish-input-group .input-group-addon {
      background: transparent;
      border: none;
      border-radius: 0;
      padding: 0;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button {
      border: 0;
      padding: 13px 17px 14px 17px;
      background-color: rgba(0, 8, 46, 0.3);
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button i {
      color: #ff914d;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover {
      background: #ff914d;
    }
    .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover i {
      color: #002147;
    }



    .footer-area-top .footer-social li {
      display: inline-block;
      margin-right: 5px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .footer-area-top .footer-social li {
        margin-right: 2px;
      }
    }
    .footer-area-top .footer-social li a {
      width: 30px;
      height: 30px;
      display: block;
      text-align: center;
      line-height: 27px;
        border-radius: 50%;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-top .footer-social li a i {
      color: #ff914d;
      font-size: 13px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-top .footer-social li a:hover {
      border: 1px solid #ff914d;
      background: #ff914d;
    }
    .footer-area-top .footer-social li a:hover i {
      color: #002147;
    }
    .footer-area-top .footer-social li:last-child {
      margin-right: 0;
    }
    .footer-area-top .flickr-photos li {
      display: inline-block;
      width: 32%;
      margin-bottom: -2px;
    }
    .footer-area-top .flickr-photos li img:hover {
      opacity: 0.5;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-bottom {
      background: #001a39;
      padding: 27px 0 15px;
      text-transform: capitalize;
      
    }
    @media only screen and (max-width: 767px) {
      .footer-area-bottom {
        text-align: center;
        padding: 17px 0;
      }
    }
    .footer-area-bottom p {
      color: #999999;
        font-size: 13px;
    }
    @media only screen and (max-width: 767px) {
      .footer-area-bottom p {
        margin-bottom: 10px;
      }
    }
    .footer-area-bottom p a {
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .footer-area-bottom p a:hover {
      color: #ff914d;
    }
    .footer-area-bottom .payment-method {
      text-align: right;
    }
    @media only screen and (max-width: 767px) {
      .footer-area-bottom .payment-method {
        text-align: center;
      }
    }
    .footer-area-bottom .payment-method li {
      display: inline-block;
    }

/* //////// FOOTER END \\\\\\\\\\\ */
 .jyra {
        float: right;
    }

/* Custom styles for index.html by Milkan*/


 .hero-single .hero-bg {
            position: absolute;
            inset: 0;
            background: url("../img/slider/slide-4.jpg") center/cover no-repeat;
            background-size: cover;
            background-position: center;
            z-index: 1;
          }








/* hide pager/dots even if plugin injected them */
            .title1 {
            font-family: "Cormorant Garamond", serif;
            font-optical-sizing: auto;
            /* font-weight: 600; */
            font-style: italic;
            font-size: 6rem; /* ~36px */
            font-weight: 800;
            /* text-transform: capitalize; */
            line-height: 1.1;
            margin: 0 0 0.5rem;
            letter-spacing: 5px;
            text-transform: none;         
            }

            .nivo-directionNav {
            display: none !important;
            }

            .hero-single {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 656px;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          

          /* overlay */
          .overlay-layer {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.35);
            z-index: 2;
          }

          .overlay-content {
            position: relative;
            z-index: 3;
            width: 100%;
            padding: 0 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
          }

          .text-wrapper {
            max-width: 900px;
            width: 100%;
          }

          @font-face {
          font-family: 'CormorantCustom';
          src: url('font/Cormorant-BoldItalic.ttf') format('truetype');
          font-weight: bold;
          font-style: italic;
        }

          /* .title1 {
            font-size: 5rem;
            font-weight: 800;
            text-transform: uppercase;
            line-height: 1.1;
            margin: 0 0 0.5rem;
            letter-spacing: 5px;
            font-family: 'CormorantCustom';
          }  */

          .subtitle {
            margin: 0 0 1rem;
            font-size: 1.rem; /* ~18px */
            font-weight: 400;
          }

          .default-big-btn {
            display: inline-block;
            background: #ffc107;
            color: #0a1f44;
            padding: 12px 30px;
            font-weight: 600;
            text-decoration: none;
            border-radius: 4px;
            transition: background .2s ease;
          }

          .default-big-btn:hover {
            background: #e6b007;
          }

          /* Responsive */
          @media (max-width: 992px) {
            .title1 {
              font-size: 1.75rem;
            }
            .subtitle {
              font-size: 1rem;
            }
          }

          /* mobile breakpoint: make height 167px */
          @media (max-width: 768px) {
            .hero-single {
              height: 400px;
            }
            .title1 {
              font-size: 35px;
            }
            .subtitle {
              display: show; /* optional: hide subtitle if cramped */
            }
            .default-big-btn {
              padding: 8px 20px;
              font-size: clamp(0.9rem, 2vw, 1rem);
            }
          }

          .founder-area {
              padding: 0px 0 100px;

          }


.service-image {
              width: 100%;
              height: auto;
              object-fit: cover;
            }
            @media (min-width: 768px) {
              .service-image {height: 530px;}
            }

            .service-section {
    padding: 60px 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #212121;
  }
  .service-title {
    font-size: 2.5rem;
    font-weight: 400;
    margin: 0 0 6px;
    line-height: 1.1;
  }
  .underline {
    width: 45px;
    height: 4px;
    background: #3a3934;
    margin: 14px 0 14px;
    border-radius: 2px;
  }
  .service-box {
    margin-bottom: 50px;
  }
  .service-box p {
    margin: 0;
    line-height: 1.4;
    /* font-size: 0.9rem; */
    max-width: 100%;
  }
  /* ensure the last full-width item has a bit tighter top spacing */
  .service-box-full {
    margin-top: 10px;
  }
  @media (max-width: 992px) {
    .service-title { font-size: 2.5rem; }
  }

/*----------------------------------------------------------------------------------------------------------------*/
/* //////// MEDIA QUERIES \\\\\\\\\\\ */


    @media (min-width: 992px) and (max-width: 1199px) {
    .header-area nav#desktop-nav > ul > li > a { padding: 30px 18px; }
    .header-area nav#desktop-nav > ul > li .mega-menu-area { left: -267px; }
    .main-menu-area .logo-area { margin: 25px 0; }
    .main-menu-area .logo-area { margin: 25px 0; }
    nav#desktop-nav ul li a { padding: 30px 12px; }
    nav#desktop-nav ul li > ul { left: -3px; }
    nav#desktop-nav ul li .mega-menu-area { left: -258px; }
    .countries-area { padding: 78px 0 90px;}
    .about-page-area { padding: 90px 0; }
    .footer-area-top { padding: 82px 0 40px; }
    .footer-area-top .header-social li { margin-right: 2px; }
    .footer-area-top .footer-social li { margin-right: 2px; }
    }


    @media (min-width: 768px) and (max-width: 991px) {
    .about-page-area { padding: 80px 0; }
    .main-menu-area .logo-area { margin: 22px 0; }
    .main-menu-area .logo-area { margin: 22px 0; }
    nav#desktop-nav ul li a { padding: 30px 6px; }
    nav#desktop-nav ul li > ul { left: -9px; }
    nav#desktop-nav ul li .mega-menu-area { left: -272px; }
    .countries-area { padding: 68px 0 80px; }
    .footer-area-top { padding: 72px 0 40px; }
    .header-area nav#desktop-nav > ul > li > a { padding: 30px 6px; }
    .header-area nav#desktop-nav > ul > li ul { left: 3px; }
    .header-area nav#desktop-nav > ul > li ul { left: -9px; }
    .header-area nav#desktop-nav > ul > li .mega-menu-area { left: -272px; }
    }


    @media (min-width: 480px) and (max-width: 767px) {
    header { display: none; }
    .main-menu-area .logo-area {
    display: none;
    }
    .about-page-area { padding: 70px 0; }
    .about-contact-info img { margin: 0 auto 30px; }
    .about-contact-info .about-contact { margin-bottom: 30px; }
    .countries-area { padding: 58px 0 70px; }
    .footer-area-top { padding: 62px 0 35px; }
    .footer-area-bottom { text-align: center; padding: 17px 0; }
    .footer-area-bottom p { margin-bottom: 10px; }
    .mean-container .mean-bar a { padding: 6px 17px; display: inline-block; }
    .mean-container .mean-bar .meanmenu-reveal { margin-top: 10px; }

    }


    @media (min-width: 321px) and (max-width: 479px) {
        header { display: none; }
    .main-menu-area .logo-area {
    display: none;
    }
    .about-page-area { padding: 60px 0; }
    .footer-area-top { padding: 52px 0 20px; }
    .countries-area { padding: 48px 0 60px; }

    }


    @media only screen and (max-width: 320px) {
        header { display: none; }
    .about-page-area { padding: 50px 0; }
    .footer-area-top { padding: 42px 0 10px; }
    .countries-area { padding: 38px 0 50px; }
    }

/* //////// MEDIA QUERIES END\\\\\\\\\\\ */