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

 /*** 

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

 ***/

 :root {
   --theme-color: #1c4f9a;
   --secondary-color: #1a4d97;
   --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;
 }

 @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: #363636;
   font-weight: 400;
   margin: 0px;
   transition: all 500ms ease;
   text-align: justify; margin-bottom: 30px;
 }
p:last-child{margin-bottom: 0px;}
 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;
   background: #f6f6f6 !important;
 }

 .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 3px solid rgb(24 79 154 / 65%);
   border-radius: 50%;
 }

 .valorwide_preloader_in:after {
   content: "";
   border-width: 3px;
   border-style: solid;
   border-color: transparent;
   border-top-color: #1a4d97;
   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;
   border-radius: 25px;
 }


 .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: #103777;
   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: #103777;
    color: #fff;
 }

 .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: normal;
   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;    box-shadow: 0 5px 5px -5px #b9b9b9;
 }

 .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;
 }

 .sticky-header .outer-box {
   background: rgb(255 255 255 / 95%) !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: #000;
   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 #1a4d97;
 }

 .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: 12px;
   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 i {
   padding-right: 10px;
   font-size: 15px;
 }

 .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: 230px;
 }

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


 .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;
   color: #fff;
 }

 .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;
 }

 .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: 8px 0px;
 }

 .main-header .outer-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0px 130px;
 }

 .main-header {
   background: #fff;
 }

 .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: #282826;
   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.current>a:before {
   display: inline-block;
   position: absolute;
   content: "";
   top: 0px;
   margin: 0 auto;
   left: 50%;
   background-repeat: no-repeat;
   background-position: 0px -6px;
   width: 8px;
   height: 34px;
   text-align: center;
   margin-left: -5px;
   background: url('../images/download.png');
   -webkit-mask-size: cover;
   mask-size: cover;
   filter: grayscale(1) invert(0.2);
 }

 .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: 350px;
   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: var(--theme-color);
   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;
 }

 .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;
   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: #484848;
   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: 100px;
   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: 200px 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-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: #1c4e99 !important
 }
 .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{color: #fff;}
 /** background **/

 .theme-btn.btn-one,
 .main-header .menu-right-content .cart-box a:hover,
 .banner-carousel .owl-nav button:hover {
   border: #1c4e99 solid 2px !important;
   /* background: transparent; */
   background: white;
   color: #272822 !important;
 }
 .theme-btn.btn-one:hover{color:#fff !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;
 }

 .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%;
   }
 }

 .side-line-left {
   position: relative;
   padding-left: 40px;
   color: #1c4e9c;
 }

 .side-line-left:after {
   position: absolute;
   content: "";
   height: 10px;
   width: 10px;
   background: #1c4e9c;
   left: 8px;
   top: 4px;
   box-shadow: 0 0 0px 5px #0162ca2b;
 }

 .text-center .side-line-left::after {
   left: 47%;
 }

 .btnHd {
   position: relative;
   left: auto;
   top: auto;
   right: auto;
 }

 .btn:before {
   content: attr(data-hover);
   -webkit-transform: translateY(50%) rotateX(90deg);
   transform: translateY(50%) rotateX(90deg);
   opacity: 0;
   border-width: 2px;
   border-style: solid;
   -webkit-transform-origin: right center 0;
   -ms-transform-origin: right center 0;
   transform-origin: right center 0;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out, opacity .3s ease-in-out;
   transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
   padding: 0.9375rem 1.5625rem;
   border-radius: 99px;
 }

 .btnHd .btnText,
 .btnHd:before {
   padding: 0.9375rem 1.5625rem;
   border-radius: 99px;
 }

 .btnThemeAlt.btnNoOver {
   color: #fff;
 }

 .btnThemeAlt.btnNoOver:hover {
   background-color: #fff !important;
 }

 .btnThemeAlt:before {
   background-color: #fff;
 }

 .btnThemeAlt .btnText {
   color: #fff;
 }

 .main-header .menu-area {
   margin-left: 7%;
 }

 .goog-te-gadget-simple {
   background: transparent !important;
   border: none !important;
 }

 .goog-te-gadget-simple span {
   color: #fff !important;
 }

 /* Footer 
----------------------------------------------------- */
 .footer {
   width: 100%;
   background-color: #1a4c9d;
   background-image: url(../images/dot-map.png);
   background-repeat: no-repeat;
   background-position: 122px 80px;
   padding-top: 102px;
 }

 .footer-content {
   width: 100%;
   max-width: 1440px;
   margin: auto;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   padding-bottom: 70px;
 }

 .footer-content .title {
   font-family: "Raleway", sans-serif;
   font-weight: 700;
   font-size: 20px;
   line-height: 23px;
   color: #ffffff;
   text-transform: uppercase;
 }

 .location .address,
 .location .phone,
 .location .mail {
   display: flex;
   margin-top: 25px;
 }

 .location .icon {
   margin-right: 12px;
   width: 36px;
   font-size: 36px;
   color: #dfdfdf;
 }

 .location .text {
   font-weight: 700;
   font-size: 12px;
   line-height: 18px;
   color: #dfdfdf;
 }

 .location p {
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
 }

 .location .phone p {
   font-weight: normal;
   color: #ffffff;
 }

 .location .phone>span {
   width: 1px;
   height: 41px;
   margin: 0 18px;
   background-color: #fff;
   opacity: 0.1;
 }

 /* .location .mail p {
   text-decoration-line: underline;
 } */

 .footer-content .service {
   width: 440px;
 }

 .footer-content .service ul {
   margin-top: 26px;
   display: flex;
   flex-wrap: wrap;
   column-gap: 30px;
   position: relative;
 }

 .footer-content .service ul::before {
   position: absolute;
   top: 0;
   left: 50%;
   content: "";
   width: 1px;
   height: 100%;
   background-color: #fff;
   opacity: 0.1;
 }

 .footer-content .service ul li {
   width: 205px;
   padding-left: 21px;
   margin-bottom: 12px;
   position: relative;
   transition: 0.5s;
 }

 .footer-content .service ul li::before {
   position: absolute;
   top: 0px;
   left: 6.5px;
   font-size: 20px;
   color: #C0F8E8;
 }

 .footer-content .service ul li a {
   font-family: "Hind", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
 }

 .footer-content .service ul li:hover {
   padding-left: 28px;
 }

 .footer-content .service ul li:hover a {
   color: #C0F8E8;
 }

 .footer-content .comment-respond {
   padding: 0 20px 20px 20px;
   box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.2);
 }

 .footer-content .comment-respond form {
   margin-top: 26px;
 }

 .footer-content form .comment {
   display: flex;
   column-gap: 12px;
 }

 .footer-content form .comment .infor-container {
   width: 50%;
 }

 .footer-content form .select .nice-select {
   margin-top: 12px;
   margin-bottom: 12px;
   font-family: "Hind", sans-serif;
   font-size: 13px;
   background-color: transparent;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 0;
   color: #fff;
 }

 .footer-content form .select .nice-select ul li {
   color: #042181;
 }

 .footer-content form .select select {
   cursor: pointer;
   opacity: 1;
 }

 .footer-content form button {
   width: 100%;
   padding: 15px 24px;
   background: #C0F8E8;
   color: #042181;
 }

 .footer-content form button:hover {
   background-color: #fff;
 }

 .footer-bottom {
   padding: 17px 0;
 }

 .footer-bottom .row {
   align-items: center;
 }

 .footer-bottom p {
   text-align: left;
   font-family: "Hind", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   color: #fff;
 }

 .footer-bottom a {
   color: #fff;
 }

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

 .widget-social {
   display: flex;
   gap: 8px;
   align-items: center;
 }

 .footer-bottom .widget-social {
   justify-content: end;
 }

 .widget-social a {
   padding: 2px 10px;
   border: 1px solid rgba(255, 255, 255, 0.15);
   border-radius: 50%;
   color: #FFFFFF;
 }

 .widget-social a:hover {
   color: #042181;
   background-color: #FFFFFF;
 }

 .footer input,
 .footer textarea {
   background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
   width: 100%;
   height: 50px;
   font-family: "Hind", sans-serif;
   font-size: 13px;
   line-height: 18px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   color: #a0a0a0;
   background-color: transparent;
   padding: 15px 20px;
   border-radius: 0;
   opacity: 0.5;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
 }

 .widget-close-btn {
   background: #3cb743;
   border: none;
   padding: 20px 20px;
   border-radius: 100%;
   margin-top: 20px;
   box-shadow: 0px 20px 15px rgb(0 0 0 / 10%);
   outline: none !important;
   position: fixed;
   bottom: 25px;
   right: 20px;
   z-index: 9;
 }

 .widget-close-btn img {
   width: 35px;
 }

 .text-slide .slide-icon {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .text-slide .slide-icon img {
   padding-bottom: 20px;
   filter: brightness(0) invert(1);
 }

 /*========================================*/
 /*-------------- [_Page_Title] -----------*/
 /*========================================*/
 .page-title-section-2 {
   background-position: center;
   background-color: #f8f8f8;
   background-image: url(../images/contact-banner.jpg);
   display: flex;
   align-items: end;
   min-height: 265px;
   position: relative;
   padding: 75px 0;
 }

 .page-title-section-2.abt {
   background-position: center;
   background-color: #f8f8f8;
   background-image: url(../images/about-banner.jpg);
   display: flex;
   align-items: end;
   min-height: 365px;
   position: relative;
   padding: 75px 0;
 }

 .page-title-section-2 .breadcrumb-area {
   text-align: center;
   z-index: 2;
   position: relative;
 }

 .page-title-section-2 .breadcrumb-area .page-title {
   font-size: 4rem;
   color: #fff;
   margin-bottom: 10px;
   letter-spacing: 3px;font-weight: normal;
 }

 .page-title-section-2 .breadcrumb-area .breadcrumbs-link li {
   display: inline-block;
   font-size: 16px;
   font-weight: 700;
   color: #fff;
 }

 .page-title-section-2 .breadcrumb-area .breadcrumbs-link li a {
   color: #fff;
 }

 .page-title-section-2 .breadcrumb-area .breadcrumbs-link li:after {
   display: inline-block;
   content: '\f105';
   font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
   margin-left: 15px;
   margin-right: 12px;
   color: #fff;
 }

 .page-title-section-2 .breadcrumb-area .breadcrumbs-link li:last-child:after {
   display: none;
 }

 .page-title-section-2:before {
   background: var(--secondary-color);
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   opacity: 0.3;
   z-index: 1;
 }
 .tf-section{padding:60px 0px}

 /*========================================*/
 /*-------------- [Contact Us] -----------*/
 /*========================================*/

 .widget-claim-settlement {
   text-align: center;
 }

 .widget-claim-settlement-wrap {
   max-width: 1000px;
   margin: auto;
 }

 .widget-claim-settlement-item {
   width: 100%;
   text-align: start;
   min-height: 346px;
   padding: 30px 30px 0 30px;
   box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
   border-radius: 60px 0px 0px 0px;
   position: relative;
   overflow: hidden;
   background: white;
   transition: all 0.5s ease;    border: #ececec solid 1px;
 }
.all-content .sec-title{    font-size: 33px;}
 .widget-claim-settlement-item:hover {
   box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.18);
 }

 .widget-claim-settlement-item::after {
   position: absolute;
   bottom: 0;
   right: 0;
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-size: 120px;
   line-height: 141px;
   opacity: 0.1;
   transform: translate(15%, 23%);
   z-index: -1;
   color: #6ee4b000;
   -webkit-text-stroke-width: 2px;
   stroke-width: 2px;
   -webkit-text-stroke-color: #042181;
   stroke: #042181;
 }

 /* .widget-claim-settlement-item.claim-item-1::after {
   content: "01";
 }

 .widget-claim-settlement-item.claim-item-2::after {
   content: "02";
 }

 .widget-claim-settlement-item.claim-item-3::after {
   content: "03";
 } */

 .widget-claim-settlement-item .all-content .date {
   padding: 23px;
   margin-bottom: 16px;
 }

 .widget-claim-settlement-item .all-content .date span {
   font-size: 34px;
 }

 .widget-claim-settlement-item .all-content a.title {
   font-size: 30px;
   line-height: 35px;
 }

 .widget-claim-settlement-item .all-content a.title:hover {
   color: #36a7e3;
 }

 .widget-claim-settlement-item .widget-post .all-content p {
   margin-top: 16px;
   margin-bottom: 0;
   line-height: 26px;
 }

 .widget-claim-settlement-item .widget-post .all-content p a {
   font-weight: 700;
   color: #3AC19B;
 }

 .widget-post {
   width: 100%;
   display: flex;
 }

 .widget-post .image {
   width: 100%;
 }

 .blog .main-content-wrap>.widget-post .image {
   border-radius: 80px 0px 0px 0px;
   overflow: hidden;
   width: 50%;
 }

 .blog .main-content-wrap>.widget-post .all-content {
   width: 45.6%;
 }

 .widget-block-1 {
   width: 80px;
   height: 80px;
   padding: 17px 20px 5px;
   text-align: center;
   background-color:#dae8fc;
   border-top-left-radius: 30px;
 }

 .widget-post .date {
   margin-bottom: 20px;
 }

 .widget-post .date .month {
   font-family: "Raleway", sans-serif;
   font-weight: 900;
   font-size: 20px;
   line-height: 23px;
   color: #042181;
 }

 .widget-post .date .day {
   font-family: "Raleway", sans-serif;
   font-weight: 900;
   font-size: 30px;
   line-height: 35px;
   color: #042181;
 }

 .widget-post .all-content .sub-content {
   display: flex;
   gap: 14px;
   margin-bottom: 14px;
 }

 .widget-post .all-content .sub-content .time {
   font-family: 'Raleway', sans-serif;
   font-weight: 500;
   font-size: 12px;
   line-height: 17px;
   color: #4F556A;
 }

 .widget-post .all-content .sub-content .category {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   font-size: 12px;
   line-height: 17px;
   color: #3AC19B;
 }

 .widget-post .all-content .sub-content img {
   margin-right: 8px;
 }

 .widget-post .all-content .title {
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-size: 24px;
   line-height: 28px;
   color: #042181;
 }

 .widget-post .all-content .title a:hover {
   color: #3AC19B;
 }

 .widget-post .all-content p {
   width: 100%;
   font-family: "Hind", sans-serif;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   color: #4F556A;
   margin-top: 14px;
   margin-bottom: 20px;
 }

 .widget-post .all-content button {
   padding: 0;
   padding-left: 12px;
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-size: 15px;
   line-height: 18px;
   text-transform: capitalize;
   color: #042181;
 }

 /*========================================*/
 /*-------------- [About Us] -----------*/
 /*========================================*/
 .aboutBlock {padding:80px 0px;}
 @font-face {
   font-family: "icomoon";
   src: url("../fonts/icomoon2.ttf?h7kkm8") format("truetype"),
     url("../fonts/icomoon2.woff?h7kkm8") format("woff"),
     url("../fonts/icomoon.svg?h7kkm8#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }
 .mb-lg-14{margin-bottom: 115px;}

 [class^="icomoon-"],
 [class*=" icomoon-"] {
   font-family: "icomoon" !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .icomoon-icnQuote:before {
   content: "\e900";
 }

 .icomoon-web:before {
   content: "\e901";
 }

 .icomoon-mouse:before {
   content: "\e902";
 }

 .icomoon-sending-call:before {
   content: "\e903";
 }

 .icomoon-arrowUp:before {
   content: "\e904";
 }

 .icomoon-arrowLeft:before {
   content: "\e905";
 }

 .icomoon-arrowDown:before {
   content: "\e906";
 }

 .icomoon-arrowRight:before {
   content: "\e907";
 }

 .icomoon-online-question:before {
   content: "\e908";
 }

 .icomoon-mail:before {
   content: "\e909";
 }

 .icomoon-paper-plane:before {
   content: "\e90a";
 }

 .icomoon-telephone-1:before {
   content: "\e90b";
 }

 .icomoon-telephone:before {
   content: "\e90c";
 }

 .icomoon-video-chat:before {
   content: "\e90d";
 }

 .icomoon-template:before {
   content: "\e90e";
 }

 .icomoon-mailbox:before {
   content: "\e90f";
 }

 .icomoon-send:before {
   content: "\e910";
 }

 .icomoon-contact:before {
   content: "\e911";
 }

 .icomoon-globe:before {
   content: "\e912";
 }

 .icomoon-world:before {
   content: "\e913";
 }

 .icomoon-email-5:before {
   content: "\e914";
 }

 .icomoon-email-4:before {
   content: "\e915";
 }

 .icomoon-phone-2:before {
   content: "\e916";
 }

 .icomoon-write-letter:before {
   content: "\e917";
 }

 .icomoon-email-3:before {
   content: "\e918";
 }

 .icomoon-time-call-1:before {
   content: "\e919";
 }

 .icomoon-time-call:before {
   content: "\e91a";
 }

 .icomoon-telephone-book:before {
   content: "\e91b";
 }

 .icomoon-schedule:before {
   content: "\e91c";
 }

 .icomoon-website:before {
   content: "\e91d";
 }

 .icomoon-calendar:before {
   content: "\e91e";
 }

 .icomoon-address:before {
   content: "\e91f";
 }

 .icomoon-email-2:before {
   content: "\e920";
 }

 .icomoon-home:before {
   content: "\e921";
 }

 .icomoon-profile:before {
   content: "\e922";
 }

 .icomoon-text:before {
   content: "\e923";
 }

 .icomoon-phone-1:before {
   content: "\e924";
 }

 .icomoon-email-1:before {
   content: "\e925";
 }

 .icomoon-call-1:before {
   content: "\e926";
 }

 .icomoon-call:before {
   content: "\e927";
 }

 .icomoon-chat-1:before {
   content: "\e928";
 }

 .icomoon-location:before {
   content: "\e929";
 }

 .icomoon-email:before {
   content: "\e92a";
 }

 .icomoon-chat:before {
   content: "\e92b";
 }

 .icomoon-phone:before {
   content: "\e92c";
 }

 .icomoon-send-mail:before {
   content: "\e92d";
 }

 .icomoon-message:before {
   content: "\e92e";
 }

 .icomoon-mail-4:before {
   content: "\e92f";
 }

 .icomoon-mail-3:before {
   content: "\e930";
 }

 .icomoon-telephone-2:before {
   content: "\e931";
 }

 .icomoon-home-message:before {
   content: "\e932";
 }

 .icomoon-mail-2:before {
   content: "\e933";
 }

 .icomoon-icnShare:before {
   content: "\e934";
 }

 .icomoon-mobile-phone:before {
   content: "\e935";
 }

 .icomoon-phone-3:before {
   content: "\e936";
 }

 .icomoon-mail-1:before {
   content: "\e937";
 }

 .icomoon-link:before {
   content: "\e938";
 }

 .icomoon-discount:before {
   content: "\e939";
 }

 .icomoon-car-service:before {
   content: "\e93a";
 }

 .icomoon-whatsapp:before {
   content: "\e93b";
 }

 .icomoon-document:before {
   content: "\e93c";
 }

 .icomoon-keyboard:before {
   content: "\e93d";
 }

 .icomoon-laptop:before {
   content: "\e93e";
 }

 .icomoon-link1:before {
   content: "\e93f";
 }

 .icomoon-location1:before {
   content: "\e940";
 }

 .icomoon-mail1:before {
   content: "\e941";
 }

 .icomoon-meetup:before {
   content: "\e942";
 }

 .icomoon-message1:before {
   content: "\e943";
 }

 .icomoon-mouse1:before {
   content: "\e944";
 }

 .icomoon-news:before {
   content: "\e945";
 }

 .icomoon-office:before {
   content: "\e946";
 }

 .icomoon-open:before {
   content: "\e947";
 }

 .icomoon-phone-call:before {
   content: "\e948";
 }

 .icomoon-schedule1:before {
   content: "\e949";
 }

 .icomoon-smartphone:before {
   content: "\e94a";
 }

 .icomoon-sms:before {
   content: "\e94b";
 }

 .icomoon-support:before {
   content: "\e94c";
 }

 .icomoon-videocall:before {
   content: "\e94d";
 }

 .icomoon-visit-card:before {
   content: "\e94e";
 }

 .icomoon-at:before {
   content: "\e94f";
 }

 .icomoon-browser:before {
   content: "\e950";
 }

 .icomoon-chat1:before {
   content: "\e951";
 }

 .icomoon-clock:before {
   content: "\e952";
 }

 .icomoon-connection:before {
   content: "\e953";
 }

 .icomoon-contacts:before {
   content: "\e954";
 }

 .icomoon-desktop:before {
   content: "\e955";
 }

 .icomoon-faq:before {
   content: "\e956";
 }

 .icomoon-home1:before {
   content: "\e957";
 }

 .icomoon-information:before {
   content: "\e958";
 }

 .icomoon-international:before {
   content: "\e959";
 }

 .icomoon-interphone:before {
   content: "\e95a";
 }

 .icomoon-information1:before {
   content: "\e95b";
 }

 .icomoon-credit-card:before {
   content: "\e95c";
 }

 .icomoon-medal:before {
   content: "\e95d";
 }

 .icomoon-like:before {
   content: "\e95e";
 }

 .icomoon-tire:before {
   content: "\e95f";
 }

 .icomoon-car-1:before {
   content: "\e960";
 }

 .icomoon-mat:before {
   content: "\e961";
 }

 .icomoon-seat:before {
   content: "\e962";
 }

 .icomoon-steering-wheel:before {
   content: "\e963";
 }

 .icomoon-ventilator:before {
   content: "\e964";
 }

 .icomoon-clean:before {
   content: "\e965";
 }

 .icomoon-mechanic:before {
   content: "\e966";
 }

 .icomoon-bathing:before {
   content: "\e967";
 }

 .icomoon-car-wash-4:before {
   content: "\e968";
 }

 .icomoon-car:before {
   content: "\e969";
 }

 .icomoon-vacuum-cleaner:before {
   content: "\e96a";
 }

 .icomoon-car-wash-3:before {
   content: "\e96b";
 }

 .icomoon-spray:before {
   content: "\e96c";
 }

 .icomoon-repair:before {
   content: "\e96d";
 }

 .icomoon-fuel:before {
   content: "\e96e";
 }

 .icomoon-car-wash-2:before {
   content: "\e96f";
 }

 .icomoon-car-wash-1:before {
   content: "\e970";
 }

 .icomoon-air-blower:before {
   content: "\e971";
 }

 .icomoon-car-wash:before {
   content: "\e972";
 }

 .icomoon-3345656:before {
   content: "\e973";
 }

 .icomoon-checky:before {
   content: "\e974";
 }

 .icomoon-chat2:before {
   content: "\e975";
 }

 .icomoon-icn-syc04:before {
   content: "\e976";
 }

 .icomoon-icn-syc03:before {
   content: "\e977";
 }

 .icomoon-icn-syc02:before {
   content: "\e978";
 }

 .icomoon-icn-syc01:before {
   content: "\e979";
 }

 .icomoon-2371519:before {
   content: "\f100";
 }

 .icomoon-2371520:before {
   content: "\f101";
 }

 .icomoon-2371521:before {
   content: "\f102";
 }

 .icomoon-2371522:before {
   content: "\f103";
 }

 .icomoon-2371523:before {
   content: "\f104";
 }

 .icomoon-2371524:before {
   content: "\f105";
 }

 .icomoon-2371525:before {
   content: "\f106";
 }

 .icomoon-2371526:before {
   content: "\f107";
 }

 .icomoon-2371527:before {
   content: "\f108";
 }

 .icomoon-2371528:before {
   content: "\f109";
 }

 .icomoon-2371529:before {
   content: "\f10a";
 }

 .icomoon-2371530:before {
   content: "\f10b";
 }

 .icomoon-2371531:before {
   content: "\f10c";
 }

 .icomoon-2371532:before {
   content: "\f10d";
 }

 .icomoon-2371533:before {
   content: "\f10e";
 }

 .icomoon-2371534:before {
   content: "\f10f";
 }

 .icomoon-2371535:before {
   content: "\f110";
 }

 .icomoon-2371536:before {
   content: "\f111";
 }

 .icomoon-2371537:before {
   content: "\f112";
 }

 .icomoon-2371538:before {
   content: "\f113";
 }

 .icomoon-2371539:before {
   content: "\f114";
 }

 .icomoon-2371540:before {
   content: "\f115";
 }

 .icomoon-2371541:before {
   content: "\f116";
 }

 .icomoon-2371542:before {
   content: "\f117";
 }

 .icomoon-2371543:before {
   content: "\f118";
 }

 .icomoon-2371544:before {
   content: "\f119";
 }

 .icomoon-2371545:before {
   content: "\f11a";
 }

 .icomoon-2371546:before {
   content: "\f11b";
 }

 .icomoon-2371547:before {
   content: "\f11c";
 }

 .icomoon-2371548:before {
   content: "\f11d";
 }

 .icomoon-icnQuoteAlt:before {
   content: "\e97a";
 }

 .descrTag {
   border-radius: 999px;
   font-size: 15px;
   line-height: 1.2222222222;
   padding: 12px 14px;
 }

 .descrTag .icn {
   font-size: 30px;
 }

 .descrTagv1 {
   z-index: 1;
   left: 20px;
   bottom: 20px;
 }

 .imgHolderv1 {
   z-index: 1;
   border-radius: 36px;
   max-width: 290px;
 }

 .imgHolderv1:before {
   content: "";
   position: absolute;
   top: -1px;
   right: -9px;
 }

 .imgHolderv1:before {
   opacity: .2;
   z-index: -1;
   -webkit-transform: rotate(70deg);
   -ms-transform: rotate(70deg);
   transform: rotate(70deg);
   border-radius: inherit;
   width: 241px;
   height: 227px;
 }

 .imgHolderv1 img {
   border-radius: inherit;
 }

 .imgHolderv2:before {
   content: "";
   position: absolute;
   top: -1px;
   left: -9px;
 }

 .imgHolderv2:before {
   -webkit-transform: rotate(-24deg);
   -ms-transform: rotate(-24deg);
   transform: rotate(-24deg);
 }

 .imgHolderv2 .bgPatternv1 {
   bottom: 60px;
   left: -62px;
   right: auto;
 }

 .imgHolderv1:before {
   background-color: #2db7ff;
 }

 .bgPatternv1 {
   bottom: 62px;
   right: -72px;
   z-index: -1;
 }

 @media (min-width: 576px) {
   .imgHolderv1 {
     border-radius: 96px;
     max-width: 460px;
   }

   .imgHolderv1:before {
     width: 391px;
     height: 377px;
   }

   .descrTag {
     font-size: 18px;
     padding: 17px 22px;
   }

   .descrTag .icn {
     font-size: 42px;
   }

   .descrTagv1 {
     left: 50px;
     bottom: 50px;
   }
 }

 @media (min-width: 992px) {
   .imgHolderv1 {
     max-width: unset;
   }

   .descrTag {
     padding: 17px 34px;
   }
 }

 @media (min-width: 1230px) {
   .imgHolderv1:before {
     width: 511px;
     height: 507px;
   }
 }

 .pcFeaturesList {
   font-size: 16px;
 }

 .pcFeaturesList>li {
   position: relative;
   padding-left: 30px;
   margin-bottom: 8px;
 }

 .pcFeaturesList>li:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }

 .pcFeaturesList>li:before {
   content: "\e974";
   color: var(--theme-color);
   font-size: 20px;
   font-family: "icomoon" !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .pcFeaturesList.pcfAlt {
   font-size: 17px;
 }

 .pcFeaturesList.pcfAlt a {
   color: #62718d;
   -webkit-transition: color .3s ease, background-color .3s ease;
   transition: color .3s ease, background-color .3s ease;
 }

 .abtBlockColumn .icnWrap {
   color: var(--theme-color);
   height: 67px;
   font-size: 68px;
 }
 .valorwide_preloader .loader-section {
  background-color: #d8a8a8;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.valorwide_preloader .loader-section.section-left {
  left: 0;
}

.valorwide_preloader .loader-section.section-right {
  right: 0;
}
.loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.text-right{text-align: right !important;}
.pricing-card {
  background: #f6f6f7;
  border-radius: 15px;
  padding: 0 40px 50px;
  margin-top: 66px;
  position: relative;
  z-index: 0;    margin-bottom: 55px;
}.pricing-card_bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 1;
  transition: 0.4s;
}.pricing-card_icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  transform: translateY(-66px);
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: -46px;
}.pricing-card_icon:before, .pricing-card_icon:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
  width: 100px;
  height: 100px;
  z-index: -1;
  transform: skewX(-10deg);
  border-radius: 15px;
}.pricing-card_icon img {
  transition: 0.4s;
width: 50px;
filter: brightness(0) invert(1);
}
img:not([draggable]), embed, object, video {
  max-width: 100%;
  height: auto;
}.pricing-card_icon:after {
  background: var(--theme-color);
  width: 95px;
  height: 83px;
  top: 11px;
  left: 5px;
}.pricing-card_title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 7px;
  transition: 0.4s;
}
.pricing-card .pricing-card_icon:before{ background: var(--white-color);}
.pricing-card.pricing-card_active .pricing-card_icon:before, .pricing-card:hover .pricing-card_icon:before {
  background: none;
}.pricing-card.pricing-card_active .pricing-card_icon img, .pricing-card:hover .pricing-card_icon img {
  transform: rotateY(180deg);
}.pricing-card.pricing-card_active .pricing-card_bg, .pricing-card:hover .pricing-card_bg {
  opacity: 0;
}.pricing-card_bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}.pricing-card.pricing-card_active .pricing-card_title, .pricing-card .pricing-card_title {
  color: var(--white-color);
}
.pricing-card:hover .pricing-card_title{color: #000;}
.pricing-card_bg::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.5;}
.page-title-section-2::before{position: absolute; top:0;background: #000; left: 0; opacity: 0.4;}
#box-container * {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#box-container {
  max-width: 1200px;
  margin: auto;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.box-layers {
  position: relative;
  padding: 2rem 20px 1.5rem;
  width:33.3333333%;
  background: #111;
  font-family: lato;
  cursor: pointer;
  box-sizing: border-box;
}

/* Button Backgrounds */
.box-layers:nth-child(1) {
  background: #1F71FA;
}

.box-layers:nth-child(2) {
  background: #377ffb;
}

.box-layers:nth-child(3) {
  background: #508ffb;
}

.box-layers:nth-child(4) {
  background: #699ffc;
}

/* Arrows */
.box-layers:nth-child(1):after,
.box-layers:nth-child(2):after,
.box-layers:nth-child(3):after {
  position: absolute;
  top: 45%;
  right: -18px;
  z-index: 1;
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #1F71FA;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.box-layers:nth-child(2):after {
  border-left: 20px solid #377ffb;
}

.box-layers:nth-child(3):after {
  border-left: 20px solid #508ffb;
}

/* Icon */
.box-layers .box-layers-icon {
  display: block;
  margin: 15px auto 10px;
  width: 80px;
  height: 80px;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  color: #fff;
}

.box-layers .box-layers-icon img {
  width: 100%;
}

.box-layers .box-layers-icon {
  fill: currentColor;
}

/* Text Styles */
.box-layers h2 {
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 400;
}

.box-layers p {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 300;
}

/* Hover Effects */
.box-layers:hover {
  background: #0E377B;
}

.box-layers:hover:after {
  border-left: 20px solid #0E377B;
}

.box-layers:hover .icon {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #fff;
}

.box-layers:hover h2 {
  color: #fff;
}

/* Media Queries */
@media all and (max-width: 950px) and (min-width: 701px) {
  .box-layers {
      width: 50%;
  }

  .box-layers:nth-child(2):after {
      border-left: 0px;
  }
}

@media all and (max-width: 700px) and (min-width: 0px) {
  .box-layers {
      display: block;
      width: 100%;
  }

  .box-layers:nth-child(1):after,
  .box-layers:nth-child(2):after,
  .box-layers:nth-child(3):after {
      border-left: 0px;
  }
}
 /*================================================================================================*/
 /*------------------------------------------ [Product Page] ------------------------------------*/
 /*=================================================================================================*/
 .section-service {
  background: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 85px;
  position: relative;
}

.section-service .icon-bg .icon-1 {
  position: absolute;
  z-index: -1;
  top: 214px;
  left: 163px;
  animation: moverightleft 3s linear infinite;
}

.section-service .icon-bg .icon-2 {
  position: absolute;
  z-index: -1;
  top: 80px;
  right: 200px;
  animation: moverightleft 3s linear infinite;
}

.widget-service-item {
  border-radius: 50px 100px 0 0;
  overflow: hidden;
  background: #fff;
  z-index: 2;
  width: 370px;
  transition: all 0.4s ease;
  padding-bottom: 15px;border: #e2e2e2 solid 2px;
}

.widget-service-item:hover {
  box-shadow: 0 24px 20px rgb(0 0 2 / 12%);
}

.widget-service {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

.widget-service .main-title {
  max-width: 850px;
}

.widget-service .widget-service-wrap {
  display: flex;
  gap: 40px;
  text-align: start;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;justify-content: center;
}

.widget-service-item .poster {
  margin-bottom: -13.2%;
  position: relative;
  z-index: -5;
}

.widget-service-item .poster img {
  width: 100%;    height: 300px;
  object-fit: cover;
}

.widget-service-item .content {
  padding-left: 20px;
}
.widget-service-item .content a {
 color: var(--theme-color);
  font-size: 18px;
  font-weight:normal;
}
.widget-service-item .content a:hover{
 color:#36a7e3;
}

.widget-service-item .icon {
  margin-bottom: 43px;
  padding: 6px;
}

.widget-service-item .icon span {
  padding: 24px;
  font-size: 40px;
  border-radius: 50px;
  background-color: var(--theme-color);
  position: relative;
}

.widget-service-item .icon span::after {
  position: absolute;
  content: "";
  top: -6px;
  left: -6px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #fff;
  z-index: -1;
}

.widget-service-item .icon span::before {
  color: #FFFFFF;
}

.widget-service-item .text {
  font-size: 30px;
  line-height: 25px;
  margin-bottom: 18px;
}

.widget-service-item .text a {
  font-family: var(--title-font);
  font-size: 27px;
  color: var(--theme-color);
}

.widget-service-item .text a:hover {
  color: #36a7e3;
}

.widget-service-item p {
  max-width: 340px;
  font-family: var(--main-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 22.5px;
  color: #4F556A;
  margin-bottom: 20px;
}

.widget-service-item .widget-button {
  padding-left: 36px;
  padding-right: 36px;
  font-size: 16px;
  line-height: 19px;
}

.widget-block-before {
 position: relative;
 z-index: 1;
}

.widget-block-before::after {
 position: absolute;
 content: "";
 left: 0;
 right: auto;
 bottom: 0px;
 width: 54px;
 height: 8px;
 background-color: #C0F8E8;
 z-index: -1;
 transition: 0.5s;
}

.widget-block-before:hover::after {
 transform: translateX(50px);
}

.widget-block-before.style-1:hover::after {
 transform: translateX(110px);
} .input-box {
  position: relative;
  display: block;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form textarea, .default-form select{
position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ededed;
    width: 100%;
    height: 60px;
    font-size: 15px;
    padding-left: 50px;
    padding-right: 20px;
    border-radius: 0px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}.default-form .input-box .icon {
  position: absolute;
  top: 19px;
  left: 20px;
}.default-form .input-box .icon i {
  color: #b6b6b6;
  font-size: 16px;
}.default-form textarea {
  height: 110px;
  padding-left: 50px;
  padding-right: 20px;
  padding-top: 14px;
  padding-bottom: 15px;
}.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #ea0000;
  position: absolute;
  left: 0;
  bottom: -25px;
}.call-block {
  margin-bottom: 42px;
}.call-block .inner-box {
  padding-left: 110px;
  position: relative;
}.call-block .inner-box .icon-box {
  position: absolute;
  left: 0;
  width: 84px;
  height: 84px;
  background-color:#1c4e9c;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}.call-block .inner-box .icon-box i {
  color: #fff;
  font-size: 48px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}.call-block .inner-box .title {
  margin-bottom: 13px;
}.choose-border {
  position: absolute;
  top: -25px;
  left: -50px;
  z-index: 1;
  animation: chooseBorder 2s linear infinite alternate;
  height: 500px !important;
  z-index: -1;
}
@keyframes chooseBorder{
    0%{
        top: -25px;
        right: 10px;
    }

    100%{
        top: 0px;
        right: 30px;
    }
}
.choose-right-content-image{position: relative;}
.choose-right-content-image .choose-image{width: 100%;border-radius: 25px;    height: 450px;
    object-fit: cover;}