@font-face {
  font-family: "Inter-Light";
  src: url(../fonts/Inter-Light.tf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-Regular";
  src: url(../fonts/Inter-Regular.ttf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-Medium";
  src: url(../fonts/Inter-Medium.ttf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-SemiBold";
  src: url(../fonts/Inter-SemiBold.ttf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-Bold";
  src: url(../fonts/Inter-Bold.ttf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-ExtraBold";
  src: url(../fonts/Inter-ExtraBold.ttf);
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Inter-Black";
  src: url(../fonts/Inter-Black.ttf);
  font-style: normal;
  font-weight: normal; }
* {
  box-sizing: border-box; }

div,
section {
  display: block; }

.container-fluid, .container {
  width: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }

.container {
  margin: auto; }
  @media (min-width: 768px) and (max-width: 991px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

:root {
  --container_width: 100%;
  --transition: ease all 300ms;
  --headerHeight: 0px;
  --container_left_space: calc((100% - var(--container_width)) / 2);
  --primary_color: #1A1E38;
  --secondary_color: #D3BD8E;
  --color_white: #fff;
  --color_black: #000000; }
  @media (min-width: 768px) and (max-width: 991px) {
    :root {
      --container_width: 750px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    :root {
      --container_width: 970px; } }
  @media (min-width: 1200px) {
    :root {
      --container_width: 1170px; } }

.section_title_a {
  margin: 0;
  font-size: 63px;
  font-weight: 700;
  line-height: 66px;
  font-family: "Amiri", serif;
  color: var(--color_white); }
  @media (max-width: 767px) {
    .section_title_a {
      font-size: 45px;
      line-height: 46px; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .section_title_a {
      font-size: 55px;
      line-height: 60px; } }
  .section_title_a span {
    color: var(--secondary_color); }

.section_title {
  margin: 0;
  font-size: 54px;
  font-weight: 100;
  line-height: 72px;
  font-family: var(--i_l);
  color: var(--color_white); }
  @media (max-width: 767px) {
    .section_title {
      font-size: 35px;
      line-height: 46px; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .section_title {
      font-size: 45px;
      line-height: 60px; } }
  .section_title span {
    color: var(--secondary_color);
    font-size: 63px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 66px;
    font-family: "Amiri", serif; }
    @media (max-width: 767px) {
      .section_title span {
        font-size: 45px;
        line-height: 46px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .section_title span {
        font-size: 55px;
        line-height: 60px; } }

p {
  margin: 0;
  font-size: 21px;
  line-height: 33px;
  letter-spacing: 0.7px;
  padding-bottom: 25px;
  font-family: var(--i_r); }
  @media (max-width: 767px) {
    p {
      font-size: 20px;
      line-height: 32px; } }

.i_l {
  font-family: var(--i_l); }

.i_r {
  font-family: var(--i_r); }

.i_m {
  font-family: var(--i_m); }

.i_s_b {
  font-family: var(--i_s_b); }

.i_b {
  font-family: var(--i_b); }

.i_e_b {
  font-family: var(--i_e_b); }

.i_bk {
  font-family: var(--i_bk); }

h2 {
  color: var(--color_black); }

.primary_color {
  background-color: var(--primary_color); }

.secondary_color {
  background-color: var(--secondary_color); }

.white_color {
  background-color: var(--color_white); }

.white_color_t {
  color: var(--color_white) !important; }

.color_black {
  color: var(--color_black) !important; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.para {
  opacity: .8;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter-Regular";
  color: var(--secondary_color); }
  @media (max-width: 767px) {
    .para {
      font-size: 16px;
      line-height: 23px; } }

.small_heading {
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter-Bold";
  text-align: center;
  color: var(--color_black); }

body {
  margin: 0;
  font-family: "Inter-Regular";
  color: var(--color_white);
  background-color: var(--primary_color); }

.width_100 {
  width: 100%; }

.f_w_l {
  font-weight: 300; }

.f_w_r {
  font-weight: 400; }

.f_w_m {
  font-weight: 500; }

.f_w_s {
  font-weight: 600; }

.f_w_b {
  font-weight: 700; }

.l_h_2 {
  line-height: 1.2; }

.l_h_3 {
  line-height: 1.3; }

.l_h_4 {
  line-height: 1.4; }

.l_h_5 {
  line-height: 1.5; }

.l_h_6 {
  line-height: 1.6; }

.m_tb_0 {
  margin: 0; }

.m_b_5 {
  margin: 0 0 5px; }

.m_t_5 {
  margin: 5px 0 0; }

.m_tb_5 {
  margin: 5px 0; }

.m_b_10 {
  margin: 0 0 10px; }

.m_t_10 {
  margin: 10px 0 0; }

.m_tb_10 {
  margin: 10px 0; }

.m_b_20 {
  margin: 0 0 20px; }

.m_t_20 {
  margin: 20px 0 0; }

.m_tb_20 {
  margin: 20px 0; }

.m_b_30 {
  margin: 0 0 30px; }

.m_t_30 {
  margin: 30px 0 0; }

.m_tb_30 {
  margin: 30px 0; }

@media (min-width: 1200px) {
  .p_lr_100 {
    padding-left: 100px;
    padding-right: 100px; } }

.pl_5 {
  padding-left: 5px; }

.pl_10 {
  padding-left: 10px; }
  @media (max-width: 767px) {
    .pl_10 {
      padding-left: 5px; } }

.pl_20 {
  padding-left: 20px; }
  @media (max-width: 767px) {
    .pl_20 {
      padding-left: 5px; } }

.p_t {
  padding-top: 20px; }

.pt_10 {
  padding-top: 20px; }

.pb_10 {
  padding-bottom: 10px; }

.ptb_10 {
  padding: 10px 0; }

.pt_20 {
  padding-top: 20px; }

.pb_20 {
  padding-bottom: 20px; }

.ptb_20 {
  padding: 20px 0; }

.pt_30 {
  padding-top: 30px; }

.pb_30 {
  padding-bottom: 30px; }

.ptb_30 {
  padding: 30px 0; }

.pt_40 {
  padding-top: 40px; }

.pb_40 {
  padding-bottom: 40px; }

.ptb_40 {
  padding: 40px 0; }

.ptb_60 {
  padding: 60px 0; }
  @media only screen and (max-width: 767px) {
    .ptb_60 {
      padding: 40px 0; } }

.pt_60 {
  padding-top: 60px; }
  @media only screen and (max-width: 767px) {
    .pt_60 {
      padding-top: 40px; } }

.pb_60 {
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .pb_60 {
      padding-bottom: 40px; } }

.ptb_80 {
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    .ptb_80 {
      padding: 40px 0; } }

.pt_80 {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .pt_80 {
      padding-top: 40px; } }

.pb_80 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .pb_80 {
      padding-bottom: 40px; } }

.ptb_90 {
  padding: 90px 0; }
  @media only screen and (max-width: 767px) {
    .ptb_90 {
      padding: 60px 0; } }

.pt_90 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    .pt_90 {
      padding-top: 60px; } }

.pb_90 {
  padding-bottom: 90px; }
  @media only screen and (max-width: 767px) {
    .pb_90 {
      padding-bottom: 60px; } }

.ptb_100 {
  padding: 100px 0; }
  @media only screen and (max-width: 991px) {
    .ptb_100 {
      padding: 60px 0; } }

.pt_100 {
  padding-top: 100px; }
  @media only screen and (max-width: 991px) {
    .pt_100 {
      padding-top: 60px; } }

.pb_100 {
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .pb_100 {
      padding-bottom: 60px; } }

.border_radius10 {
  border-radius: 10px; }

.text_center {
  text-align: center; }

.text_left {
  text-align: left; }

.text_right {
  text-align: right; }

.text_justify {
  text-align: justify; }

.text_uppercase {
  text-transform: uppercase; }

.d_f {
  display: flex; }

.f_w {
  display: flex;
  flex-wrap: wrap; }

.f_w_j {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.f_j {
  display: flex;
  justify-content: space-between; }

.f_justify {
  justify-content: space-between; }

.f_w_se {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }

.f_w_around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.f_w_a {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.f_r_aj_between {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.f_r_aj_center {
  display: flex;
  align-items: center;
  justify-content: center; }

.f_r_a_center {
  display: flex;
  align-items: center; }

.a_center {
  align-items: center; }

.f_r_j_center {
  display: flex;
  justify-content: center; }

.f_c_aj_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.f_c_a_center {
  display: flex;
  flex-direction: column;
  align-items: center; }

.f_c_j_center {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.f_d {
  flex-direction: row-reverse; }

.hidden {
  display: none !important; }

.visible-lg {
  display: block; }
  @media (max-width: 1199px) {
    .visible-lg {
      display: none !important; } }

.hidden-xs {
  display: block; }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important; } }

.hidden-sm {
  display: block; }
  @media (min-width: 767px) and (max-width: 1024px) {
    .hidden-sm {
      display: none !important; } }

.hidden-sm-xs {
  display: block; }
  @media (max-width: 1024px) {
    .hidden-sm-xs {
      display: none !important; } }

.visible-sm-xs {
  display: none; }
  @media (max-width: 1024px) {
    .visible-sm-xs {
      display: block !important; } }

.visible-sm {
  display: none; }
  @media (min-width: 767px) and (max-width: 1024px) {
    .visible-sm {
      display: block !important; } }

.visible-xs {
  display: block; }
  @media (min-width: 767px) {
    .visible-xs {
      display: none !important; } }

.default_transition {
  transition: all 800ms ease-out; }

.toTop[data-scroll] {
  transition: all 0.7s ease-out; }
.toTop[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0); }
.toTop[data-scroll="out"] {
  opacity: 0;
  transform: translateY(150px); }

.toBottom[data-scroll] {
  transition: all 0.5s ease-out; }
.toBottom[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0); }
.toBottom[data-scroll="out"] {
  opacity: 0;
  transform: translateY(-100px); }

.toLeft[data-scroll] {
  transition: all 0.5s ease-out; }
.toLeft[data-scroll="in"] {
  opacity: 1;
  transform: translateX(0); }
.toLeft[data-scroll="out"] {
  opacity: 0;
  transform: translateX(-100px); }

.toRight[data-scroll] {
  transition: all 0.5s ease-out; }
.toRight[data-scroll="in"] {
  opacity: 1;
  transform: translateX(0); }
.toRight[data-scroll="out"] {
  opacity: 0;
  transform: translateX(100px); }

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background: var(--color-white); }
  @media (max-width: 767px) {
    ::-webkit-scrollbar {
      height: 0;
      background: transparent; } }

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary_color);
  border-radius: 0; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-white); }

.main_header {
  top: 0;
  z-index: 2;
  width: 100%;
  position: fixed;
  background-color: #faf9f6; }
  .main_header .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    height: 80px; }
    @media only screen and (max-width: 1200px) {
      .main_header .navbar {
        position: relative;
        justify-content: flex-start;
        padding: 8px 0 0px; } }
  .main_header .brand {
    display: block; }
  .main_header .new_logo {
    display: none; }
    @media only screen and (max-width: 1200px) {
      .main_header .new_logo {
        width: 63%;
        text-align: right;
        display: flex;
        margin-top: -10px;
        align-items: center;
        justify-content: flex-end; } }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main_header .new_logo {
        width: 80%; } }
    .main_header .new_logo .border_r {
      padding-right: 12px;
      border-right: 1px solid var(--color_white); }
  .main_header .burger {
    position: relative;
    display: block;
    cursor: pointer;
    width: 30px;
    height: auto;
    border: none;
    opacity: 1;
    top: 23px;
    visibility: visible;
    background-color: unset; }
    @media only screen and (min-width: 1200px) {
      .main_header .burger {
        display: none;
        opacity: 0;
        visibility: hidden; } }
    @media only screen and (max-width: 1200px) {
      .main_header .burger {
        position: absolute;
        right: 0px;
        padding: 0; } }
    .main_header .burger-line {
      display: block;
      cursor: pointer;
      width: 100%;
      height: 2px;
      margin: 6px auto;
      transform: rotate(0deg);
      transition: all 0.3s ease-in-out;
      background-color: var(--primary_color); }
  .main_header .menu {
    position: fixed;
    top: 0;
    left: -19rem;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    display: flex;
    overflow-y: auto;
    visibility: hidden;
    transition: all 0.5s ease;
    background-color: #021e3c;
    padding: 13px 0px; }
    @media (max-width: 767px) {
      .main_header .menu {
        padding: 0; } }
    @media only screen and (min-width: 1200px) {
      .main_header .menu {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        opacity: 1;
        visibility: visible;
        background: none;
        box-shadow: none;
        width: 100%;
        text-align: right; } }
    .main_header .menu.is-active {
      left: 0rem;
      opacity: 1;
      visibility: visible; }
    .main_header .menu-block {
      width: 100%;
      height: auto;
      margin: 2rem 0;
      padding: 50px 0 0 0 !important; }
      @media only screen and (min-width: 1200px) {
        .main_header .menu-block {
          margin: 0 auto;
          padding: 0 !important;
          display: flex;
          align-items: center;
          list-style: none;
          justify-content: flex-end; }
          .main_header .menu-block .border_r {
            border-right: 1px solid var(--color_white); }
          .main_header .menu-block li {
            padding: 0 15px; }
            .main_header .menu-block li a {
              opacity: 0.8;
              font-size: 18px;
              font-weight: 900;
              letter-spacing: 0.5px;
              text-decoration: none;
              color: var(--primary_color);
              font-family: "Amiri", serif; }
              .main_header .menu-block li a:hover {
                opacity: 1;
                font-weight: 700; }
              .main_header .menu-block li a.contact_btn {
                padding: 5px 30px;
                border-radius: 100px;
                transition: all 0.5s;
                border: 1px solid var(--primary_color); }
                .main_header .menu-block li a.contact_btn:hover {
                  background-color: #d3bd8e; } }
      @media only screen and (max-width: 1200px) {
        .main_header .menu-block {
          margin: 0 auto;
          padding: 0; } }
    .main_header .menu-item {
      display: block;
      margin: 0; }
      @media only screen and (min-width: 1200px) {
        .main_header .menu-item {
          position: relative;
          display: inline-block;
          padding: 0px 10px; } }
      @media only screen and (max-width: 1200px) {
        .main_header .menu-item {
          padding: 0px 10px;
          font-size: 15px; } }
      @media only screen and (max-width: 1200px) {
        .main_header .menu-item {
          display: block;
          opacity: 1; } }
    .main_header .menu .active:before {
      content: "";
      width: 8px;
      height: 8px;
      left: 50%;
      bottom: -12px;
      border-radius: 100%;
      transform: translateX(-50%);
      position: absolute; }
      @media screen and (max-width: 1200px) {
        .main_header .menu .active:before {
          left: inherit;
          right: 10px;
          bottom: 30%;
          transform: translateY(-50%); } }
    .main_header .menu-link {
      display: block;
      font-size: 25px;
      border: none;
      transition: all 0.35s ease;
      text-decoration: none;
      color: #fff;
      font-weight: normal;
      position: relative;
      font-family: "Amiri", serif; }
      .main_header .menu-link:hover:before {
        content: "";
        width: 8px;
        height: 8px;
        left: 50%;
        bottom: -12px;
        border-radius: 100%;
        transform: translateX(-50%);
        position: absolute; }
        @media screen and (max-width: 1200px) {
          .main_header .menu-link:hover:before {
            left: inherit;
            right: 10px;
            bottom: 30%;
            transform: translateY(-50%); } }
      @media only screen and (max-width: 1200px) {
        .main_header .menu-link {
          padding: 10px 15px; } }
  .main_header .left_menu {
    text-align: left; }
  .main_header .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.35s ease-in-out; }
    .main_header .overlay.is-active {
      display: block;
      opacity: 1;
      visibility: visible; }
  .main_header .close_menu_icon {
    text-align: right;
    display: none !important; }
    @media only screen and (max-width: 1200px) {
      .main_header .close_menu_icon {
        display: block !important;
        font-size: 30px !important;
        position: absolute;
        right: 0px;
        top: 6px;
        color: #fff; } }
  .main_header .header {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main_header .header .header_link ul {
      display: flex;
      align-items: center;
      list-style: none; }
      .main_header .header .header_link ul li {
        padding: 0 12px; }
        .main_header .header .header_link ul li a {
          opacity: 0.8;
          font-size: 18px;
          font-weight: 500;
          text-decoration: none;
          color: var(--color_white);
          font-family: "Amiri", serif !important; }
          .main_header .header .header_link ul li a:hover {
            opacity: 1;
            font-weight: 700; }

.section_1 {
  margin-top: 80px; }
  .section_1 h2 {
    margin: 0;
    font-size: 54px;
    font-weight: 100;
    color: #faf9f6;
    line-height: 66px; }
    @media (max-width: 767px) {
      .section_1 h2 {
        font-size: 35px;
        line-height: 46px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .section_1 h2 {
        font-size: 45px;
        line-height: 63px; } }
  .section_1 .ship {
    margin-top: -40px; }
    @media (max-width: 767px) {
      .section_1 .ship {
        margin-top: -10px; } }
  .section_1 .our_story {
    display: flex;
    flex-wrap: wrap; }
    .section_1 .our_story .story_title {
      width: 40%; }
      @media (max-width: 767px) {
        .section_1 .our_story .story_title {
          width: 100%;
          padding-bottom: 10px; } }
    .section_1 .our_story .story_para {
      width: 60%; }
      @media (max-width: 767px) {
        .section_1 .our_story .story_para {
          width: 100%; } }
      .section_1 .our_story .story_para h6 {
        margin: 0;
        font-size: 54px;
        line-height: 66px;
        font-weight: 100;
        font-family: var(--i_l); }
        @media (max-width: 767px) {
          .section_1 .our_story .story_para h6 {
            font-size: 35px;
            line-height: 46px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .section_1 .our_story .story_para h6 {
            font-size: 45px;
            line-height: 63px; } }
        .section_1 .our_story .story_para h6 span {
          font-size: 63px;
          font-weight: 700;
          line-height: 66px;
          font-family: "Amiri", serif;
          color: var(--secondary_color); }
          @media (max-width: 767px) {
            .section_1 .our_story .story_para h6 span {
              font-size: 45px;
              line-height: 46px; } }
          @media (min-width: 768px) and (max-width: 992px) {
            .section_1 .our_story .story_para h6 span {
              font-size: 55px;
              line-height: 63px; } }

.social {
  position: relative; }
  .social .social_media .item {
    margin: 0 10px;
    border-radius: 10px;
    color: var(--primary_color);
    padding: 25px;
    background-color: var(--color_white); }
    @media (max-width: 767px) {
      .social .social_media .item {
        margin: 0 5px;
        padding: 20px 10px; } }
    .social .social_media .item .name_content {
      display: flex; }
      .social .social_media .item .name_content .name {
        width: 15%; }
      .social .social_media .item .name_content .content {
        width: 85%; }
        .social .social_media .item .name_content .content p {
          opacity: 0.5;
          font-size: 14px;
          padding-bottom: 0; }
        .social .social_media .item .name_content .content h6 {
          margin: 0;
          font-size: 20px;
          font-family: var(--i_b); }
    .social .social_media .item p {
      margin: 0;
      padding-right: 20px;
      font-size: 20px;
      padding-bottom: 10px;
      line-height: 30px;
      font-family: var(--i_b); }
      @media (max-width: 1200px) {
        .social .social_media .item p {
          height: auto;
          font-size: 18px;
          line-height: 26px;
          padding-right: 0; } }
    .social .social_media .item .read_more a {
      margin: 0;
      padding-right: 20px;
      font-size: 20px;
      line-height: 30px;
      font-family: var(--i_b);
      color: #000;
      opacity: 0.5;
      text-decoration: none; }
      @media (max-width: 1200px) {
        .social .social_media .item .read_more a {
          height: auto;
          font-size: 18px;
          line-height: 26px;
          padding-right: 0; } }
  .social .slick-arrow {
    top: 50%;
    cursor: pointer;
    position: absolute; }
  .social .next-arrow {
    right: -30px;
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .social .next-arrow {
        right: -15px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .social .next-arrow {
        right: -20px; } }
  .social .prev-arrow {
    z-index: 1;
    left: -30px;
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .social .prev-arrow {
        left: -15px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .social .prev-arrow {
        left: -20px; } }

.section_2 {
  position: relative; }
  .section_2 .wrapper_slider {
    height: 100vh; }
    .section_2 .wrapper_slider .slider_section_section {
      margin-left: var(--container_left_space);
      padding-left: 10px;
      display: flex;
      position: absolute;
      margin-top: 20px; }
      @media (max-width: 767px) {
        .section_2 .wrapper_slider .slider_section_section {
          margin-top: 60px; } }
      @media (min-width: 768px) and (max-width: 1200px) {
        .section_2 .wrapper_slider .slider_section_section {
          margin-top: 100px; } }
      .section_2 .wrapper_slider .slider_section_section .item {
        margin: 0 10px;
        border-radius: 10px;
        color: var(--primary_color);
        width: 430px;
        padding: 25px;
        background-color: var(--color_white);
        border: 4px solid transparent;
        transition: all 0.2s; }
        @media (max-width: 767px) {
          .section_2 .wrapper_slider .slider_section_section .item {
            width: 80vw;
            margin: 0 5px;
            padding: 20px 10px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .section_2 .wrapper_slider .slider_section_section .item {
            width: 44vw; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .section_2 .wrapper_slider .slider_section_section .item {
            width: 40vw; } }
        .section_2 .wrapper_slider .slider_section_section .item h6 {
          margin: 0;
          font-size: 24px;
          font-family: var(--i_b); }
        .section_2 .wrapper_slider .slider_section_section .item .slider_img {
          width: 100%;
          padding: 20px 0 10px 0;
          border-radius: 10px;
          height: 300px;
          width: 100%;
          overflow: hidden;
          object-fit: cover; }
          @media (max-width: 767px) {
            .section_2 .wrapper_slider .slider_section_section .item .slider_img {
              height: 250px; } }
          .section_2 .wrapper_slider .slider_section_section .item .slider_img img {
            border-radius: 10px; }
        .section_2 .wrapper_slider .slider_section_section .item p {
          margin: 0;
          height: 210px;
          padding-right: 20px;
          font-size: 20px;
          line-height: 30px;
          font-family: var(--i_b); }
          @media (max-width: 1200px) {
            .section_2 .wrapper_slider .slider_section_section .item p {
              height: auto;
              font-size: 18px;
              line-height: 26px;
              padding-right: 0; } }
        .section_2 .wrapper_slider .slider_section_section .item:hover {
          border: 4px solid #d3bd8e; }
  .section_2 .inspired {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .section_2 .inspired .story_title {
      width: 65%; }
      @media (max-width: 767px) {
        .section_2 .inspired .story_title {
          width: 100%; } }
      .section_2 .inspired .story_title h4 {
        font-weight: 100;
        font-family: var(--i_l); }
        @media (max-width: 767px) {
          .section_2 .inspired .story_title h4 {
            line-height: 46px; } }
        .section_2 .inspired .story_title h4 span {
          font-weight: 700;
          font-family: "Amiri", serif; }
    .section_2 .inspired .story_para {
      width: 30%; }
      @media (max-width: 767px) {
        .section_2 .inspired .story_para {
          width: 100%; } }
      .section_2 .inspired .story_para img {
        margin: auto; }

.section_3 .icon_section {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 55px;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .section_3 .icon_section {
      grid-gap: 0; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .section_3 .icon_section {
      grid-gap: 40px; } }
  .section_3 .icon_section .icon_box {
    width: 30%; }
    @media (max-width: 767px) {
      .section_3 .icon_section .icon_box {
        width: 100%;
        text-align: center;
        padding-bottom: 10px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .section_3 .icon_section .icon_box {
        width: 46%; } }
    .section_3 .icon_section .icon_box p {
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
      padding-top: 20px;
      font-family: var(--l_m); }
    @media (max-width: 767px) {
      .section_3 .icon_section .icon_box img {
        margin: auto; } }
@media (max-width: 767px) {
  .section_3 h2 {
    line-height: 46px; } }
.section_3 .connections_slider .item {
  width: 19vw; }
  @media (max-width: 767px) {
    .section_3 .connections_slider .item {
      width: 30vw;
      margin: 0 5px; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    .section_3 .connections_slider .item {
      margin: 0 5px; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    .section_3 .connections_slider .item {
      width: 18vw; } }
  @media (min-width: 1441px) and (max-width: 1680px) {
    .section_3 .connections_slider .item {
      width: 16vw; } }
  @media (min-width: 1681px) and (max-width: 5000px) {
    .section_3 .connections_slider .item {
      width: 14vw; } }
.section_3 .para_section {
  width: 60%; }
  @media (max-width: 992px) {
    .section_3 .para_section {
      width: 90%; } }

.section_5 .connect {
  display: flex;
  flex-wrap: wrap; }
  .section_5 .connect .img {
    width: 40%;
    border-radius: 16px;
    transition: all 0.2s;
    border: 4px solid transparent; }
    @media (max-width: 767px) {
      .section_5 .connect .img {
        width: 100%; } }
    .section_5 .connect .img:hover {
      border: 4px solid #d3bd8e; }
    .section_5 .connect .img img {
      border-radius: 10px; }
  .section_5 .connect .info {
    width: 60%;
    padding-left: 60px; }
    @media (max-width: 767px) {
      .section_5 .connect .info {
        width: 100%;
        padding-left: 0;
        padding-top: 40px; } }
    .section_5 .connect .info h2 {
      margin: 0;
      font-size: 52px;
      font-weight: 100;
      color: #fff;
      line-height: 66px; }
      @media (max-width: 767px) {
        .section_5 .connect .info h2 {
          font-size: 35px;
          line-height: 46px; } }

.section_7 {
  background-color: #faf9f6; }
  .section_7 .contact_section .contact_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .section_7 .contact_section .contact_top .box_1 {
      width: 20%; }
      @media (max-width: 767px) {
        .section_7 .contact_section .contact_top .box_1 {
          width: 100%; } }
    .section_7 .contact_section .contact_top .box_2 {
      width: 40%; }
      @media (max-width: 767px) {
        .section_7 .contact_section .contact_top .box_2 {
          width: 100%;
          padding-top: 30px; } }
      .section_7 .contact_section .contact_top .box_2 h6 {
        margin: 0;
        font-size: 18px;
        font-weight: 900;
        font-family: var(--i_b);
        color: var(--primary_color); }
      .section_7 .contact_section .contact_top .box_2 p {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        font-family: var(--i_b);
        color: var(--primary_color); }
      .section_7 .contact_section .contact_top .box_2 ul {
        list-style: auto;
        padding-left: 20px;
        margin-top: 0; }
        .section_7 .contact_section .contact_top .box_2 ul li {
          font-size: 16px;
          font-weight: 500;
          padding-bottom: 20px;
          font-family: var(--i_b);
          color: var(--primary_color); }
    .section_7 .contact_section .contact_top .box_3 {
      width: 30%; }
      @media (max-width: 767px) {
        .section_7 .contact_section .contact_top .box_3 {
          width: 100%; } }
      .section_7 .contact_section .contact_top .box_3 h6 {
        margin: 0;
        font-size: 18px;
        font-weight: 900;
        font-family: var(--i_b);
        color: var(--primary_color); }
      .section_7 .contact_section .contact_top .box_3 p {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        font-family: var(--i_b);
        color: var(--primary_color); }
      .section_7 .contact_section .contact_top .box_3 .social {
        margin-top: 0;
        list-style: none;
        margin-left: 10px; }
        @media (max-width: 767px) {
          .section_7 .contact_section .contact_top .box_3 .social {
            margin-bottom: 0; } }
        .section_7 .contact_section .contact_top .box_3 .social li {
          position: relative;
          font-size: 16px;
          font-weight: 500;
          padding-bottom: 30px;
          font-family: var(--i_b);
          color: var(--primary_color); }
          @media (max-width: 767px) {
            .section_7 .contact_section .contact_top .box_3 .social li {
              padding-bottom: 15px; } }
          .section_7 .contact_section .contact_top .box_3 .social li img {
            top: -5px;
            left: -50px;
            position: absolute; }
          .section_7 .contact_section .contact_top .box_3 .social li a {
            text-decoration: none;
            color: var(--primary_color); }
  .section_7 .contact_section.border_b {
    border-bottom: 1px solid #ccc; }

.footer {
  background-color: var(--secondary_color); }
  .footer .footer_section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .footer .footer_section {
        justify-content: center;
        text-align: center; } }
    .footer .footer_section .left {
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.5;
      font-family: var(--l_m);
      color: var(--primary_color); }
      .footer .footer_section .left span {
        font-size: 18px;
        font-weight: 900; }
      @media (max-width: 767px) {
        .footer .footer_section .left {
          padding-bottom: 10px; } }
    .footer .footer_section .right {
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.5;
      font-family: var(--l_m);
      color: var(--primary_color); }
      .footer .footer_section .right span {
        font-size: 18px;
        font-weight: 900; }

/*# sourceMappingURL=index.css.map */