/* Importing fonts */
 
 @font-face {
     font-family: gentona-bold;
     src: url("/assets/fonts/Gentona\ Bold.otf");
 }
 
 @font-face {
     font-family: gentona-medium;
     src: url("/assets/fonts/Gentona\ Medium.otf");
 }
 
 @font-face {
     font-family: gentona-thin;
     src: url("/assets/fonts/Gentona\ Thin.otf");
 }
 
 @font-face {
     font-family: gentona-book;
     src: url("/assets/fonts/Gentona\ Book.otf");
 }
 
 @font-face {
     font-family: avenir-bold;
     src: url("/assets/fonts/AvenirNextLTPro-Bold.otf");
 }
 
 @font-face {
     font-family: avenir-italic;
     src: url("/assets/fonts/AvenirNextLTPro-It.otf");
 }
 
 @font-face {
     font-family: avenir-regular;
     src: url("/assets/fonts/AvenirNextLTPro-Regular.otf");
 }
 
 html {
     font-size: 14.5px;
 }
 
 * {
     box-sizing: border-box;
 }
 /* landing section  styling starts */
 
 .landing-section {
     position: relative;
 }
 
 .landing-section-img {
     height: 45vh;
 }
 /* .landing-section-img::after {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(255, 255, 255, .5);
 } */
 
 .landing-section-img img {
     height: 100%;
 }
 
 .navbar {
     width: 100%;
     padding: .5rem 3rem;
     background-color: rgba(0, 0, 0, .4);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1000;
 }
 
 .navbar .navbar-brand {
     display: flex;
     align-items: center;
 }
 
 .navbar .navbar-brand img {
     width: 140px;
 }
 
 .navbar .navbar-nav .nav-item {
     margin-right: 1rem;
 }
 
 .navbar .navbar-nav .nav-item:last-child {
     margin-right: 0;
 }
 
 .navbar .navbar-nav .nav-item .nav-link {
     font: 1.2rem gentona-bold;
     position: relative;
 }
 
 .navbar .navbar-nav .nav-link::after {
     content: '';
     width: 0;
     height: 3px;
     position: absolute;
     left: 0;
     bottom: 0;
     transition: 0.2s ease;
     background: #ed2024;
 }
 
 .navbar .navbar-nav .nav-link:hover::after {
     width: 100%;
 }
 
 .navbar .nav-contact {
     display: flex;
     align-items: center;
     margin-right: 4rem;
 }
 
 .navbar .nav-contact .icon-border {
     display: inline-block;
     width: 3.375rem;
     height: 3.375rem;
     border: 2px solid #fff;
     border-radius: 50%;
     margin-right: .625rem;
     cursor: pointer;
     box-sizing: content-box;
     padding: .1875rem;
 }
 
 .navbar .nav-contact i {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 1rem;
     color: #fff;
     background-color: #ED2024;
     border-radius: 50%;
 }
 
 .navbar .nav-contact .nav-contact-info a {
     display: block;
     font: 1.125rem gentona-medium;
 }
 
 .navbar-nav {
     margin-left: auto;
 }
 
 .navbar .navbar-toggler {
     font-size: 2.6rem;
     color: #fff;
     border: none;
     padding: 0;
 }
 
 .navbar .navbar-toggler:active,
 .navbar .navbar-toggler:focus {
     box-shadow: none;
 }
 
 .landing-section-title {
     position: absolute;
     left: 5rem;
     bottom: 2rem;
     /* padding: 0 0 1.3rem 6rem; */
 }
 
 .landing-section-title h1 {
     font: 3.125rem gentona-bold;
     color: #000;
     position: relative;
     padding-bottom: .375rem;
     color: #fff;
 }
 
 .landing-section-title h1::after {
     content: '';
     display: inline-block;
     width: 7.5rem;
     height: .1875rem;
     position: absolute;
     bottom: 0;
     left: 0;
     border-radius: .1rem;
     background-color: #ED2024;
 }
 /* landing section styling ends */
 /* contact form section styling starts */
 
 .contact-form-wrapper {
     margin-top: 3rem;
 }
 
 .nav-pills .nav-link {
     font: 1.625rem gentona-book;
     color: #000 !important;
     line-height: 1.5rem;
     transition: 0.5s ease;
 }
 
 .nav-pills .nav-link.active {
     font-family: gentona-bold;
     position: relative;
     background-color: transparent;
 }
 
 .nav-pills .nav-link.active::after {
     content: '';
     display: inline-block;
     width: 100%;
     height: .1875rem;
     position: absolute;
     top: 100%;
     left: 0;
     background: #ED2024;
 }
 
 ::placeholder {
     color: #a9a9a9;
 }
 
 .contact-form-wrapper .input-field input,
 .contact-form-wrapper .message-box textarea {
     width: 100%;
     padding: 0 1rem;
     border: .0625rem solid #454443;
     border-radius: .3rem;
     outline: none;
 }
 
 .contact-form-wrapper .input-field {
     height: 2.8125rem;
 }
 
 .contact-form-wrapper .input-field input {
     height: 100%;
 }
 
 .contact-form-wrapper .message-box textarea {
     padding-top: 1rem;
     height: 7.5rem;
     resize: unset;
 }
 
 .contact-form-wrapper .tab-content {
     margin-top: 3rem;
 }
 
 .input-field-row.middle,
 .message-box,
 .submit-btn {
     margin-top: 2.56rem;
 }
 
 .submit-btn input[type="submit"] {
     display: block;
     width: 100%;
     height: 3rem;
     font: 1.125rem gentona-bold;
     color: #fff;
     background: #ED2024;
     border-radius: .3rem;
     border: none;
     padding: 0;
 }
 /* contact form section styling ends */
 /* footer styling starts*/
 
 footer {
     margin-top: 6.25rem;
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("/assets/images/footer.webp");
     background-size: cover;
     background-position: center;
     padding: 5rem 2.5rem 5rem 2.5rem;
 }
 
 .footer-logo img {
     width: 110px;
 }
 
 footer .footer-icons a {
     margin-right: 1.5rem;
     color: #000;
     text-decoration: none;
 }
 
 footer .footer-icons a:nth-child(4) {
     margin-right: 0;
 }
 
 footer .footer-icons i {
     width: 2.5rem;
     height: 2.5rem;
     font-size: 1.25rem;
     line-height: 2.625rem;
     background-color: #fff;
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
 }
 
 footer .footer-content {
     margin-top: 3.375rem;
 }
 
 footer ul {
     margin: 0;
 }
 
 footer ul li {
     list-style: none;
     padding: 0;
 }
 
 footer ul li a {
     text-decoration: none;
 }
 
 footer .footer-contact {
     padding: 0;
 }
 
 footer .footer-contact li,
 footer .footer-contact li a {
     color: #fff;
     font: 1.2rem gentona-book;
 }
 
 footer .footer-contact-info li {
     line-height: 1.25rem;
 }
 
 footer .footer-contact li:nth-child(2) {
     margin: .8rem 0 .3rem 0;
 }
 
 footer .footer-contact li:nth-child(2) a,
 footer .footer-contact li:nth-child(3) a {
     color: #ED2024;
 }
 
 footer .footer-links li:nth-child(2),
 footer .footer-links li:nth-child(3),
 footer .footer-links li:nth-child(4) {
     margin-top: 1.1rem;
 }
 
 footer .footer-links li a,
 footer .footer-mailbox li:nth-child(1) {
     font: 1.2rem gentona-medium;
     color: #fff;
 }
 
 footer .footer-mailbox li:nth-child(2) {
     display: flex;
     margin-top: .375rem;
 }
 
 footer .footer-mailbox li:nth-child(2) button[type="submit"] {
     border: none;
     border-radius: 0 .25rem .25rem 0;
     overflow: hidden;
 }
 
 footer .footer-mailbox li:nth-child(2) input[type="email"] {
     width: 12.4rem;
     border: none;
     outline: none;
     border-radius: .25rem 0 0 .25rem;
     height: 2.8125rem;
     padding: 0 1rem;
 }
 
 footer .footer-mailbox li:nth-child(2) i {
     color: #fff;
     width: 3.125rem;
     height: 2.8125rem;
     background-color: #F87375;
     line-height: 2.8125rem;
     text-align: center;
     cursor: pointer;
 }
 /* footer styling ends */

 /* Media query for tablets ipads portrait mode */
 
 @media (min-width: 768px) and (max-width: 1024px) {
     html {
         font-size: 13px;
     }
     .navbar .navbar-brand img {
         width: 130px;
     }
     .navbar .nav-contact {
         margin-right: 1rem;
     }
     .navbar .navbar-nav .nav-item {
         margin-right: 0.3rem;
     }
     .navbar .nav-contact .icon-border {
         padding: 2px;
     }
     .landing-section-img {
         height: unset;
     }
     /* .landing-section-img {
         height: 60vh;
     } */
     .footer-icons {
         margin-left: 1.5rem;
     }
     footer .footer-links li a,
     footer .footer-mailbox li:nth-child(1),
     footer .footer-contact li,
     footer .footer-contact li a {
         font-size: 1.3rem;
     }
 }
 @media (min-width: 577px) and (max-width: 1024px) and (orientation: portrait){
    .page-wrapper{
      min-height: 100vh;
      /* overflow: hidden; */
    }
    footer{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
    }
  }
 /* Media query for Mobile devices lanscape mode and for low resolution tablets */
 
 @media (min-width: 576px) and (max-width: 767px) {
     html {
         font-size: 10px;
     }
     .navbar .navbar-brand img {
         width: 110px;
     }
     .navbar .nav-contact {
         margin-right: 1rem;
     }
     .navbar .nav-contact i {
         font-size: 0.8rem;
     }
     .landing-section-img {
         height: unset;
     }
     footer .footer-logo img {
         width: 90px;
     }
     footer .footer-links li a,
     footer .footer-mailbox li:nth-child(1),
     footer .footer-contact li,
     footer .footer-contact li a {
         font-size: 1.1rem;
     }
     footer .footer-links li a,
     footer .footer-mailbox li:nth-child(1),
     footer .footer-contact li,
     footer .footer-contact li a {
         font-size: 1.3rem;
     }
     footer .footer-icons {
         margin-left: 2rem;
     }
 }
 /* Media query for small devices(Mobile devices) */
 
 @media (max-width: 575px) {
     html {
         font-size: 11px;
     }
     .navbar {
         padding: .2rem 1rem;
     }
     .navbar .navbar-brand img {
         position: unset;
         width: 100px;
     }
     .navbar .navbar-nav .nav-item .nav-link,
     .navbar .nav-contact .nav-contact-info a {
         font-family: gentona-medium;
         font-size: 1.5rem;
         display: inline-block;
     }
     .navbar .navbar-nav .nav-item {
         margin-top: .6rem;
         margin-right: 0;
     }
     .navbar .nav-contact {
         justify-content: center;
         margin-right: unset;
         margin-top: 10px;
     }
     .navbar .navbar-nav .nav-item {
         margin-right: unset;
     }
     .landing-section-img {
         height: unset;
     }
     .landing-section-title {
         left: 2rem;
         bottom: 1rem;
         /* padding: 0 0 1rem 2rem; */
     }
     .landing-section-title h1 {
         font: 2rem gentona-bold;
     }
     .landing-section-title h1::after {
         width: 6rem;
     }
     .contact-form-wrapper .input-field-row.middle {
         margin: unset;
     }
     .contact-form-wrapper .input-field,
     .contact-form-wrapper .message-box,
     .submit-btn {
         margin-top: 1.2rem;
     }
     .input-field.first {
         margin-top: 0;
     }
     .tab-content {
         padding: 0 14px;
     }
     footer {
         padding: 3.5rem 2.8rem 3.5rem 2.8rem;
     }
     .footer-links-wrapper {
         margin: 2.6rem 0 1.4rem 0;
     }
     footer .footer-icons {
         margin-top: 1.5rem;
     }
     footer .footer-icons a {
         margin-right: 1rem;
     }
     footer .footer-content {
         margin-top: 2.375rem;
     }
 }