/**
 * Created by Sushant Gauchan
 * Email : sushant.gauchan@gmail.com
*/
/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

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

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.ex-transition {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease; }

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease; }

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  -moz-transition: all 1.8s ease;
  -ms-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease; }

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*------------------------------------ Body Style Start -----------------------------------*/
body.transparent-header #header-wrapper {
  position: absolute;
  top: 0;
  left: 0; }
  body.transparent-header #header-wrapper.nav-scroll {
    position: fixed;
    background-color: #fff; }
body.menu-open #header-wrapper .common-logo-nav-wrapper .nav-container {
  opacity: 1;
  pointer-events: initial; }
body.menu-open #header-wrapper .common-logo-nav-wrapper .close-icon-container {
  opacity: 1;
  pointer-events: inherit;
  z-index: 99; }

/*------------------------------------- Body Style Ends -----------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
#header-wrapper {
  z-index: 10;
  width: 100%;
  transition: all .8s ease;
  background-color: #fff;
  border-bottom: 1px solid #e0b1002b; }
  #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li {
    display: inline-block;
    vertical-align: top; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a {
      font-size: 14px;
      display: block;
      color: #000;
      text-transform: uppercase;
      letter-spacing: 1.4px;
      transition: .6s; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a:hover {
        color: #e0b100;
        transition: .6s; }
  #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li {
    position: relative; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:not(:last-of-type) {
      margin-right: 40px; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > a {
      padding: 30px 0; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul {
      box-shadow: 0 0 8px #27272712;
      min-width: 200px;
      position: absolute;
      left: -22px;
      top: 100%;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.5s ease; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after {
        content: '';
        position: absolute;
        top: -7px;
        left: 18px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li {
        position: relative;
        width: 100%;
        border-left: 2px solid transparent;
        background-color: #fff;
        transition: all .6s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a {
          font-size: 14px;
          padding: 18px 20px;
          line-height: 1em;
          color: #e0b100;
          transition: all .6s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover {
          border-left: 2px solid #e0b100;
          background-color: #E8F6FF;
          transition: all .6s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover > a {
            color: #e0b100;
            transition: all .6s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover ul {
            opacity: 1;
            pointer-events: initial;
            transition: opacity 0.5s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul {
          position: absolute;
          width: 230px;
          left: 100%;
          top: 0;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.5s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li {
            width: 100%;
            display: block;
            border-left: 2px solid transparent;
            background-color: #fff;
            transition: all .6s ease; }
            #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li a {
              color: #fff;
              transition: all .6s ease; }
            #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover {
              border-left: 2px solid #e0b100;
              background-color: #E8F6FF;
              transition: all .6s ease; }
              #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover > a {
                color: #e0b100;
                transition: all .6s ease; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a {
      position: relative;
      padding-right: 15px; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after {
        content: '';
        height: 8px;
        width: 8px;
        background-image: url("../img/icons/icon_down.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0) invert(1);
        transition: all .4s ease; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:hover > ul {
      opacity: 1;
      pointer-events: initial;
      transition: opacity 0.5s ease; }
  #header-wrapper .custom-container {
    padding-top: 0;
    padding-bottom: 0; }
  #header-wrapper:after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #ffffff33;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  #header-wrapper.nav-scroll {
    position: fixed;
    background-color: #fff;
    top: 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.28);
    animation: ani-slide-down 0.7s;
    transition: all .5s ease-in-out; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .common-logo-container a {
      filter: brightness(100%) invert(0); }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after {
      filter: brightness(1) invert(0);
      transition: all .4s ease; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after {
      opacity: 0; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li {
      position: relative;
      background-color: #fff; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover > a {
        background-color: #E8F6FF; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li {
        background-color: #fff; }
        #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover > a {
          background-color: #E8F6FF; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .co-btn.color-invert.type-border {
      color: #e0b100;
      border-color: #e0b100; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .co-btn.color-invert.type-border:hover {
        background-color: #e0b100;
        color: #fff;
        border-color: #e0b100;
        transition: all .4s ease; }

.common-logo-nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .common-logo-nav-wrapper .action-container .action-item.type-icon {
    display: none; }

/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*----------------------------------- Navigation Starts -----------------------------------*/
#navigation-wrapper {
  z-index: 11;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #e0b100;
  display: flex;
  flex-direction: column;
  clip-path: inset(0 0% 100% 0);
  transition: 0.8s 0.1s cubic-bezier(0.71, 0.26, 0.26, 0.88);
  pointer-events: none; }

body.menu-open #navigation-wrapper {
  pointer-events: initial;
  clip-path: inset(0 0% 0 0);
  transition: 0.8s 0.1s cubic-bezier(0.71, 0.26, 0.26, 0.88); }

/*------------------------------------ Navigation Ends ------------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#content-wrapper #home-page .service-section {
  background-color: #fafafa; }
#content-wrapper #home-page .why-startflorist-section {
  background-color: #fafafa; }
  #content-wrapper #home-page .why-startflorist-section .layout-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    #content-wrapper #home-page .why-startflorist-section .layout-container .layout-item:nth-of-type(1) {
      width: 410px; }
    #content-wrapper #home-page .why-startflorist-section .layout-container .layout-item:nth-of-type(2) {
      width: calc(100% - 410px);
      padding-left: 100px; }
#content-wrapper #home-page .video-section .section-title {
  display: flex;
  justify-content: space-between; }
  #content-wrapper #home-page .video-section .section-title .link a {
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0b100; }
#content-wrapper #about-page .team-section {
  background-color: #fafafa; }
#content-wrapper #service-detail-page .service-detail-section .layout-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item {
    width: 50%; }
    #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item:nth-of-type(1) {
      padding-right: 100px; }
    #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item .layout-inner .whats-included-container {
      padding: 40px;
      background-color: #f0ede8; }
      #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item .layout-inner .whats-included-container .title {
        margin-bottom: 40px; }
      #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item .layout-inner .whats-included-container .list ul li h5 {
        color: #e0b100;
        margin-bottom: 5px; }
      #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item .layout-inner .whats-included-container .list ul li span {
        display: block; }
      #content-wrapper #service-detail-page .service-detail-section .layout-container .layout-item .layout-inner .whats-included-container .list ul li:not(:last-child) {
        margin-bottom: 20px; }

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper {
  background-color: #F0EDE8; }
  #footer-wrapper .top-footer .footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px; }
    #footer-wrapper .top-footer .footer-container .footer-item {
      padding: 0 20px; }
      #footer-wrapper .top-footer .footer-container .footer-item .title {
        margin-bottom: 30px; }
        #footer-wrapper .top-footer .footer-container .footer-item .title h6 {
          font-family: "Plus Jakarta Sans", sans-serif;
          font-weight: bold;
          letter-spacing: 2px;
          line-height: 1em;
          text-transform: uppercase;
          color: #e0b100; }
      #footer-wrapper .top-footer .footer-container .footer-item .content ul li, #footer-wrapper .top-footer .footer-container .footer-item .content ul li a, #footer-wrapper .top-footer .footer-container .footer-item .content p {
        font-size: 16px; }
      #footer-wrapper .top-footer .footer-container .footer-item .content > ul > li {
        line-height: 1em; }
        #footer-wrapper .top-footer .footer-container .footer-item .content > ul > li:not(:last-of-type) {
          margin-bottom: 25px; }
        #footer-wrapper .top-footer .footer-container .footer-item .content > ul > li a {
          display: inline-block;
          line-height: 1em;
          color: #4b4b4b;
          transition: all .4s ease; }
          #footer-wrapper .top-footer .footer-container .footer-item .content > ul > li a:hover {
            color: #e0b100;
            transition: all .4s ease; }
      #footer-wrapper .top-footer .footer-container .footer-item.type-contact {
        width: 380px; }

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.contact-section {
  background-color: #fafafa; }
  .contact-section .layout-container {
    display: flex;
    flex-wrap: wrap; }
    .contact-section .layout-container .layout-item {
      width: 50%; }
      .contact-section .layout-container .layout-item:nth-of-type(1) .layout-inner {
        background-color: #fff; }
      .contact-section .layout-container .layout-item:nth-of-type(2) .layout-inner {
        background-color: #f5f5f5; }
      .contact-section .layout-container .layout-item .layout-inner {
        height: 100%;
        padding: 100px 80px; }
        .contact-section .layout-container .layout-item .layout-inner .location-details-container {
          margin-top: 60px; }
          .contact-section .layout-container .layout-item .layout-inner .location-details-container ul li {
            text-transform: uppercase; }
            .contact-section .layout-container .layout-item .layout-inner .location-details-container ul li img {
              margin-right: 10px; }
            .contact-section .layout-container .layout-item .layout-inner .location-details-container ul li:not(:last-child) {
              margin-bottom: 20px; }
        .contact-section .layout-container .layout-item .layout-inner .get-direction-container {
          margin-top: 50px; }
          .contact-section .layout-container .layout-item .layout-inner .get-direction-container a {
            color: #e0b100;
            letter-spacing: 1.4px;
            border-bottom: 1px solid #e0b100;
            padding-bottom: 5px;
            font-weight: 600; }

.close-icon-container {
  display: none; }

.common-action-container {
  text-align: center;
  margin-top: 50px; }
  .common-action-container a {
    border-bottom: 2px solid #e0b100;
    font-weight: 700; }

.common-title-container .title span {
  display: block;
  text-transform: uppercase;
  color: #e0b100;
  letter-spacing: 1.4px;
  margin-bottom: 16px;
  line-height: 1; }
.common-title-container .title h1 span, .common-title-container .title h3 span {
  text-transform: inherit;
  color: #e0b100;
  font-style: italic; }
.common-title-container .title.italic h1 {
  font-style: italic; }
.common-title-container .description {
  margin-top: 24px; }
  .common-title-container .description span {
    font-style: italic;
    display: block;
    margin-top: 30px;
    color: #000; }
.common-title-container.align-center {
  text-align: center; }
.common-title-container.has-bottom-margin {
  margin-bottom: 90px; }

.common-service-container {
  display: flex;
  flex-wrap: wrap;
  margin: -25px; }
  .common-service-container .service-item {
    width: 33.33%;
    padding: 25px; }
    .common-service-container .service-item .service-inner .image-container {
      width: 100%;
      height: 520px;
      border-radius: 5px;
      overflow: hidden; }
      .common-service-container .service-item .service-inner .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .common-service-container .service-item .service-inner .text-container {
      margin-top: 30px; }
      .common-service-container .service-item .service-inner .text-container .title a {
        display: block;
        margin-bottom: 15px; }
        .common-service-container .service-item .service-inner .text-container .title a h4 {
          color: #e0b100; }
      .common-service-container .service-item .service-inner .text-container .link {
        margin-top: 15px; }
        .common-service-container .service-item .service-inner .text-container .link a {
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          color: #000;
          letter-spacing: 2.4px;
          transition: .6s; }
          .common-service-container .service-item .service-inner .text-container .link a:hover {
            color: #e0b100;
            transition: .6s; }
  .common-service-container.type-video {
    margin: -16px; }
    .common-service-container.type-video .service-item {
      padding: 16px; }
      .common-service-container.type-video .service-item .service-inner a:hover .image-container .icon-container {
        background: #e0b100;
        transition: .6s; }
      .common-service-container.type-video .service-item .service-inner a:hover .text-container .title h5 {
        color: #e0b100;
        transition: .6s; }
      .common-service-container.type-video .service-item .service-inner .image-container {
        position: relative; }
        .common-service-container.type-video .service-item .service-inner .image-container .icon-container {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 70px;
          height: 70px;
          transform: translate(-50%, -50%);
          color: #fff;
          /* Glass effect */
          background: rgba(255, 255, 255, 0.2);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          transition: .6s;
          border-radius: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          /* subtle border & glow */
          border: 1px solid rgba(255, 255, 255, 0.3);
          box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); }
      .common-service-container.type-video .service-item .service-inner .text-container .title {
        text-align: center; }
        .common-service-container.type-video .service-item .service-inner .text-container .title a h4 {
          color: #000;
          transition: .6s; }

.common-banner-section .banner-slider .banner-item {
  z-index: 0;
  height: 100vh;
  overflow: hidden;
  background-color: #f4f7f6;
  position: relative;
  background-size: cover;
  background-position: center bottom; }
  .common-banner-section .banner-slider .banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    animation: ani-banner infinite 30s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
    .common-banner-section .banner-slider .banner-item img.type-mobile {
      display: none; }
  .common-banner-section .banner-slider .banner-item .text-container {
    z-index: 2;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
    .common-banner-section .banner-slider .banner-item .text-container .inner {
      max-width: 1040px;
      width: 100%;
      margin: auto;
      background: #00000073;
      padding: 100px;
      opacity: 0;
      margin-bottom: -130px;
      transition: all .6s ease;
      text-align: center; }
      .common-banner-section .banner-slider .banner-item .text-container .inner .subtitle span {
        text-transform: uppercase;
        letter-spacing: 2.4px;
        color: #e0b100; }
      .common-banner-section .banner-slider .banner-item .text-container .inner .title h1 {
        color: #e0b100; }
        .common-banner-section .banner-slider .banner-item .text-container .inner .title h1 span {
          color: #fff;
          font-style: italic; }
      .common-banner-section .banner-slider .banner-item .text-container .inner .content {
        margin-top: 40px; }
        .common-banner-section .banner-slider .banner-item .text-container .inner .content p {
          color: #fff; }
  .common-banner-section .banner-slider .banner-item .scroll-down {
    z-index: 2;
    width: 40px;
    margin: auto;
    animation: ani-bounce 2s infinite;
    cursor: pointer;
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0; }
    .common-banner-section .banner-slider .banner-item .scroll-down img {
      width: 100%;
      max-width: 100%;
      height: auto; }
.common-banner-section.align-center .banner-slider .banner-item .text-container .inner {
  margin: auto;
  text-align: center; }
.common-banner-section.height-small .banner-slider .banner-item {
  height: 70vh; }
.common-banner-section.visible .banner-slider .banner-item .text-container .inner {
  margin-bottom: 0;
  opacity: 1;
  transition: all .6s ease; }

.common-product-container {
  display: flex;
  flex-wrap: wrap;
  margin: -16px; }
  .common-product-container .product-item {
    width: 50%;
    padding: 16px; }
    .common-product-container .product-item .product-inner {
      position: relative; }
      .common-product-container .product-item .product-inner .image-container {
        width: 100%;
        height: 500px;
        border-radius: 5px;
        overflow: hidden;
        z-index: 0;
        position: relative; }
        .common-product-container .product-item .product-inner .image-container:before {
          z-index: 1;
          content: '';
          width: 100%;
          height: 62%;
          position: absolute;
          bottom: 0;
          background: linear-gradient(#00000000 0%, #000000 100%); }
        .common-product-container .product-item .product-inner .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      .common-product-container .product-item .product-inner .text-container {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 50px; }
        .common-product-container .product-item .product-inner .text-container a h3, .common-product-container .product-item .product-inner .text-container a h4 {
          margin-bottom: 5px;
          color: #fff; }
  .common-product-container.no-shadow .product-item .product-inner .image-container:hover:before {
    opacity: 1;
    transition: .6s; }
  .common-product-container.no-shadow .product-item .product-inner .image-container a {
    display: block;
    width: 100%;
    height: 100%; }
  .common-product-container.no-shadow .product-item .product-inner .image-container:before {
    width: 100%;
    height: 100%;
    background: #e0b10054;
    pointer-events: none;
    background-image: url("../img/icons/zoom-in.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    opacity: 0;
    transition: .6s; }
  .common-product-container.type-open .product-item {
    width: 33.33%; }

.common-why-choose-container {
  display: flex;
  flex-wrap: wrap;
  margin: -12px; }
  .common-why-choose-container .why-choose-item {
    width: 50%;
    padding: 12px; }
    .common-why-choose-container .why-choose-item .item-inner {
      height: 100%;
      border-radius: 10px;
      background-color: #fff;
      padding: 40px; }
      .common-why-choose-container .why-choose-item .item-inner .title h5 {
        margin-top: 20px;
        margin-bottom: 15px; }
      .common-why-choose-container .why-choose-item .item-inner .title span {
        line-height: 1.7;
        display: block; }

.common-about-section .layout-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -32px; }
  .common-about-section .layout-container .layout-item {
    width: 50%;
    padding: 32px; }
    .common-about-section .layout-container .layout-item:nth-of-type(1) {
      position: relative; }
      .common-about-section .layout-container .layout-item:nth-of-type(1):after {
        content: '';
        position: absolute;
        right: 0px;
        bottom: 0px;
        border: 1px solid #ddaf003d;
        width: 260px;
        height: 260px;
        z-index: 1;
        background-color: transparent;
        pointer-events: none; }
    .common-about-section .layout-container .layout-item .layout-inner .image-container {
      height: 500px;
      width: 100%; }
      .common-about-section .layout-container .layout-item .layout-inner .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }

.common-content-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .common-content-container .content-item:nth-of-type(1) {
    width: calc(100% - 600px);
    padding-right: 100px; }
  .common-content-container .content-item:nth-of-type(2) {
    width: 600px; }
    .common-content-container .content-item:nth-of-type(2) .image-container {
      box-shadow: 0px 70px 100px -55px #4a2311; }
      .common-content-container .content-item:nth-of-type(2) .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }

.common-team-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px; }
  .common-team-container .team-item {
    width: 33.33%;
    padding: 30px; }
    .common-team-container .team-item .image-container {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      background-color: #f4f7f6;
      padding-bottom: 120%;
      cursor: pointer; }
      .common-team-container .team-item .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        right: 0;
        filter: grayscale(0);
        transition: all .4s ease; }
      .common-team-container .team-item .image-container:hover img {
        filter: grayscale(1);
        transition: all .4s ease; }
    .common-team-container .team-item .text-container .name {
      margin-top: 28px;
      margin-bottom: 12px; }
      .common-team-container .team-item .text-container .name h4 {
        color: #000;
        cursor: pointer;
        transition: all .4s ease; }
        .common-team-container .team-item .text-container .name h4:hover {
          color: #e0b100;
          transition: all .4s ease; }
    .common-team-container .team-item .text-container .designation p {
      font-size: 18px;
      line-height: 1em; }

.common-news-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px; }
  .common-news-container .news-item {
    width: 33.33%;
    padding: 30px 15px; }
    .common-news-container .news-item .inner {
      height: 100%;
      background-color: #fff;
      box-shadow: 0 10px 30px #0000001a; }
      .common-news-container .news-item .inner .image-container a {
        display: block;
        position: relative;
        padding-bottom: 75%;
        background-color: #f4f7f6; }
        .common-news-container .news-item .inner .image-container a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          position: absolute;
          top: 0;
          right: 0; }
      .common-news-container .news-item .inner .text-container {
        padding: 30px 25px; }
        .common-news-container .news-item .inner .text-container .title h4 {
          line-height: 1.4em;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          transition: all .4s ease; }
          .common-news-container .news-item .inner .text-container .title h4 a {
            color: #000;
            transition: all .4s ease; }
            .common-news-container .news-item .inner .text-container .title h4 a:hover {
              color: #e0b100;
              transition: all .4s ease; }
        .common-news-container .news-item .inner .text-container .content {
          margin-top: 20px; }
          .common-news-container .news-item .inner .text-container .content p {
            font-size: 18px;
            line-height: 1.6em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            transition: all .4s ease; }

.common-faq-container .card {
  width: 100%;
  border: 0;
  padding: 40px;
  background-color: #fff; }
  .common-faq-container .card:not(:last-of-type) {
    margin-bottom: 30px; }
  .common-faq-container .card .card-inner .card-header {
    border: 0;
    background-color: transparent;
    padding: 0; }
    .common-faq-container .card .card-inner .card-header button {
      width: 100%;
      line-height: 1em;
      background-color: #fff;
      position: relative;
      display: flex;
      outline: none;
      text-align: left;
      border: 0;
      padding: 0; }
      .common-faq-container .card .card-inner .card-header button:active, .common-faq-container .card .card-inner .card-header button:focus {
        outline: none; }
      .common-faq-container .card .card-inner .card-header button span {
        display: block; }
        .common-faq-container .card .card-inner .card-header button span:nth-of-type(1) {
          width: 30px;
          font-weight: bold; }
        .common-faq-container .card .card-inner .card-header button span:nth-of-type(2) {
          width: calc(100% - 30px);
          margin-top: -2px; }
  .common-faq-container .card .card-inner .card-body {
    padding: 0;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #CECECE; }

.common-social-container {
  margin-top: 30px; }
  .common-social-container ul {
    display: flex; }
    .common-social-container ul li {
      display: flex; }
      .common-social-container ul li:not(:last-of-type) {
        margin-right: 20px; }
      .common-social-container ul li a {
        font-size: 16px;
        color: #4b4b4b; }

.common-instagram-section .instagram-container {
  display: flex;
  flex-wrap: wrap; }
  .common-instagram-section .instagram-container .instagram-item {
    width: 20%; }
    .common-instagram-section .instagram-container .instagram-item a {
      position: relative;
      display: block;
      padding-bottom: 110%; }
      .common-instagram-section .instagram-container .instagram-item a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        right: 0; }

.common-background {
  background-color: #E9E1CE; }

.common-title {
  margin-bottom: 30px; }
  .common-title h5 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px; }

.common-tagline {
  margin-bottom: 15px; }
  .common-tagline i {
    display: block;
    line-height: 1em;
    color: #e0b100;
    margin-bottom: 10px; }
  .common-tagline h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e0b100; }

.common-action {
  margin-top: 40px; }
  .common-action.align-center {
    text-align: center; }
    .common-action.align-center .action-inner {
      justify-content: center; }
  .common-action .action-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .common-action .action-inner .action-item {
      display: flex;
      align-items: center; }
      .common-action .action-inner .action-item:not(:last-of-type) {
        margin-right: 20px; }

.common-logo-container a {
  display: inline-block; }
  .common-logo-container a img {
    width: 100%;
    max-width: 100%;
    height: auto; }

.common-icon {
  margin-bottom: 40px; }
  .common-icon img {
    width: 85px;
    height: auto; }

.common-back-top {
  z-index: 99;
  position: fixed;
  bottom: 80px;
  right: 50px;
  border-radius: 50%;
  background: #10312b; }
  .common-back-top a {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .common-back-top a i {
      font-size: 20px;
      color: #fff; }

.common-toggle {
  display: none; }

.common-copyright-container p a {
  display: inline-block;
  position: relative;
  font-weight: bold;
  line-height: 1em;
  color: #BEA24E;
  /*color: #F9C741;
  background: -webkit-linear-gradient(-41deg, #F9C741 0%, #FFE294 15%, #FFE294 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/ }

.common-form {
  position: relative; }
  .common-form .fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; }
    .common-form .fields .form-group {
      position: relative;
      width: 100%;
      margin-bottom: 0;
      padding: 0 10px; }
      .common-form .fields .form-group:not(:last-of-type) {
        margin-bottom: 25px; }
      .common-form .fields .form-group.half-width {
        width: 50%; }
      .common-form .fields .form-group.has-error input, .common-form .fields .form-group.has-error select, .common-form .fields .form-group.has-error textarea {
        border: 1px solid #e74c3c; }
      .common-form .fields .form-group.has-error label {
        color: #e74c3c; }
      .common-form .fields .form-group.has-error .floating-label {
        color: #e74c3c; }
      .common-form .fields .form-group label {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1.4px;
        color: #000; }
        .common-form .fields .form-group label span {
          color: #e74c3c; }
      .common-form .fields .form-group input, .common-form .fields .form-group select, .common-form .fields .form-group textarea {
        width: 100%;
        padding: 14px 15px;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        line-height: 1em;
        height: 50px;
        background-color: transparent;
        border: 1px solid #c1c1c1;
        color: #87898e;
        transition: all .3s ease; }
        .common-form .fields .form-group input::placeholder, .common-form .fields .form-group select::placeholder, .common-form .fields .form-group textarea::placeholder {
          color: transparent;
          transition: all .3s ease; }
        .common-form .fields .form-group input:focus, .common-form .fields .form-group select:focus, .common-form .fields .form-group textarea:focus {
          outline: none;
          color: #000;
          transition: all .3s ease; }
          .common-form .fields .form-group input:focus::placeholder, .common-form .fields .form-group select:focus::placeholder, .common-form .fields .form-group textarea:focus::placeholder {
            color: #87898e;
            transition: all .3s ease; }
      .common-form .fields .form-group textarea {
        height: 150px;
        vertical-align: top; }
      .common-form .fields .form-group .floating-label {
        font-size: 15px;
        display: inline-block;
        padding: 2px 6px;
        line-height: 1em;
        pointer-events: none;
        color: black;
        position: absolute;
        left: 11px;
        top: 16px;
        transition: 0.2s ease all;
        background: black; }
      .common-form .fields .form-group input:focus ~ .floating-label,
      .common-form .fields .form-group select:focus ~ .floating-label,
      .common-form .fields .form-group textarea:focus ~ .floating-label,
      .common-form .fields .form-group input:not(:focus):valid ~ .floating-label,
      .common-form .fields .form-group select:not(:focus):valid ~ .floating-label,
      .common-form .fields .form-group textarea:not(:focus):valid ~ .floating-label {
        top: -7px;
        transform: translateY(0);
        font-size: 13px; }
  .common-form .form-action {
    margin-top: 45px; }
    .common-form .form-action input {
      height: 50px;
      width: 100%; }
    .common-form .form-action .wpcf7-spinner {
      position: absolute;
      top: 35%;
      transform: translateX(-50%);
      right: -50px;
      margin: 0; }
  .common-form .wpcf7-not-valid-tip {
    font-size: 15px;
    line-height: 1em;
    margin-top: 20px; }
  .common-form .wpcf7 form.invalid .wpcf7-response-output,
  .common-form .wpcf7 form.unaccepted .wpcf7-response-output,
  .common-form .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #fef8ed;
    color: #d08404;
    border: 0;
    border-left: 4px solid #f59e0b;
    font-size: 16px;
    padding: 20px 18px 19px;
    line-height: 1em;
    border-radius: 8px; }

.common-remove-tab-style {
  border-bottom: 0;
  margin-bottom: 20px; }
  .common-remove-tab-style li:not(:last-of-type) {
    margin-right: 30px; }
  .common-remove-tab-style li .nav-link {
    position: relative;
    font-weight: 600;
    color: #4b4b4b;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    border: 0; }
    .common-remove-tab-style li .nav-link:after {
      content: '';
      height: 2px;
      width: 0px;
      background-color: #e0b100;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all .4s ease; }
    .common-remove-tab-style li .nav-link:hover, .common-remove-tab-style li .nav-link.active {
      border: 0;
      color: #e0b100;
      background-color: transparent; }
      .common-remove-tab-style li .nav-link:hover:after, .common-remove-tab-style li .nav-link.active:after {
        width: 100%;
        transition: all .4s ease; }

/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
.common-banner-section .banner-slider .banner-item:not(:first-of-type) {
  display: none; }

.common-banner-section .banner-slider.slick-initialized .banner-item {
  display: block; }

.slick-slider .slick-prev, .slick-slider .slick-next {
  z-index: 1;
  height: 45px;
  width: 32px; }
  .slick-slider .slick-prev:after, .slick-slider .slick-next:after {
    content: '';
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    display: none; }
.slick-slider .slick-prev {
  left: 20px; }
  .slick-slider .slick-prev:after {
    background-image: url("../img/icons/left-arrow.svg"); }
.slick-slider .slick-next {
  right: 20px; }
  .slick-slider .slick-next:after {
    background-image: url("../img/icons/right-arrow.svg"); }
.slick-slider.slick-dotted {
  margin-bottom: 0; }
  .slick-slider.slick-dotted .slick-dots {
    bottom: 50px; }
    .slick-slider.slick-dotted .slick-dots li {
      height: 13px;
      width: 13px;
      border-radius: 100%;
      margin: 0;
      background-color: rgba(255, 255, 255, 0.45); }
      .slick-slider.slick-dotted .slick-dots li.slick-active {
        background-color: #fff; }
      .slick-slider.slick-dotted .slick-dots li:not(:last-of-type) {
        margin-right: 18px; }
      .slick-slider.slick-dotted .slick-dots li button {
        height: 13px;
        width: 13px;
        padding: 0;
        opacity: 0; }

/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
.modal .modal-dialog {
  max-width: 700px;
  margin: 100px auto; }
  .modal .modal-dialog .modal-header {
    padding: 0;
    border: 0; }
    .modal .modal-dialog .modal-header button {
      z-index: 1;
      height: 40px;
      width: 36px;
      margin: 0;
      padding: 0;
      color: #fff;
      opacity: 1;
      outline: none;
      position: absolute;
      top: -50px;
      right: -7px; }
      .modal .modal-dialog .modal-header button i {
        color: #fff;
        font-size: 13px; }
  .modal .modal-dialog .modal-content {
    background: #fff;
    border: 0;
    border-radius: 5px; }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 30px 26px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .title {
        margin-bottom: 30px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .content p, .modal .modal-dialog .modal-content .modal-body .text-container .content ul li {
        font-size: 18px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .content ul {
        padding-left: 20px; }
        .modal .modal-dialog .modal-content .modal-body .text-container .content ul li {
          list-style: disc; }
.modal.type-video .modal-dialog {
  max-width: 1000px; }
  .modal.type-video .modal-dialog .modal-content {
    background-color: black; }
    .modal.type-video .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .modal.type-video .modal-dialog .modal-content .modal-body .video-container iframe {
        width: 100%;
        height: 560px;
        vertical-align: top;
        border: 0; }

/*--------------------------------------- Modal Ends --------------------------------------*/
/*------------------------------------ Animation Starts -----------------------------------*/
@keyframes ani-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 0.9;
    transform: translateY(0); } }
@keyframes ani-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
@keyframes ani-banner {
  0% {
    transform: scale(1.2);
    100% {
      transform: scale(1); } } }
.animation-area .ani-fade-top {
  opacity: 0;
  padding-top: 30px;
  transition: all .5s ease; }
  .animation-area .ani-fade-top.normal {
    opacity: 1;
    padding-top: 0;
    transition: all .5s ease; }
  .animation-area .ani-fade-top.delay-1.normal {
    transition: all .5s ease;
    transition-delay: .2s; }
  .animation-area .ani-fade-top.delay-2.normal {
    transition: all .5s ease;
    transition-delay: .4s; }
  .animation-area .ani-fade-top.delay-3.normal {
    transition: all .5s ease;
    transition-delay: .6s; }
  .animation-area .ani-fade-top.delay-4.normal {
    transition: all .5s ease;
    transition-delay: 1s; }

/*------------------------------------- Animation Ends ------------------------------------*/

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