/* Css For BizGenius */

 /************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global

**********************************************/

 /*** 

====================================================================
  Reset
====================================================================

 ***/

 * {
   margin: 0px;
   padding: 0px;
   border: none;
   outline: none;
 }

 .contact-section {

   position: relative;
 }

 .contact-section .shape-1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
 }

 .sec-sub-title {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   color: var(--theme-color);
   transition: all 500ms ease;
 }

 .title-box .line-box {
   color: var(--theme-color);
 }

 .title-box.tow h2 {
   position: relative;
   display: block;
   font-size: 50px;
   font-weight: 600;
   line-height: 1.3em;
   margin: 0px;
 }

 .contact-section .form-inner .form-group {
   position: relative;
   padding: 0px 10px;
   margin-bottom: 15px;
 }

 .icon-box img {
   width: 92px;
 }

 .contact-section .form-inner .form-group {
   position: relative;
   padding: 0px 10px;
   margin-bottom: 15px;
 }

 .text-rights {
   text-align: right;
 }

 .white {
   color: #fff;
 }

 .faq-section {
   background: #082680;

 }

 .contact-section .form-inner .form-group textarea {
   height: 140px;
   resize: none;
   display: block;
 }

 input,
 button,
 select,
 textarea {
   font-size: 16px;
   color: var(--text-color);
   line-height: 28px;
   font-weight: 400;
   background: #ffffff;
   background-position-x: 0%;
   background-position-y: 0%;
   background-repeat: repeat;
   background-size: auto;
   font-family: var(--main-font);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center top;
   -webkit-font-smoothing: antialiased;
 }

 .row.clearfix {
   background: #f9dcdc;
   padding: 19px;
   border-radius: 12px;
 }

 /* .contact-section.two .default-form input[type='text'], .contact-section.two .default-form input[type='email'], .contact-section.two .default-form input[type='tel'], .contact-section.two .default-form input[type='password'], .contact-section.two .default-form textarea {
  background: rgb(116 113 113 / 42%)!important;
  
} */
 .contact-section .form-inner {
   max-width: 460px;
 }

 .contact-section .right-col {
   position: relative;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   padding-left: 20px;
 }

 .contact-section .image img {
   max-width: none;
   float: left;
   z-index: 1;
   position: relative;
 }

 .default-form input[type="text"],
 .default-form input[type="email"],
 .default-form input[type="tel"],
 .default-form input[type="password"],
 .default-form textarea,
 .default-form .nice-select {
   position: relative;
   width: 100%;
   height: 58px;
   border-radius: 5px;

   background: #F6F6F6;
   font-family: var(--title-font);
   letter-spacing: 1.6px;
   font-size: 16px;
   color: rgba(112, 112, 112, 0.60);
   padding: 15px;
   border: 1px solid #e5e5e5;
   transition: all 500ms ease;
 }

 .choose-section-3-1 {
   background-color: #082680;
   background-size: cover;
   background-position: left top;
   background-repeat: no-repeat;
   position: relative;
 }

 .choose-section-3-1 .sec-title {
   color: #fff;
 }

 .justify {
   text-align: justify;
 }

 .director-speak p {
   font-size: 17px;
   color: #fff;
   text-align: justify;
   margin: 20px 0px;
 }

 .director-speak h5 {
   font-size: 29px;
   color: #fff;
   line-height: 62x;
 }

 /*** 

====================================================================
  Global Settings
====================================================================

 ***/
 .about-content p {
   text-align: justify;
 }

 .insta-section {
   padding: 20px;
 }

 :root {
   --theme-color: #EB3136 !important;
   --secondary-color: #1F1F1F;
   --white-color: #FFFFFF;
   --border-color: #3E3E3E;
   --text-color: #666666;
   --title-color: #18191D;
   --light-gray: #F5F5F5;
   --main-font: 'Manrope', sans-serif;
   --title-font: 'Teko', sans-serif;
 }

 body {
   font-size: 16px;
   color: var(--text-color);
   line-height: 28px;
   font-weight: 400;
   background: #ffffff;
   font-family: var(--main-font);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center top;
   -webkit-font-smoothing: antialiased;
 }

 ul li {
   font-family: var(--main-font);
 }

 @media (min-width:1200px) {
   .container {
     max-width: 1200px;
     padding: 0px 15px;
   }
 }

 .large-container {
   max-width: 1550px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .container-fluid {
   padding: 0px;
 }

 .auto-container {
   position: static;
   max-width: 1320px;
   padding: 0px 15px;
   margin: 0 auto;
 }

 .small-container {
   max-width: 680px;
   margin: 0 auto;
 }

 .boxed_wrapper {
   position: relative;
   margin: 0 auto;
   overflow: hidden !important;
   width: 100%;
   min-width: 300px;
 }


 a {
   text-decoration: none;
   color: inherit;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 a:hover {
   text-decoration: none;
   outline: none;
 }

 input,
 button,
 select,
 textarea {
   font-family: var(--main-font);
   font-weight: 400;
   font-size: 18px;
   background: transparent;
 }

 ::-webkit-input-placeholder {
   color: inherit;
 }

 ::-moz-input-placeholder {
   color: inherit;
 }

 ::-ms-input-placeholder {
   color: inherit;
 }

 ul,
 li {
   list-style: none;
   padding: 0px;
   margin: 0px;
 }

 input {
   transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
   outline: none;
   box-shadow: none;
   transition: all 500ms ease;
 }

 p {
   position: relative;
   font-family: var(--main-font);
   color: var(--text-color);
   font-weight: 400;
   margin: 0px;
   transition: all 500ms ease;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   position: relative;
   font-family: var(--title-font);
   font-weight: 600;
   color: var(--title-color);
   margin: 0px;
   transition: all 500ms ease;
 }


 /*--------------------------------------------------------------
  2. Preloader
----------------------------------------------------------------*/
 .valorwide_preloader {
   position: fixed;
   z-index: 99999;
   top: 0;
   width: 100%;
   height: 100vh;
 }

 .valorwide_preloader_bg {
   text-align: center;
   height: 100%;
   width: 100%;
 }

 .valorwide_preloader_in {
   width: 120px;
   height: 120px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 28px;
   border: 3px solid rgba(233, 161, 50, 0.3);
   border-radius: 50%;
 }

 .valorwide_preloader_in:after {
   content: "";
   border-width: 3px;
   border-style: solid;
   border-color: transparent;
   border-top-color: #e9a132;
   border-radius: 50%;
   position: absolute;
   width: calc(100% + 6px);
   height: calc(100% + 6px);
   left: 50%;
   top: 50%;
   -webkit-animation: spin 1s ease-in-out infinite;
   animation: spin 1s ease-in-out infinite;
   margin-left: -60px;
   margin-top: -60px;
 }

 @-webkit-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 /* Image */

 figure {
   margin: 0px;
 }

 img {
   display: inline-block;
   max-width: 100%;
   height: auto;
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .7s;
   transition-property: all;
 }


 /** button **/


 .theme-btn {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 16px;
   line-height: 1em;
   font-weight: 500;
   font-family: var(--title-font);
   letter-spacing: 1.6px;
   text-transform: uppercase;
   color: var(--white-color) !important;
   background: var(--theme-color);
   text-align: center;
   padding: 16px 30px 14px 30px;
   z-index: 1;
   transition: all 500ms ease;
 }


 .theme-btn:before,
 .theme-btn:after {
   content: "";
   position: absolute;
   display: block;
   box-sizing: border-box;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: var(--text-color);
   transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   transform-origin: center;
   transform: scale(0) rotate(0);
   z-index: -1;
 }

 .theme-btn:hover:before {
   border-radius: 0;
   transform: scale(1) rotate(-180deg);
 }

 .theme-btn:hover:after {
   border-radius: 0;
   transform: scale(1) rotate(180deg);
 }

 .theme-btn:after {
   background: var(--text-color);
 }

 .theme-btn.btn-two {
   background: var(--secondary-color);
   padding: 16px 30px;
 }


 /** styled-pagination */

 .pagination {
   position: relative;
   display: block;
 }

 .pagination li {
   position: relative;
   display: inline-block;
   margin: 0px 6px;
 }

 .pagination li a {
   position: relative;
   display: inline-block;
   font-size: 18px;
   font-weight: 500;
   height: 50px;
   width: 50px;
   line-height: 50px;
   background: #ffffff;
   border: 1px solid #E5E5E5;
   text-align: center;
   color: #222;
   z-index: 1;
   transition: all 500ms ease;
 }

 .pagination li a:hover,
 .pagination li a.current {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .sec-pad {
   padding: 140px 0px 140px 0px;
 }

 .pagination li a i {
   font-size: 20px;
 }


 /** scroll-to-top **/

 .scroll-to-top {
   position: fixed;
   right: 0px;
   bottom: 100px;
   transform: rotate(90deg);
   z-index: 99;
 }

 .scroll-to-top .visible {
   visibility: visible !important;
   opacity: 1 !important;
 }

 .scroll-to-top .scroll-top-inner {
   opacity: 0;
   visibility: hidden;
 }

 .scroll-to-top .scroll-top-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
   -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
   transition: all cubic-bezier(.4, 0, .2, 1) .4s;
 }

 .scroll-to-top .scroll-bar {
   width: 50px;
   height: 2px;
   margin-right: 10px;
   position: relative;
 }

 .scroll-to-top .scroll-bar:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-color: var(--theme-color);
   opacity: .3;
 }

 .scroll-to-top .scroll-bar .bar-inner {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   background-color: currentColor;
 }

 .scroll-to-top .scroll-bar-text {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   color: var(--theme-color);
   transition: all 500ms ease;
 }

 .scroll-to-top .scroll-bar-text:hover {
   transform: scale(1.1);
 }

 .sec-sub-title {
   position: relative;
   display: inline-block;
   color: var(--theme-color, #FE6809);
   font-size: 18px;
   font-weight: 400;
   line-height: 1.3em;
   letter-spacing: 4.8px;
   text-transform: uppercase;
   margin-bottom: 10px;
 }

 .sec-title {
   position: relative;
   display: block;
   font-size: 50px;
   font-weight: 600;
   line-height: 1.3em;
   margin: 0px;
 }

 .sec-title h2 span {
   color: var(--theme-color);
 }

 .title-box.tow h2 {
   color: var(--white-color);
 }

 .sec-title.light h2 {
   color: var(--white-color);
 }

 .sec-title p {
   margin-top: 22px;
 }

 .title-box .line-box {
   position: relative;
   display: inline-block;
 }

 .title-box .line-box .line-1 {
   width: 24px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: -10px;
   right: -30px;
 }

 .title-box .line-box .line-2 {
   width: 16px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: -7px;
   right: -22px;
 }

 .title-box .line-box .line-3 {
   width: 24px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: -4px;
   right: -30px;
 }

 .title-box.text-center .line-box .line-1 {
   width: 24px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: 20px;
   right: 55px;
 }

 .title-box.text-center .line-box .line-2 {
   width: 16px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: 23px;
   right: 62px;
 }

 .title-box.text-center .line-box .line-3 {
   width: 24px;
   height: 1px;
   background: var(--theme-color);
   position: absolute;
   top: 26px;
   right: 55px;
 }

 .title-box.text-center .sec-title {
   margin-top: 20px;
 }


 /*** 

====================================================================
Home-Page-One
====================================================================

***/


 /** main-header **/

 .main-header {
   position: relative;
   left: 0px;
   top: 0px;
   right: 0px;
   z-index: 999;
   width: 100%;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .sticky-header {
   position: fixed;
   opacity: 0;
   visibility: hidden;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 0;
   background-color: #fff;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .fixed-header .sticky-header {
   z-index: 999;
   opacity: 1;
   visibility: visible;
   -ms-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
   -op-animation-name: fadeInDown;
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -ms-animation-duration: 500ms;
   -moz-animation-duration: 500ms;
   -op-animation-duration: 500ms;
   -webkit-animation-duration: 500ms;
   animation-duration: 500ms;
   -ms-animation-timing-function: linear;
   -moz-animation-timing-function: linear;
   -op-animation-timing-function: linear;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -ms-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -op-animation-iteration-count: 1;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
 }

 .director-speak ul li {
   color: #fff;
   list-style: inside;
   margin: 10px 0px;
 }

 .sticky-header .outer-box {
   background: #fff !important;
 }

 .sticky-header .outer-box .navigation a {
   color: #000 !important;
 }

 .main-header.two .icon-box {
   display: flex;
   justify-content: start;
   align-items: center;
   font-size: 12px;
   line-height: 1.5em;
   margin-left: 15px;
 }

 .main-header.two .icon-box .content {
   margin-left: 15px;
   text-align: left;
 }

 .main-header.two .icon-box .content h5 {
   margin-top: 10px;
 }

 .main-header.two .icon-box .content span {
   color: var(--secondary-color)
 }

 .main-header.two .icon-box i {
   font-size: 40px;
   color: var(--theme-color);
 }

 .main-header.two .outer-box {
   background: #fff;
   padding: 0px 115px;
 }

 .main-header.two .menu-area {
   background: #082680;
   padding: 0 50px;
 }

 .main-header.two .main-menu {
   padding-right: 115px;
   margin-right: 0;
 }

 .main-header.two .sticky-header .menu-area {
   background: transparent;
 }

 .main-header.three .outer-box {
   background-color: var(--white-color);
 }

 .main-header.two.three .menu-area {
   background: transparent;
 }

 .main-header.three .main-menu .navigation>li>a {
   color: var(--secondary-color);
 }

 .main-header.three .menu-right-content .search-box-outer {
   color: var(--secondary-color);
 }

 .main-header.three .outer-box {
   padding: 0px 100px;
 }

 .main-header.three .main-menu {
   padding-right: 0;
   margin-right: 0;
 }

 .main-header.three .outer-box {
   justify-content: space-around;
 }

 .main-header.three .btn-box {
   padding-right: 40px;
 }

 /** header-top **/

 .header-top {
   position: relative;
   width: 100%;
   background: var(--secondary-color);
   padding: 13px 130px;
   border-bottom: 1px solid #3E3E3E;
 }

 .header-top .top-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .header-top .info-list li {
   position: relative;
   display: inline-block;
   font-size: 15px;
   line-height: 1.5em;
   font-weight: 400;
   /* padding-left: 23px;
  margin-right: 15px; */
 }

 .header-top .info-list li:last-child {
   margin: 0px !important;
 }

 .header-top .info-list li a,
 .header-top .info-list li span {
   color: #fff;
 }

 .header-top .top-right {
   position: relative;
   display: flex;
   align-items: center;
 }

 .main-header .logo-box .logo {
   max-width: 185px;
 }

 .main-header .logo-box .logo img {
   width: 100px;
 }


 .header-top ul.info-list li {
   position: relative;
   cursor: pointer;
   transition: all 500ms ease-in-out;
 }

 .header-top .top-right ul.info-list li:hover {
   transform: translateY(-3px);
 }

 .header-top ul.info-list li:before {
   content: "/";
   position: relative;
   margin: 0 15px;
 }

 .header-top .info-list li:first-child:before {
   display: none;
 }

 /* header top two */


 .main-header.two .header-top {
   background: var(--white-color);
   padding: 13px 60px 13px 30px;
   border-bottom: none;
 }

 .main-header.two .header-top .top-inner {
   display: flex;
   justify-content: space-between;
   max-width: 1225px;
   margin: 0 auto;
 }

 .main-header.two .header-top .info-list li a,
 .main-header.two .header-top .info-list li span,
 .main-header.two .header-top ul.info-list li:before {
   color: var(--secondary-color);
 }

 /* header top three */

 .main-header.three .header-top {
   background: var(--secondary-color);
   width: calc(100% - 312px);
   margin: 0 0 0 auto;
 }

 .main-header.three .header-top ul.info-list li:before,
 .main-header.three .header-top .info-list li span,
 .main-header.three .header-top .info-list li a {
   color: var(--white-color);
 }

 .main-header.three .header-top .top-inner {
   justify-content: space-between;
 }

 .main-header.three .header-top .top-right ul.info-list li:before {
   display: none;
 }

 .main-header.three .header-top .top-right .info-list li {
   line-height: inherit;
   font-weight: 400;
   padding-left: 0;
   margin-right: 0;
 }

 .main-header.three .header-top .top-right .info-list li a {
   color: #fff;
   border: 1px solid #454A53;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 0;
   margin: 0 5px;
 }

 .rightbar ul li {
   margin: 4px 0px;
 }

 .main-header.three .header-top .top-right .info-list li a:hover {
   background: var(--theme-color);
   border: 1px solid var(--theme-color);
 }

 .main-header.three .header-top {
   padding: 13px 110px 13px 30px;
 }

 .main-header.three .sticky-header .main-menu .navigation>li>a {
   color: var(--white-color);
 }

 .main-header .sticky-header .menu-right-content .search-box-outer {
   color: #fff;
   margin-left: 40px;
 }

 /*** Search Popup ***/

 .search-popup {
   position: fixed;
   left: 0;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 99999;
   visibility: hidden;
   opacity: 0;
   overflow: auto;
   background: rgba(0, 0, 0, 0.80);
   -webkit-transform: translateY(101%);
   -ms-transform: translateY(101%);
   transform: translateY(101%);
   transition: all 700ms ease;
   -moz-transition: all 700ms ease;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -o-transition: all 700ms ease;
 }

 .search-popup.popup-visible {
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
   visibility: visible;
   opacity: 1;
 }

 .search-popup .popup-inner {
   width: 100%;
   background: #fff;
   height: 100%;
 }

 .search-popup .upper-box {
   position: relative;
   padding: 70px 70px;
   z-index: 99;
 }

 .search-popup .upper-box .logo-box {
   max-width: 182px;
 }

 .search-popup .overlay-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   display: block;
 }

 .search-popup .close-search {
   position: relative;
   font-size: 25px;
   color: var(--secondary-color);
   cursor: pointer;
   z-index: 5;
   text-align: right;
   transition: all 500ms ease;
 }

 .search-popup .close-search:hover {
   color: var(--theme-color);
 }

 .search-popup .search-form {
   position: relative;
   width: 100%;
   padding: 100px 0px 250px 0px;
 }

 .search-popup .search-form .form-group {
   position: relative;
   margin: 0px;
 }

 .search-popup .search-form fieldset input[type="search"] {
   position: relative;
   height: 90px;
   padding: 20px 0px;
   background: #ffffff;
   line-height: 30px;
   font-size: 20px;
   color: #808080;
   font-family: 'Poppins', sans-serif;
   border: none;
   font-weight: 400;
   border-radius: 0px;
   padding-right: 50px;
   border-bottom: 1px solid #e5e5e5;
 }

 .search-popup .search-form fieldset button[type="submit"] {
   position: absolute;
   top: 30px;
   right: 0px;
   font-size: 25px;
   color: var(--secondary-color);
   cursor: pointer;
   transition: all 500ms ease;
 }

 .search-popup .search-form fieldset input[type="search"]:focus {
   border-color: var(--theme-color);
 }

 .search-popup .form-control:focus {
   box-shadow: none !important;
 }

 .main-header .logo-box {
   position: relative;
   padding: 18px 0px;
 }

 .main-header .outer-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0px 130px;
   background: rgba(24, 25, 29, .5);
 }

 .main-header .menu-area,
 .main-header .menu-right-content {
   position: relative;
   display: flex;
   align-items: center;
 }

 .main-header .main-menu {
   position: relative;
   padding-right: 75px;
   margin-right: 75px;
 }

 .main-header .menu-right-content .support-box {
   position: relative;
   display: block;
   padding-left: 33px;
   margin-right: 30px;
 }

 .main-header .menu-right-content .support-box i {
   position: absolute;
   left: 0px;
   top: 2px;
   font-size: 20px;
   color: #222;
 }

 .main-header .menu-right-content .support-box a {
   position: relative;
   display: inline-block;
   font-size: 18px;
   line-height: 26px;
   color: #222;
   font-weight: 500;
 }

 .main-header .menu-right-content .cart-box {
   margin-right: 30px;
 }

 .main-header .menu-right-content .cart-box a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 54px;
   font-size: 20px;
   color: #222;
   border: 1px solid #E5E5E5;
   border-radius: 50%;
   text-align: center;
 }

 .main-header .menu-right-content .cart-box a:hover {
   color: #fff;
 }


 /** main-menu **/

 .main-menu {
   float: left;
 }

 .main-menu .navbar-collapse {
   padding: 0px;
   display: block !important;
 }

 .main-menu .navigation {
   margin: 0px;
 }

 .main-menu .navigation>li {
   position: inherit;
   float: left;
   z-index: 2;
   margin: 0px 40px;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-menu .navigation>li:last-child {
   margin-right: 0px !important;
 }

 .main-menu .navigation>li:first-child {
   margin-left: 0px !important;
 }

 .main-menu .navigation>li>a {
   position: relative;
   display: block;
   text-align: center;
   font-size: 16px;
   line-height: 26px;
   text-transform: uppercase;
   padding-top: 37px;
   padding-bottom: 37px;
   font-weight: 800;
   font-family: var(--main-font);
   opacity: 1;
   color: var(--white-color);
   z-index: 1;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .main-menu .navigation>li.dropdown>a {
   padding-right: 17px;
 }

 .main-menu .navigation>li.dropdown>a:before {
   position: absolute;
   content: "\2b";
   font-family: 'Font Awesome 5 Pro';
   top: 37px;
   right: -3px;
   font-size: 12px;
   font-weight: 500;
   transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu {
   position: absolute;
   left: inherit;
   top: 100%;
   width: 230px;
   margin-top: 15px;
   z-index: 100;
   display: none;
   background: var(--secondary-color);
   opacity: 0;
   visibility: hidden;
   border-radius: 0px;
   transform: scaleY(0);
   transform-origin: top;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul.from-right {
   left: auto;
   right: 0px;
 }

 .main-menu .navigation>li>ul>li {
   position: relative;
   width: 100%;
 }

 .main-menu .navigation>li>ul>li>a,
 .main-menu .navigation>li>.megamenu li>a {
   position: relative;
   display: block;
   padding: 10px 25px;
   line-height: 24px;
   font-weight: 500;
   font-size: 15px;
   text-transform: capitalize;
   font-family: var(--main-font);
   color: #fff;
   text-align: left;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>a {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-menu .navigation>li>.megamenu li>a {
   padding-left: 0px;
 }

 .main-menu .navigation>li>.megamenu h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   color: #ffffff;
 }

 .main-menu .navigation>li>ul>li>a:hover,
 .main-menu .navigation>li>.megamenu li>a:hover {
   padding-left: 35px;
 }

 .main-menu .navigation>li>ul>li:last-child>a,
 .main-menu .navigation>li>.megamenu li:last-child>a {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li.dropdown>a:after {
   font-family: 'Font Awesome 5 Pro';
   content: "\f105";
   position: absolute;
   right: 20px;
   top: 10px;
   display: block;
   line-height: 24px;
   font-size: 16px;
   font-weight: 800;
   text-align: center;
   z-index: 5;
 }

 .main-menu .navigation>li>ul>li>ul {
   position: absolute;
   left: 100%;
   top: 0%;
   margin-top: 15px;
   background: var(--secondary-color);
   width: 230px;
   z-index: 100;
   display: none;
   border-radius: 0px;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul.from-right {
   left: auto;
   right: 0px;
 }

 .main-menu .navigation>li>ul>li>ul>li {
   position: relative;
   width: 100%;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a {
   position: relative;
   display: block;
   padding: 10px 25px;
   line-height: 24px;
   font-weight: 500;
   font-size: 15px;
   text-transform: capitalize;
   font-family: var(--main-font);
   color: #fff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   text-align: left;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
   border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover {
   padding-left: 35px;
 }

 .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
   font-family: 'Font Awesome 5 Pro';
   content: "\f105";
   position: absolute;
   right: 20px;
   top: 12px;
   display: block;
   line-height: 24px;
   font-size: 16px;
   font-weight: 900;
   z-index: 5;
 }

 .main-menu .navigation>li.dropdown:hover>ul,
 .main-menu .navigation>li.dropdown:hover>.megamenu {
   visibility: visible;
   opacity: 1;
   margin-top: 0px;
   top: 100%;
   transform: scaleY(1);
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
   visibility: visible;
   opacity: 1;
   top: 0%;
   margin-top: 0px;
 }

 .main-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: -32px;
   top: 66px;
   width: 34px;
   height: 30px;
   text-align: center;
   font-size: 18px;
   line-height: 26px;
   color: #3b3b3b;
   cursor: pointer;
   display: none;
   z-index: 5;
   transition: all 500ms ease;
 }

 .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
   display: none;
 }

 .menu-area .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 40px;
   line-height: 50px;
   cursor: pointer;
   background: var(--secondary-color);
   display: none;
 }

 .mobile-menu .nav-logo img {
   max-width: 160px;
 }

 .menu-area .mobile-nav-toggler .icon-bar {
   position: relative;
   height: 2px;
   width: 30px;
   display: block;
   margin-bottom: 5px;
   background-color: #fff;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .header-style-three .menu-area .mobile-nav-toggler .icon-bar {
   background: #222;
 }

 .menu-area .mobile-nav-toggler .icon-bar:last-child {
   margin-bottom: 0px;
 }

 .sticky-header .main-menu .navigation>li>a {
   padding-top: 27px;
   padding-bottom: 27px;
 }

 .sticky-header .logo-box {
   padding: 8px 0px;
 }

 .sticky-header .nav-right {
   margin: 15px 0px;
 }

 .sticky-header .main-menu .navigation>li.dropdown>a:before {
   top: 27px;
 }

 .sticky-header .main-menu:before {
   top: 15px;
 }


 /** mobile-menu **/

 .nav-outer .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 40px;
   line-height: 50px;
   cursor: pointer;
   color: #3786ff;
   display: none;
 }

 .mobile-menu {
   position: fixed;
   right: 0;
   top: 0;
   width: 300px;
   padding-right: 30px;
   max-width: 100%;
   height: 100%;
   opacity: 0;
   visibility: hidden;
   z-index: 999999;
   transition: all 900ms ease;
 }

 .mobile-menu .navbar-collapse {
   display: block !important;
 }

 .mobile-menu .nav-logo {
   position: relative;
   padding: 50px 25px;
   text-align: left;
 }

 .mobile-menu-visible {
   overflow: hidden;
 }

 .mobile-menu-visible .mobile-menu {
   opacity: 1;
   visibility: visible;
 }

 .mobile-menu .menu-backdrop {
   position: fixed;
   left: 0%;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   transition: all 900ms ease;
   background-color: #000;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
   opacity: 0.70;
   visibility: visible;
   right: 100%;
   -webkit-transition: all .8s ease-out 0s;
   -o-transition: all .8s ease-out 0s
 }

 .mobile-menu .menu-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   max-height: 100%;
   overflow-y: auto;
   background: #141417;
   padding: 0px 0px;
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   border-radius: 0px;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   transition: all 900ms ease !important;
 }

 .mobile-menu-visible .mobile-menu .menu-box {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   transition: all 0.7s ease;
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
 }

 .mobile-menu .close-btn {
   position: absolute;
   right: 25px;
   top: 10px;
   line-height: 30px;
   width: 24px;
   text-align: center;
   font-size: 18px;
   color: #ffffff;
   cursor: pointer;
   z-index: 10;
   -webkit-transition: all 0.9s ease;
   -moz-transition: all 0.9s ease;
   -ms-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
 }

 .mobile-menu-visible .mobile-menu .close-btn {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }

 .mobile-menu .close-btn:hover {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation {
   position: relative;
   display: block;
   width: 100%;
   float: none;
 }

 .mobile-menu .navigation li {
   position: relative;
   display: block;
   border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>ul>li:first-child {
   border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>a {
   position: relative;
   display: block;
   line-height: 24px;
   padding: 10px 25px;
   font-size: 15px;
   font-weight: 500;
   color: #ffffff;
   text-transform: uppercase;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li ul li>a {
   font-size: 16px;
   margin-left: 20px;
   text-transform: capitalize;
 }

 .mobile-menu .navigation li>a:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 0;
   border-left: 5px solid #fff;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .navigation li.current>a:before {
   height: 100%;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: 6px;
   top: 6px;
   width: 32px;
   height: 32px;
   text-align: center;
   font-size: 16px;
   line-height: 32px;
   color: #ffffff;
   background: rgba(255, 255, 255, 0.10);
   cursor: pointer;
   border-radius: 2px;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   z-index: 5;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn.open {
   color: #ffffff;
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul,
 .mobile-menu .navigation>li.dropdown>.megamenu {
   display: none;
 }

 .mobile-menu .social-links {
   position: relative;
   padding: 0px 25px;
 }

 .mobile-menu .social-links li {
   position: relative;
   display: inline-block;
   margin: 0px 10px 10px;
 }

 .mobile-menu .social-links li a {
   position: relative;
   line-height: 32px;
   font-size: 16px;
   color: #ffffff;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .mobile-menu .contact-info {
   position: relative;
   padding: 120px 30px 20px 30px;
 }

 .mobile-menu .contact-info h4 {
   position: relative;
   font-size: 20px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .mobile-menu .contact-info ul li {
   position: relative;
   display: block;
   font-size: 15px;
   color: rgba(255, 255, 255, 0.80);
   margin-bottom: 3px;
 }

 .mobile-menu .contact-info ul li a {
   color: rgba(255, 255, 255, 0.80);
 }

 .mobile-menu .contact-info ul li:last-child {
   margin-bottom: 0px;
 }


 .owl-dots-none .owl-dots,
 .owl-nav-none .owl-nav {
   display: none !important;
 }

 .owl-nav button {
   background: transparent;
 }

 .list-style-one li {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
   padding-left: 30px;
   margin-bottom: 15px;
 }

 .list-style-one li:last-child {
   margin-bottom: 0px;
 }

 .list-style-one li:before {
   position: absolute;
   content: '\e908';
   font-family: 'icomoon';
   left: 0px;
   top: 0px;
   font-weight: 400;
   font-size: 14px;
   color: var(--theme-color);
 }


 /** main-footer **/

 .main__footer {
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .main__footer:before {
   content: "";
   background: var(--secondary-color);
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: -1;
 }

 .news__icon {
   font-size: 60px;
   color: var(--white-color);
 }

 .news__letter {
   padding: 30px 70px;
   background: #082680;
   border-radius: 5px;
   margin-bottom: 30px;
 }

 .main__footer .widget__section {
   padding-top: 30px;
 }

 .news__letter__left {
   display: flex;
   gap: 15px;
 }

 .news__letter__left .news__text h3 {
   font-size: 30px;
   line-height: 30px;
   color: var(--white-color);
 }

 .news__letter__left .news__text p {
   font-weight: 300;
   font-size: 20px;
   line-height: 30px;
   font-family: 'Teko';
   color: var(--white-color);
 }

 .news__letter__right {
   position: relative;
 }





 /*------social icon end---*/





 .social-menu ul {
   position: fixed;
   top: 65%;
   left: 98%;
   padding: 0;
   margin: 0;
   transform: translate(-50%, -50%);
   display: flex;
 }


 .social-menu li i:hover {
   color: #fff !important;
 }

 i.fa.fa-file {
   color: black;
   padding-top: 11px;
   font-size: 18px;
 }

 i.fa.fa-phone {
   margin-top: 13px;
   font-size: 17px;
 }

 i.fa.fa-phone:hover {
   color: #fff;
 }

 s .social-menu ul li {
   list-style: none;
   margin: 0 15px;
 }

 .social-menu ul li .fab {
   font-size: 22px;
   line-height: 42px;
   transition: .3s;
   color: #000;
 }

 .social-menu ul {
   display: block;
   z-index: 99999;
 }

 .social-menu ul li {
   padding-bottom: 5px;
 }

 .social-menu ul li .fab:hover {
   color: #fff;
 }

 .social-menu ul li a {
   position: relative;
   display: block !important;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background-color: #fff;
   text-align: center;
   transition: .6s;
   box-shadow: 0 5px 4px rgba(0, 0, 0, .5);
 }

 .social-menu ul li a:hover {
   transform: translate(0, -10%);
 }

 .social-menu ul li:nth-child(1) a:hover {
   background-color: rgba(0, 0, 0, 0.829);
 }

 .social-menu ul li:nth-child(2) a:hover {
   background-color: #E4405F;
 }

 .social-menu ul li:nth-child(3) a:hover {
   background-color: #0077b5;
 }

 .social-menu ul li:nth-child(4) a:hover {
   background-color: #51ad99;
 }




 /*-------------Social icone end--------*/






 .ewChat {
   animation: pulse 2s infinite;
 }



 .ewChat {
   position: fixed;
   bottom: 12px;
   right: 2px;
   font-family: 'Josefin Sans', sans-serif;
   margin: 0;
   padding: 0;
   width: 247px;
   max-width: calc(100% - 60px);
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   z-index: 21;
   margin-bottom: 25px;
   background: #fff;
   border-radius: 24px;
 }

 .ewChatBox {
   width: 100%;
   background-color: var(--ewc-color-2);
   border-radius: 15px;
   display: flex;
   transition: opacity 1000ms;
   flex-direction: column;
 }

 .ewChatAvatar {
   left: calc(50% - 32px);
   top: -80px;
   width: 59px;
   height: 59px;
   padding: 3px;
   border-radius: 100%;
   background-color: var(--ewc-color-1);
   display: flex;
 }

 .Opinions {
   display: block;
   justify-content: space-evenly;
   padding-bottom: 25px;
 }

 .ewChatHeader {
   background-color: #198754;
   color: var(--ewc-color-1);
   border-radius: 15px 15px 0 0;
   padding: 5px;
   /*Green background size*/
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .ewChatHeader h2 {
   font-size: 17px;


   padding-left: -24px;
   color: #fff;
   padding-right: 58px;
   margin-right: -235px;

   margin-top: 10px;
 }

 a.btn.btn-primary {
   margin-left: 47px;
   padding-right: 45px;
   padding-left: 37px;
   margin-bottom: 4px;
   margin-top: 3px;
   border-radius: 25px;
   background: #52b759 !important;
   border: 1px;
 }


 .ewChatHeader p {
   font-size: 11px;
   margin: 0;
   color: #ffffff;
   padding-left: 37px;
 }

 .ewChatBubble {
   background-color: #075E54;
   margin: 10px 18px 10px 30px;
   padding: 9px 9px 25px 9px;
   text-align: left;
   border-radius: 0 10px 10px 10px;
   position: relative;
   transition: opacity 1000ms;
 }

 .ewChatBubble:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   border: 15px solid transparent;
   border-right-color: var(--ewc-color-1);
   border-left: 0;
   border-top: 0;
   margin-top: 0;
   margin-left: -15px;
 }

 .ewChatBubble p {
   margin: 0;
   font-size: 14px;
   color: #fff;
   font-weight: bold;
 }

 .ewChatBubble span {
   position: absolute;
   bottom: 5px;
   right: 9px;
   opacity: 0.5;
   font-size: 11px;
 }

 .ewChatInput {
   display: flex;
   transition: opacity 1000ms;
   width: 100%;
   margin-top: 10px;
   background-color: var(--ewc-color-1);
   height: 48px;
   border-radius: 24px;
   border: 1px solid black;
   /*Remove after placing a background*/
   border-width: thin;
   /*Remove after placing a background*/
 }

 .ewChatInput input {
   font-family: 'Josefin Sans', sans-serif;
   font-size: 16px;
   background-color: var(--ewc-color-1);
   height: 32px;
   margin: auto 20px;
   width: 100%;
   border: none;
 }

 .ewChatInput input:focus {
   outline: none;
 }

 .ewChatInput button {
   border: none;
   background-color: var(--ewc-color-4);
   border-radius: 20px;
   margin: 4px;
   color: var(--ewc-color-1);
   padding: 8px;
 }

 .ewChatAvatar img {
   margin: 2px 15px 5px 9px;
   /*To move the avatar*/
 }























 .news__letter__right input {
   background: var(--white-color);
   border-radius: 5px;
   width: 100%;
   padding: 15px 33px;
   font-family: var(--title-font);
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   color: #BABABA;
 }

 .news__letter__right button {
   background: #1F1F1F;
   border-radius: 5px;
   position: absolute;
   right: 8px;
   top: 8px;
   padding: 7px 13px;
   font-family: 'Teko';
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
   color: var(--white-color);
 }

 .question span {
   color: var(--theme-color);
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 29px;
 }

 .question h3 a {
   color: var(--white-color);
 }

 .question.text-right {
   display: flex;
   justify-content: end;
 }

 .footer__middel___content {
   border-bottom: 1px solid #353535;
 }

 .footer__text p {
   color: var(--white-color);
 }

 .footer__social__media {
   padding-top: 30px;
 }

 .footer__social__media ul {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .footer__social__media ul a {
   width: 35px;
   height: 35px;
   border: 1px solid #454A53;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--white-color);
   font-size: 16px;
   position: relative;
 }

 .footer__social__media ul a i {
   display: flex;
 }

 .footer__social__media ul a:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   background: var(--theme-color);
   transform: scale(0.0);
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border-radius: 50%;
   transition: all 500ms ease;
   z-index: -1;
 }

 .footer__social__media ul a:hover:before {
   transform: scale(1.1);
 }

 .footer-widget.links-widget .widget-title h3 {
   font-size: 30px;
   color: #fff;
 }

 .footer-bottom {
   background: #252525;
   text-align: center;
 }

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

 .links__widget__link h3 {
   font-size: 30px;
   color: var(--white-color);
   padding-bottom: 15px;
 }

 .links__widget__link h3 li a {
   font-size: 16px;
   color: var(--white-color);
 }

 .links__widget__link .links-list a {
   color: var(--white-color);
 }

 .links__widget__link .links-list>:hover a {
   color: var(--theme-color);
 }

 .links__widget__link .links-list li {
   padding-bottom: 15px;
 }

 .footer__gallery .lower-content {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   transform: scale(0.0);
   background: var(--theme-color);
   transition: all 500ms ease;
   opacity: 83%;
 }

 .footer__gallery .inner-box:hover .lower-content {
   transform: scale(1.0);
 }

 .footer__gallery .inner-box:hover .lower-content .view-btn a {
   opacity: 1;
   transform: translateY(0px);
 }

 .footer__gallery .inner-box .lower-content .view-btn a {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 20px;
   border-radius: 50%;
   opacity: 0;
   height: 20px;
   font-size: 20px;
   color: var(--white-color);
 }

 .footer__gallery .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .footer__gallery .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .footer__gallery .icon-layer {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   bottom: 0;
   background-repeat: repeat-x;
   animation: slide 100s linear infinite;
   -webkit-animation: slide 100s linear infinite;
 }

 .footer___gallery___image {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 9px;
 }

 .footer-bottom a {
   color: var(--theme-color);
 }

 /* Animation */

 @-webkit-keyframes shine {
   100% {
     left: 125%;
   }
 }

 @keyframes shine {
   100% {
     left: 125%;
   }
 }


 /* Contact Form */

 .default-form input[type='text'],
 .default-form input[type='email'],
 .default-form input[type='tel'],
 .default-form input[type='password'],
 .default-form textarea,
 .default-form .nice-select {
   position: relative;
   width: 100%;
   height: 58px;
   border-radius: 5px;
   background: #F6F6F6;
   font-family: var(--title-font);
   letter-spacing: 1.6px;
   font-size: 16px;
   color: rgba(112, 112, 112, 0.60);
   padding: 15px;
   border: 1px solid #e5e5e5;
   transition: all 500ms ease;
 }

 .default-form input:focus,
 .default-form textarea:focus {
   border-color: var(--theme-color);
 }


 /** header-style-two **/

 .header-style-two .outer-box {
   padding: 0px;
 }

 .main-header .menu-right-content .search-box-outer {
   position: relative;
   display: inline-block;
   margin-right: 45px;
   font-size: 25px;
   color: var(--white-color);
   cursor: pointer;
   transition: all 500ms ease;
 }

 .main-header .menu-right-content .search-box-outer:hover {
   color: var(--theme-color);
 }

 .accordion-box .block .acc-content {
   position: relative;
   display: none;
 }

 .accordion-box .block .acc-content.current {
   display: block;
 }

 .nav-style-one .owl-nav button {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 76px;
   background: #fff;
   font-size: 16px;
   color: #222;
   text-align: center;
   border-radius: 50%;
   box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button:hover {
   color: #fff;
   background: var(--theme-color);
 }

 .main-footer.alternat-2 {
   background: var(--secondary-color);
 }

 .main-footer.alternat-2 .widget-section {
   padding-top: 120px;
 }

 .main-footer .logo-widget {
   margin-top: -15px;
 }



 /* Page-Title */

 .page-title-section {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .page-title-section .content-box h1 {
   color: #FFF;
   font-size: 50px;
   font-weight: 500;
   line-height: 1em;
   text-transform: uppercase;
 }

 .page-title-section ul.bread-crumb {
   color: #FFF;
   font-family: var(--title-font);
   font-size: 20px;
   font-weight: 600;
   line-height: 2em;
   letter-spacing: 16px;
   text-transform: uppercase;
   display: flex;
   justify-content: center;
 }

 .page-title-section .content-box {
   padding: 33px 0;
   position: relative;
 }

 .page-title-section:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(53deg, rgba(21, 21, 25, 1) 0%, rgba(21, 21, 25, 0.2) 100%);
 }

 .page-title-section .shape-1 {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: top right;
 }

 .page-title-section .shape-2 {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: top right;
 }

 ul.bread-crumb li a {
   position: relative;
   padding-right: 70px;
   padding-left: 15px;
 }

 ul.bread-crumb li:hover a {
   color: var(--theme-color);
 }

 ul.bread-crumb li a:after {
   content: "-";
   position: absolute;
   top: -5px;
   right: 30px;
 }


 /* Color */

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li>ul>li>a:hover,
 .main-menu .navigation>li>.megamenu li>a:hover,
 .main-menu .navigation>li>ul>li>ul>li>a:hover,
 .main-header .menu-right-content .support-box a:hover,
 .banner-carousel .content-box .title-text,
 .news-block-one .inner-box .lower-content h3 a:hover,
 .news-block-one .inner-box .lower-content .post-info li i,
 .news-block-one .inner-box .lower-content .post-info li a:hover,
 .main-footer a:hover,
 .main-header .menu-right-content .search-box-outer:hover,
 .banner-carousel .content-box h2 span,
 .scroll-to-top .scroll-bar-text {
   color: var(--theme-color) !important;
 }

 /** background **/

 .theme-btn.btn-one,
 .main-header .menu-right-content .cart-box a:hover,
 .banner-carousel .owl-nav button:hover {
   background: var(--theme-color) !important;
 }


 /* 404 Page */

 .error-page {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
 }

 .error-page:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(53deg, rgba(21, 21, 25, 0.88) 0%, rgba(21, 21, 25, 0.61) 100%);
 }

 .error-page .inner {
   padding: 160px 0;
   text-align: center;
 }

 .error-page .shape-1 {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: top right;
 }

 .error-page .shape-2 {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: top right;
 }

 .error-page .inner p {
   padding: 23px 0;
   color: #fff;
 }

 .error-page .inner h1 {
   color: #FFF;
   font-size: 500px;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
 }
 section.contact-section {
  border-bottom: 1px solid;
}
 .popupimage {
  border: 1px solid;
}
 .none {
  display: none;
}
.product-image {
  border: 1px solid lightgray;
}
.cursomer {
  background: #082680;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 8px;
  border-radius: 20px;
}
section.contact-section {
  background: #082680;
}
 .error-page .inner h3 {
   color: #FFF;
   font-size: 40px;
   font-weight: 600;
   line-height: 1em;
   letter-spacing: 4px;
   text-transform: uppercase;
   margin-top: -180px;
 }




 /* Animation */

 @-webkit-keyframes circle {
   0% {
     opacity: 1;
   }

   40% {
     opacity: 1;
   }

   100% {
     width: 200%;
     height: 200%;
     opacity: 0;
   }
 }

 @keyframes circle {
   0% {
     opacity: 1;
   }

   40% {
     opacity: 1;
   }

   100% {
     width: 200%;
     height: 200%;
     opacity: 0;
   }
 }


 @-webkit-keyframes shine {
   100% {
     left: 125%;
   }
 }

 @keyframes shine {
   100% {
     left: 125%;
   }
 }




 .container {
  position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 5.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
 }
 
 /* Then style the iframe to fit in the container div with full height and width */
 .responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
 }