body {
     font-family: "Hind", sans-serif;
     font-size: 17px;
     line-height: 30px;
     color: #505050;
     font-weight: 400;
     height: 100%;
     vertical-align: baseline;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     background-color: #ffffff;
 }

 p {
     margin: 0 0 20px 0;
     color: #505050;
 }
 a{
    text-decoration: none !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Hind", sans-serif;
     margin: 0 0 20px 0;
     font-weight: 400;
     color: #152035;
 }

 h1 {
     font-size: 46px;
     line-height: 56px;
 }

 @media only screen and (max-width: 991px) {
     h1 {
         font-size: 38px;
         line-height: 48px;
     }
 }

 @media only screen and (max-width: 767px) {
     h1 {
         font-size: 36px;
         line-height: 46px;
     }
 }

 @media only screen and (max-width: 575px) {
     h1 {
         font-size: 34px;
         line-height: 44px;
     }
 }

 h2 {
     font-size: 36px;
     line-height: 46px;
 }

 @media only screen and (max-width: 991px) {
     h2 {
         font-size: 34px;
         line-height: 44px;
     }
 }

 @media only screen and (max-width: 767px) {
     h2 {
         font-size: 32px;
         line-height: 42px;
     }
 }

 @media only screen and (max-width: 575px) {
     h2 {
         font-size: 30px;
         line-height: 40px;
     }
 }

 h3 {
     font-size: 24px;
     line-height: 34px;
 }

 @media only screen and (max-width: 991px) {
     h3 {
         font-size: 22px;
         line-height: 32px;
     }
 }

 @media only screen and (max-width: 767px) {
     h3 {
         font-size: 20px;
         line-height: 30px;
     }
 }

 h4 {
     font-size: 22px;
     line-height: 32px;
 }

 @media only screen and (max-width: 991px) {
     h4 {
         font-size: 20px;
         line-height: 30px;
     }
 }

 @media only screen and (max-width: 767px) {
     h4 {
         font-size: 18px;
         line-height: 28px;
     }
 }

 h5 {
     font-size: 20px;
     line-height: 30px;
 }

 @media only screen and (max-width: 991px) {
     h5 {
         font-size: 19px;
         line-height: 29px;
     }
 }

 @media only screen and (max-width: 767px) {
     h5 {
         font-size: 18px;
         line-height: 28px;
     }
 }

 h6 {
     font-size: 18px;
     line-height: 28px;
 }

 @media only screen and (max-width: 767px) {
     h6 {
         font-size: 17px;
         line-height: 27px;
     }
 }

 @media only screen and (min-width: 1240px) {
     .container {
         max-width: 1200px;
     }
 }

 .container-fluid.full-width {
     padding-left: 0;
     padding-right: 0;
 }

 .container-fluid.full-width .row {
     margin-left: 0;
     margin-right: 0;
 }

 .container-fluid.full-width .row>[class^="col-"],
 .container-fluid.full-width .row>[class*=" col-"] {
     padding-right: 0;
     padding-left: 0;
 }

 .row.no-gutters {
     margin-right: 0;
     margin-left: 0;
 }

 .row.no-gutters>[class^="col-"],
 .row.no-gutters>[class*=" col-"] {
     padding-right: 0;
     padding-left: 0;
 }

 .row.gutters-1 {
     padding-left: 14.5px;
     padding-right: 14.5px;
 }

 .row.gutters-1>[class^="col-"] {
     padding-left: 0.5px;
     padding-right: 0.5px;
 }

 .row.gutters-2 {
     padding-left: 14px;
     padding-right: 14px;
 }

 .row.gutters-2>[class^="col-"] {
     padding-left: 1px;
     padding-right: 1px;
 }

 .row.gutters-3 {
     padding-left: 13.5px;
     padding-right: 13.5px;
 }

 .row.gutters-3>[class^="col-"] {
     padding-left: 1.5px;
     padding-right: 1.5px;
 }

 .row.gutters-4 {
     padding-left: 13px;
     padding-right: 13px;
 }

 .row.gutters-4>[class^="col-"] {
     padding-left: 2px;
     padding-right: 2px;
 }

 .row.gutters-5 {
     padding-left: 12.5px;
     padding-right: 12.5px;
 }

 .row.gutters-5>[class^="col-"] {
     padding-left: 2.5px;
     padding-right: 2.5px;
 }

 .row.gutters-6 {
     padding-left: 12px;
     padding-right: 12px;
 }

 .row.gutters-6>[class^="col-"] {
     padding-left: 3px;
     padding-right: 3px;
 }

 .row.gutters-7 {
     padding-left: 11.5px;
     padding-right: 11.5px;
 }

 .row.gutters-7>[class^="col-"] {
     padding-left: 3.5px;
     padding-right: 3.5px;
 }

 .row.gutters-8 {
     padding-left: 11px;
     padding-right: 11px;
 }

 .row.gutters-8>[class^="col-"] {
     padding-left: 4px;
     padding-right: 4px;
 }

 .row.gutters-9 {
     padding-left: 10.5px;
     padding-right: 10.5px;
 }

 .row.gutters-9>[class^="col-"] {
     padding-left: 4.5px;
     padding-right: 4.5px;
 }

 .row.gutters-10 {
     padding-left: 10px;
     padding-right: 10px;
 }

 .row.gutters-10>[class^="col-"] {
     padding-left: 5px;
     padding-right: 5px;
 }

 .row.gutters-11 {
     padding-left: 9.5px;
     padding-right: 9.5px;
 }

 .row.gutters-11>[class^="col-"] {
     padding-left: 5.5px;
     padding-right: 5.5px;
 }

 .row.gutters-12 {
     padding-left: 9px;
     padding-right: 9px;
 }

 .row.gutters-12>[class^="col-"] {
     padding-left: 6px;
     padding-right: 6px;
 }

 .row.gutters-13 {
     padding-left: 8.5px;
     padding-right: 8.5px;
 }

 .row.gutters-13>[class^="col-"] {
     padding-left: 6.5px;
     padding-right: 6.5px;
 }

 .row.gutters-14 {
     padding-left: 8px;
     padding-right: 8px;
 }

 .row.gutters-14>[class^="col-"] {
     padding-left: 7px;
     padding-right: 7px;
 }

 .row.gutters-15 {
     padding-left: 7.5px;
     padding-right: 7.5px;
 }

 .row.gutters-15>[class^="col-"] {
     padding-left: 7.5px;
     padding-right: 7.5px;
 }

 .row.gutters-20 {
     padding-left: 5px;
     padding-right: 5px;
 }

 .row.gutters-20>[class^="col-"] {
     padding-left: 10px;
     padding-right: 10px;
 }

 @media only screen and (min-width: 992px) {
     .row.gutters-40 {
         margin-left: -20px;
         margin-right: -20px;
     }

     .row.gutters-40>[class^="col-"] {
         padding-left: 20px;
         padding-right: 20px;
     }

     .row.gutters-50 {
         margin-left: -25px;
         margin-right: -25px;
     }

     .row.gutters-50>[class^="col-"] {
         padding-left: 25px;
         padding-right: 25px;
     }
 }

 @media only screen and (min-width: 992px) and (max-width: 991px) {
     .row.gutters-50 {
         margin-left: -15px;
         margin-right: -15px;
     }

     .row.gutters-50>[class^="col-"] {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 .media-body {
     margin-left: 30px;
 }

 .media-body.space-xl {
     margin-left: 50px;
 }

 .media-body.space-lg {
     margin-left: 40px;
 }

 .media-body.space-md {
     margin-left: 20px;
 }

 .media-body.space-sm {
     margin-left: 15px;
 }

 .media-body.space-xs {
     margin-left: 10px;
 }

 .media-body.media-body-box {
     padding: 20px 20px 20px 30px;
     margin-left: 0;
 }

 .media-body.media-body-box p {
     margin-bottom: 0;
 }

 @media only screen and (max-width: 1199px) {
     .media-none--lg {
         display: block;
     }

     .media-none--lg>div {
         width: 100%;
     }

     .media-none--lg img {
         width: 100%;
     }

     .media-none--lg img.media-img-auto {
         width: auto;
     }

     .media-none--lg .media-body,
     .media-none--lg .media-body.space-xl,
     .media-none--lg .media-body.space-lg,
     .media-none--lg .media-body.space-md,
     .media-none--lg .media-body.space-sm,
     .media-none--lg .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none--lg .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media only screen and (max-width: 991px) {
     .media-none--md {
         display: block;
     }

     .media-none--md>div {
         width: 100%;
     }

     .media-none--md img {
         width: 100%;
     }

     .media-none--md img.media-img-auto {
         width: auto;
     }

     .media-none--md .media-body,
     .media-none--md .media-body.space-xl,
     .media-none--md .media-body.space-lg,
     .media-none--md .media-body.space-md,
     .media-none--md .media-body.space-sm,
     .media-none--md .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none--md .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media only screen and (max-width: 767px) {
     .media-none--sm {
         display: block;
     }

     .media-none--sm>div {
         width: 100%;
     }

     .media-none--sm img {
         width: 100%;
     }

     .media-none--sm img.media-img-auto {
         width: auto;
     }

     .media-none--sm .media-body,
     .media-none--sm .media-body.space-xl,
     .media-none--sm .media-body.space-lg,
     .media-none--sm .media-body.space-md,
     .media-none--sm .media-body.space-sm,
     .media-none--sm .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none--sm .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .media-none--xs {
         display: block;
     }

     .media-none--xs>div {
         width: 100%;
     }

     .media-none--xs img {
         width: 100%;
     }

     .media-none--xs img.media-img-auto {
         width: auto;
     }

     .media-none--xs .media-body,
     .media-none--xs .media-body.space-xl,
     .media-none--xs .media-body.space-lg,
     .media-none--xs .media-body.space-md,
     .media-none--xs .media-body.space-sm,
     .media-none--xs .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none--xs .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media only screen and (max-width: 479px) {
     .media-none-mb {
         display: block;
     }

     .media-none-mb>div {
         width: 100%;
     }

     .media-none-mb img {
         width: 100%;
     }

     .media-none-mb img.media-img-auto {
         width: auto;
     }

     .media-none-mb .media-body,
     .media-none-mb .media-body.space-xl,
     .media-none-mb .media-body.space-lg,
     .media-none-mb .media-body.space-md,
     .media-none-mb .media-body.space-sm,
     .media-none-mb .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none-mb .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
     .media-none-lg {
         display: block;
     }

     .media-none-lg>div {
         width: 100%;
     }

     .media-none-lg img {
         width: 100%;
     }

     .media-none-lg img.media-img-auto {
         width: auto;
     }

     .media-none-lg .media-body,
     .media-none-lg .media-body.space-xl,
     .media-none-lg .media-body.space-lg,
     .media-none-lg .media-body.space-md,
     .media-none-lg .media-body.space-sm,
     .media-none-lg .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none-lg .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .media-none-md {
         display: block;
     }

     .media-none-md>div {
         width: 100%;
     }

     .media-none-md img {
         width: 100%;
     }

     .media-none-md img.media-img-auto {
         width: auto;
     }

     .media-none-md .media-body,
     .media-none-md .media-body.space-xl,
     .media-none-md .media-body.space-lg,
     .media-none-md .media-body.space-md,
     .media-none-md .media-body.space-sm,
     .media-none-md .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none-md .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

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

     .media-none-sm>div {
         width: 100%;
     }

     .media-none-sm img {
         width: 100%;
     }

     .media-none-sm img.media-img-auto {
         width: auto;
     }

     .media-none-sm .media-body,
     .media-none-sm .media-body.space-xl,
     .media-none-sm .media-body.space-lg,
     .media-none-sm .media-body.space-md,
     .media-none-sm .media-body.space-sm,
     .media-none-sm .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none-sm .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 @media (min-width: 480px) and (max-width: 575px) {
     .media-none-xs {
         display: block;
     }

     .media-none-xs>div {
         width: 100%;
     }

     .media-none-xs img {
         width: 100%;
     }

     .media-none-xs img.media-img-auto {
         width: auto;
     }

     .media-none-xs .media-body,
     .media-none-xs .media-body.space-xl,
     .media-none-xs .media-body.space-lg,
     .media-none-xs .media-body.space-md,
     .media-none-xs .media-body.space-sm,
     .media-none-xs .media-body.space-xs {
         margin-top: 20px;
         margin-left: 0;
     }

     .media-none-xs .media-body.media-body-box {
         margin-top: 0;
         margin-left: 0;
         padding: 30px;
     }
 }

 .nav-control-layout1 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout1 .owl-nav button {
     position: absolute;
     top: calc(50% - 15px);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     padding: 0;
     height: 60px;
     width: 60px;
     border-radius: 45px;
     border: 1px solid #d9d9d9 !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: transparent !important;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout1 .owl-nav button i {
     font-size: 20px;
     color: #151515;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout1 .owl-nav button:hover {
     background-color: #ff5e14 !important;
     border: 1px solid #ff5e14 !important;
 }

 .nav-control-layout1 .owl-nav button:hover i {
     color: #ffffff;
 }

 .nav-control-layout1 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout1 .owl-nav button {
         height: 55px;
         width: 55px;
     }

     .nav-control-layout1 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout1 .owl-nav button {
         height: 50px;
         width: 50px;
     }

     .nav-control-layout1 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout1 .owl-nav button {
         height: 40px;
         width: 40px;
     }

     .nav-control-layout1 .owl-nav button i {
         font-size: 16px;
     }
 }

 .nav-control-layout1 .owl-nav .owl-prev {
     left: 15px;
 }

 .nav-control-layout1 .owl-nav .owl-next {
     right: 15px;
 }

 .nav-control-layout1:hover button {
     opacity: 1;
     visibility: visible;
 }

 .nav-control-layout1:hover .owl-prev {
     left: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout1:hover .owl-prev {
         left: 0;
     }
 }

 .nav-control-layout1:hover .owl-next {
     right: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout1:hover .owl-next {
         right: 0;
     }
 }

 .nav-control-layout2 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout2 .owl-nav button {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     padding: 0;
     height: 60px;
     width: 60px;
     border-radius: 45px;
     border: 1px solid #ffffff !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #ffffff !important;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout2 .owl-nav button i {
     font-size: 20px;
     color: #000000;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout2 .owl-nav button:hover {
     background-color: #ff5e14 !important;
     border: 1px solid #ff5e14 !important;
 }

 .nav-control-layout2 .owl-nav button:hover i {
     color: #ffffff;
 }

 .nav-control-layout2 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout2 .owl-nav button {
         height: 55px;
         width: 55px;
     }

     .nav-control-layout2 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout2 .owl-nav button {
         height: 50px;
         width: 50px;
     }

     .nav-control-layout2 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout2 .owl-nav button {
         height: 40px;
         width: 40px;
     }

     .nav-control-layout2 .owl-nav button i {
         font-size: 16px;
     }
 }

 .nav-control-layout2 .owl-nav .owl-prev {
     left: 15px;
 }

 .nav-control-layout2 .owl-nav .owl-next {
     right: 15px;
 }

 .nav-control-layout2:hover button {
     opacity: 1;
     visibility: visible;
 }

 .nav-control-layout2:hover .owl-prev {
     left: 50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout2:hover .owl-prev {
         left: 0;
     }
 }

 .nav-control-layout2:hover .owl-next {
     right: 50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout2:hover .owl-next {
         right: 0;
     }
 }

 .nav-control-layout3 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout3 .owl-nav button {
     position: absolute;
     top: calc(50% - 15px);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     padding: 0;
     height: 60px;
     width: 60px;
     border-radius: 45px;
     border: 1px solid #151515 !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #151515 !important;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout3 .owl-nav button i {
     font-size: 20px;
     color: #ffffff;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout3 .owl-nav button:hover {
     background-color: transparent !important;
 }

 .nav-control-layout3 .owl-nav button:hover i {
     color: #151515;
 }

 .nav-control-layout3 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout3 .owl-nav button {
         height: 55px;
         width: 55px;
     }

     .nav-control-layout3 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout3 .owl-nav button {
         height: 50px;
         width: 50px;
     }

     .nav-control-layout3 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout3 .owl-nav button {
         height: 40px;
         width: 40px;
     }

     .nav-control-layout3 .owl-nav button i {
         font-size: 16px;
     }
 }

 .nav-control-layout3 .owl-nav .owl-prev {
     left: 15px;
 }

 .nav-control-layout3 .owl-nav .owl-next {
     right: 15px;
 }

 .nav-control-layout3:hover button {
     opacity: 1;
     visibility: visible;
 }

 .nav-control-layout3:hover .owl-prev {
     left: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout3:hover .owl-prev {
         left: 0;
     }
 }

 .nav-control-layout3:hover .owl-next {
     right: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout3:hover .owl-next {
         right: 0;
     }
 }

 .nav-control-layout4 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout4 .owl-nav button {
     position: absolute;
     top: calc(50% - 15px);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     padding: 0;
     height: 60px;
     width: 60px;
     border-radius: 45px;
     border: 1px solid #ffffff !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #ffffff !important;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout4 .owl-nav button i {
     font-size: 20px;
     color: #ff5e14;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout4 .owl-nav button:hover {
     background-color: transparent !important;
 }

 .nav-control-layout4 .owl-nav button:hover i {
     color: #ffffff;
 }

 .nav-control-layout4 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout4 .owl-nav button {
         height: 55px;
         width: 55px;
     }

     .nav-control-layout4 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout4 .owl-nav button {
         height: 50px;
         width: 50px;
     }

     .nav-control-layout4 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout4 .owl-nav button {
         height: 40px;
         width: 40px;
     }

     .nav-control-layout4 .owl-nav button i {
         font-size: 16px;
     }
 }

 .nav-control-layout4 .owl-nav .owl-prev {
     left: 15px;
 }

 .nav-control-layout4 .owl-nav .owl-next {
     right: 15px;
 }

 .nav-control-layout4:hover button {
     opacity: 1;
     visibility: visible;
 }

 .nav-control-layout4:hover .owl-prev {
     left: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout4:hover .owl-prev {
         left: 0;
     }
 }

 .nav-control-layout4:hover .owl-next {
     right: -50px;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout4:hover .owl-next {
         right: 0;
     }
 }

 .nav-control-layout5 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout5 .owl-nav button {
     position: absolute;
     bottom: 40px;
     margin: 0 auto;
     padding: 0;
     height: 60px;
     width: 60px;
     border-radius: 45px;
     border: 1px solid #ffffff !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #ffffff !important;
     -webkit-box-shadow: 0 0 35px 0 rgba(255, 94, 20, 0.25);
     box-shadow: 0 0 35px 0 rgba(255, 94, 20, 0.25);
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 @media only screen and (max-width: 1199px) {
     .nav-control-layout5 .owl-nav button {
         bottom: 33%;
     }
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout5 .owl-nav button {
         bottom: 43%;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout5 .owl-nav button {
         bottom: 51%;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout5 .owl-nav button {
         bottom: 60%;
     }
 }

 @media only screen and (max-width: 479px) {
     .nav-control-layout5 .owl-nav button {
         bottom: 70%;
     }
 }

 .nav-control-layout5 .owl-nav button i {
     font-size: 20px;
     color: #000000;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout5 .owl-nav button:hover {
     background-color: #000000 !important;
     border: 1px solid #000000 !important;
 }

 .nav-control-layout5 .owl-nav button:hover i {
     color: #ffffff;
 }

 .nav-control-layout5 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout5 .owl-nav button {
         height: 55px;
         width: 55px;
     }

     .nav-control-layout5 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout5 .owl-nav button {
         height: 50px;
         width: 50px;
     }

     .nav-control-layout5 .owl-nav button i {
         font-size: 18px;
     }
 }

 @media only screen and (max-width: 575px) {
     .nav-control-layout5 .owl-nav button {
         height: 40px;
         width: 40px;
     }

     .nav-control-layout5 .owl-nav button i {
         font-size: 16px;
     }
 }

 .nav-control-layout5 .owl-nav .owl-prev {
     left: -90px;
     right: 0;
 }

 .nav-control-layout5 .owl-nav .owl-next {
     left: 0;
     right: -90px;
 }

 .nav-control-layout6 .owl-nav {
     margin-top: 0;
 }

 .nav-control-layout6 .owl-nav button {
     position: absolute;
     top: 28%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     padding: 0;
     height: 40px;
     width: 40px;
     border-radius: 45px;
     border: 1px solid #ffffff !important;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #ffffff !important;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout6 .owl-nav button i {
     font-size: 16px;
     color: #000000;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .nav-control-layout6 .owl-nav button:hover {
     background-color: #ff5e14 !important;
     border: 1px solid #ff5e14 !important;
 }

 .nav-control-layout6 .owl-nav button:hover i {
     color: #ffffff;
 }

 .nav-control-layout6 .owl-nav button:focus {
     outline: none;
 }

 @media only screen and (max-width: 991px) {
     .nav-control-layout6 .owl-nav button {
         height: 35px;
         width: 35px;
     }

     .nav-control-layout6 .owl-nav button i {
         font-size: 15px;
     }
 }

 @media only screen and (max-width: 767px) {
     .nav-control-layout6 .owl-nav button {
         height: 30px;
         width: 30px;
     }

     .nav-control-layout6 .owl-nav button i {
         font-size: 14px;
     }
 }

 .nav-control-layout6 .owl-nav .owl-prev {
     left: 40px;
 }

 .nav-control-layout6 .owl-nav .owl-next {
     right: 40px;
 }

 .dot-control-layout1 .owl-dots {
     text-align: center;
     margin-bottom: 20px;
 }

 .dot-control-layout1 .owl-dots .owl-dot {
     margin: 0 2px;
     padding: 2px !important;
 }

 .dot-control-layout1 .owl-dots .owl-dot span {
     height: 10px;
     width: 10px;
     background-color: transparent;
     border: 1px solid #27354f;
     border-radius: 50%;
     display: block;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .dot-control-layout1 .owl-dots .owl-dot:focus {
     outline: none;
 }

 .dot-control-layout1 .owl-dots .owl-dot.active span {
     background-color: #ff5e14;
 }

 .owl-custom-nav-layout1 {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
 }

 @media only screen and (max-width: 575px) {
     .owl-custom-nav-layout1 {
         display: none;
     }
 }

 .owl-custom-nav-layout1 span {
     border-radius: 4px;
     cursor: pointer;
     margin-left: 10px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #444444;
     font-weight: 900;
     border: 2px solid #e2e2e2;
     padding: 8px 13px;
     font-size: 20px;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .owl-custom-nav-layout1 span:hover {
     background-color: #ff5e14;
     border-color: #ff5e14;
     color: #ffffff;
 }
/* Footer Main Styles */
/* Footer Main Styles */
.footer-wrap-layout1 {
  background: #b40303;
  position: relative;
  overflow: hidden;
}

.footer-top-layout1 {
  padding: 40px 0 20px;
  background: #b40303;
  color: #fff;
  position: relative;
}

/* Footer Widgets - Compact */
.footer-widgets {
  margin-bottom: 25px;
}

.footer-widgets .footer-widget-heading {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Footer Logo */
.footer-logo-layout1 {
  margin-bottom: 10px;
}

.footer-logo {
  max-width: 180px;
  height: auto;
  filter: brightness(0) invert(1);
}

/* Footer Menu Links - Compact */
.footer-menu-layout1 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu-layout1 li {
  margin-bottom: 6px;
}

.footer-menu-layout1 li a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  padding: 3px 0;
  display: block;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 1.3;
}

.footer-menu-layout1 li a:hover {
  color: #ffffff;
  padding-left: 8px;
  background: rgba(255, 255, 255, 0.1);
}

/* Secondary Menu */
.footer-secondary-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.footer-secondary-menu li {
  margin-bottom: 4px;
}

.footer-secondary-menu li a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2;
  transition: all 0.2s ease;
}

.footer-secondary-menu li a:hover {
  color: #ffffff;
}

/* Subheadings */
.footer-subheading {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.footer-small-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  margin-bottom: 8px;
  line-height: 1.2;
}

/* Contact Info */
.footer-contact-info {
  margin-top: 10px;
}

.contact-address {
  padding: 8px 0;
}

.address-text {
  color: rgba(255, 255, 255, 0.9);
  font-size:16px;
  line-height: 1.4;
  margin: 0;
}

.address-text strong {
  color: #ffffff;
  font-weight: 700;
}

.footer-contact-layout1 {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.footer-contact-layout1 li {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.2;
}

.contact-icon {
  margin-right: 8px;
  font-size: 12px;
  min-width: 15px;
}

.contact-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
}

/* Social Media - Compact */
.footer-social-section {
  margin-top: 15px;
}

.social-title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.footer-social-layout1 {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-social-layout1 li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 14px;
}

.footer-social-layout1 li a:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
}

/* Footer Description */
.footer-description {
  margin-top: 10px;
}

.footer-description p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  line-height: 1.3;
  margin: 0;
}

/* Footer Bottom */
.footer-bottom-layout1 {
  background: #1a1a1a;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-content {
  text-align: center;
}

.copyright-text {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
}

/* Additional Links Section */
.additional-links {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 15px;
  margin-top: 15px;
}

/* Responsive Design */
@media only screen and (max-width: 1199px) {
  .footer-top-layout1 {
    padding: 35px 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-top-layout1 {
    padding: 30px 0 15px;
  }
  
  .footer-widgets {
    margin-bottom: 20px;
  }
  
  .footer-widgets .footer-widget-heading {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top-layout1 {
    padding: 25px 0 10px;
  }
  
  .footer-widgets .footer-widget-heading {
    font-size: 15px;
  }
  
  .footer-logo {
    max-width: 150px;
  }
  
  .footer-social-layout1 {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 575px) {
  .footer-top-layout1 {
    padding: 20px 0 8px;
  }
  
  .footer-widgets {
    margin-bottom: 15px;
  }
  
  .footer-social-layout1 li a {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  
  .copyright-text {
    font-size: 11px;
  }
}

/* Compact line heights */
.footer-menu-layout1 li a,
.footer-secondary-menu li a,
.footer-contact-layout1 li,
.address-text,
.footer-description p {
  line-height: 1.2;
}
 .copy-right-wrap-layout1 {
     text-align: center;
 }

 .copy-right-wrap-layout1 p {
     margin-bottom: 0;
     color: #aaaaaa;
 }
/* header  */
        /* Header Base Styles */
header {
  position: relative;
  z-index: 1000; /* Ensure header is on top of everything */
  width: 100%;
}

.temp-logo {
  transition: all 0.3s ease-in-out;
  padding: 10px 0; /* Add some padding around the logo */
}

.temp-logo .logo-img {
  height: auto;
  display: block;
}

/* ---------------- Topbar Styles ---------------- */
#topbar-wrap {
  /* background-color: #ff5e14; */
  background-color: #b40303;
  padding: 8px 0;
  color: #fff;
  font-size: 15px;
}

.topbar-layout1 .single-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 5px 0;
  transition: all 0.2s ease-in-out;
}

/* On large screens, align text to start */
@media (min-width: 992px) {
  .topbar-layout1 .single-item {
    justify-content: flex-start;
  }
}

.topbar-layout1 .item-icon {
  /* color: #ff5e14; */
  color: #ffffff;
  font-size: 18px;
  flex-shrink: 0;
  transition: color 0.3s;
}

.topbar-layout1 .item-content {
  line-height: 1.3;
}

.topbar-layout1 .item-title {
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
}

.topbar-layout1 .item-title span {
  color: #ffffff;
}

.topbar-layout1 .item-title a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.topbar-layout1 .item-title a:hover {
  color: #ffa66a;
}

/* Subtle hover glow on entire row */
.topbar-layout1 .single-item:hover .item-icon {
  color: #ffa66a;
}

.topbar-layout1 .single-item:hover {
  transform: translateY(-1px);
}

/* Stack cleanly on mobile */
@media (max-width: 768px) {
  #topbar-wrap {
    text-align: center;
    padding: 12px 0;
  }

  .topbar-layout1 .single-item {
    justify-content: center;
    flex-wrap: wrap;
  }

  .topbar-layout1 .item-icon {
    margin-bottom: 4px;
  }

  .topbar-layout1 .item-title {
    font-size: 14px;
  }
}

/* Main Navbar Styles */
.menu-layout1 {
  background: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 999; /* Ensure main nav is above topbar */
}

.header-main .row {
  align-items: center; /* Vertically align content in the row */
  margin-left: 0; /* Remove default Bootstrap row margins */
  margin-right: 0;
}

.header-main .col-lg-3,
.header-main .col-lg-6,
.header-main .col-lg-3 {
  padding-left: 0; /* Remove default Bootstrap col padding */
  padding-right: 0;
}

/* Desktop Menu */
.template-main-menu {
  padding: 0; /* Remove default padding */
}

.template-main-menu .nav-list {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.template-main-menu .nav-list li {
  position: relative;
}

.template-main-menu .nav-list li a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  display: block;
  transition: all 0.3s ease-out;
  color:#000000;
  padding: 15px 17px; /* Ample padding for click area */
  text-decoration: none;
  position: relative;
}

.template-main-menu .nav-list li a:hover,
.template-main-menu .nav-list li a.active {
  color: #ff5e14;
}

/* Underline hover/active effect for menu items */
.template-main-menu .nav-list li a::before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ff5e14;
  transition: width 0.3s ease-out;
}

.template-main-menu .nav-list li a:hover::before,
.template-main-menu .nav-list li a.active::before {
  width: calc(100% - 40px); /* Adjust width to match padding horizontally */
}


/* Header Actions (Button and Mobile Toggle) */
.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Push content to the right */
  gap: 20px; /* Space between button and toggle */
}

.header-actions .btn-primary {
  display: inline-block;
  /* background-color: #ff5e14; */
  background-color: #b40303;
  color: #ffffff;
  padding: 12px 25px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  border: none; /* Ensure no default button border */
}

.header-actions .btn-primary:hover {
  background-color: #e04a00;
  color: #ffffff;
  text-decoration: none;
}

/* Mobile Toggle */
.mobile-menu-toggle {
  background: none;
  border: none;
  font-size: 28px;
  color: #333;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  outline: none;
  transition: color 0.3s ease;
}

.mobile-menu-toggle:hover {
  color: #ff5e14;
}

/* Mobile Menu Container */
.mobile-menu {
  position: absolute;
  top: 100%; /* Position right below the header */
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-height: 0; /* Hidden by default */
  transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
  z-index: 900; /* Below main header, above content */
}

/* When mobile menu is open */
.mobile-menu-content {
  padding: 10px 0; /* Add vertical padding when open */
}

.mobile-menu-content .mobile-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-menu-content .mobile-nav-list li {
  border-bottom: 1px solid #eee;
}

.mobile-menu-content .mobile-nav-list li:last-child {
  border-bottom: none;
}

.mobile-menu-content .mobile-nav-list li a {
  display: block;
  padding: 12px 20px;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mobile-menu-content .mobile-nav-list li a:hover,
.mobile-menu-content .mobile-nav-list li a.active {
  background-color: #f8f8f8;
  color: #ff5e14;
}

.mobile-menu-content .mobile-nav-list li.mobile-cta {
  padding: 10px 20px; /* Padding around the mobile button */
}

.mobile-menu-content .mobile-nav-list li .btn-primary-mobile {
  display: block;
  text-align: center;
  background-color: #ff5e14;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: 700;
  transition: background-color 0.3s ease;
  text-decoration: none;
  border: none;
}

.mobile-menu-content .mobile-nav-list li .btn-primary-mobile:hover {
  background-color: #e04a00;
  color: #ffffff;
}

/* Mobile Menu open state */
.mobile-menu {
  max-height: 100vh; 
}


/* Responsive Adjustments */

/* Hide desktop menu items and show mobile toggle by default on smaller screens */
.hide-on-mobile-menu {
  display: none !important;
}
.hide-on-desktop-menu {
  display: block !important;
}

/* For large desktops and up */
@media (min-width: 992px) {
  .topbar-layout1 .header-address-info .d-flex {
    justify-content: flex-end !important; /* Force right alignment on desktop */
    flex-direction: row !important; /* Ensure row direction */
  }

  .topbar-layout1 .header-address-info .single-item {
    margin-bottom: 0; /* Remove mobile spacing */
  }

  .hide-on-mobile-menu {
    display: block !important; /* Show desktop menu */
  }
  .hide-on-desktop-menu {
    display: none !important; /* Hide mobile toggle */
  }



  .header-main .col-lg-3.text-lg-end {
    text-align: end !important; /* Ensure button aligns right */
  }

  /* Center the menu horizontally within its column */
  .template-main-menu .nav-list {
    justify-content: center;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
  /* Topbar adjustments for smaller screens */
  .topbar-layout1 .header-address-info .d-flex {
    flex-direction: column !important; /* Stack items vertically */
    align-items: center !important; /* Center stack */
    gap: 10px !important; /* Reduce gap */
  }

  .topbar-layout1 .header-address-info .single-item {
    margin-bottom: 0;
  }

  .topbar-layout1 .header-address-info .single-item .item-title,
  .topbar-layout1 .header-address-info .single-item .item-sub-title {
    font-size: 12px;
  }
  .topbar-layout1 .header-address-info .single-item .item-icon {
    font-size: 16px;
  }

  /* Main header adjustments */
  .header-main .row {
    padding: 4px 15px;
    justify-content: space-between; /* Space out logo and toggle */
    flex-wrap: nowrap; /* Prevent logo and toggle from wrapping if possible */
  }

  .header-main .col-lg-3.md-7,
  .header-main .col-lg-6,
  .header-main .col-lg-3.md-5 {
    width: auto; /* Let content dictate width */
    flex: none; /* Disable flex growth */
    padding-left: 0;
    padding-right: 0;
  }

  .temp-logo {
    padding: 0; /* Remove logo padding for mobile */
  }

 

  /* Ensure the mobile toggle is visible and aligned right */
  .header-actions {
    justify-content: flex-end;
  }

  .header-actions .d-none.d-lg-inline-block {
    display: none !important; /* Hide desktop button on medium and smaller */
  }

  /* Mobile menu specifics */
  .mobile-menu-content {
    /* Existing styles */
  }
}

/* Small devices (phones, 576px and up) */
@media (max-width: 767.98px) {
  /* No specific changes here from the 991.98px breakpoint,
     but if you need further refinement for smaller phones, add them here */
  .header-main .row {
    padding: 8px 10px;
  }
  .contact-details{
    text-align: left;
  }
  .title-underline{
    display: none;
  }
  .contact-title {
    margin-bottom: 10px !important;
  }
.contact-header{
    margin-bottom: 0px !important;
}
  .contact-info {
    margin-bottom: 10px;
}

 .breadcrum-section{
        padding: 20px 0 !important;
 }
 .aiifa-profile-section {
    padding: 18px 0 80px 0;
 }
 .header-height {
height:74px;
 }
.temp-logo .logo-img {
    height: auto;
    display: block;
    /* width: 185px;
    min-height: 50px; */
}
}
.contact-details{
    text-align: left;

}
.contact-details .contact-subtitle {
    font-size: 1.5rem;
}
.contact-details p {
    font-size: 1rem;
}
.contact-details a {
    font-size: 1rem;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .topbar-layout1 .header-address-info .d-flex {
    padding-left: 10px; /* Add some padding if items stack */
    align-items: flex-start !important; /* Align to start for stacked items */
  }
}
.mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-menu.translate-x-0 {
  transform: translateX(0);
}
/* Mobile Menu (Fixed + Scrollable + Slide Animation) */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 80%;
  max-width: 320px;
  height: 200vh;
  background-color: #fff;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 2000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mobile-menu.open {
  transform: translateX(0);
}

.mobile-menu-content {
  padding: 20px;
}

.mobile-menu-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu-content .mobile-nav-list li {
  border-bottom: 1px solid #eee;
}

.mobile-menu-content .mobile-nav-list li a {
  display: block;
  padding: 12px 10px;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.mobile-menu-content .mobile-nav-list li a:hover {
  color: #ff5e14;
  background-color: #f8f8f8;
}

.mobile-cta {
  margin-top: 20px;
}

.btn-primary-mobile {
  display: block;
  text-align: center;
  background: #ff5e14;
  color: #fff;
  padding: 12px;
  border-radius: 5px;
  font-weight: 700;
}


/* Header end Styles */

.search-wrap .search-icon {
  padding: 10px 0 8px;
  line-height: 1;
  display: block;
  color: #909090;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-size: 20px;
}

.search-wrap .search-icon:hover {
  color: #ff5e14;
}

.minicart-wrap {
  position: relative;
  z-index: 2;
  padding-right: 20px;
  padding-left: 5px;
  cursor: pointer;
}

.minicart-wrap .cart-icon {
  font-size: 24px;
  color: #909090;
  transition: all 0.3s ease-in-out;
}

.minicart-wrap:hover .cart-icon {
  color: #ff5e14;
}

.minicart-wrap .cart-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 10px;
  border-radius: 50%;
  background-color: #ff5e14;
  color: #ffffff;
  height: 20px;
  width: 20px;
}

.item-btn {
  background-color: #ff5e14;
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  border: none;
  cursor: pointer;
  display: inline-block;
}

.item-btn:hover {
  background-color: #e05512;
  color: white;
  transform: translateY(-2px);
}

/* Mobile Toggle */
.mobile-menu-toggle {
  background: none;
  border: none;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

.mobile-menu-toggle:hover {
  color: #ff5e14;
}

/* Mobile Menu */
.mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu li {
  border-bottom: 1px solid #eee;
}

.mobile-menu li:last-child {
  border-bottom: none;
}

.mobile-menu a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

.mobile-menu a:hover {
  background-color: #f8f8f8;
  color: #ff5e14;
}

.mobile-menu .item-btn {
  margin: 15px 20px;
  text-align: center;
  display: block;
}

/* Animation */
@keyframes toBottomFromTop10 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Responsive Design */

/* Large Desktop */
@media only screen and (min-width: 1200px) {
  .header-main {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 1024px) {
    /* .topbar-layout1 {
    display: none;
  } */
       .container {
        max-width: 100%;
    }
    .topbar-layout1 .header-address-info .single-item .item-content .item-sub-title {
    font-size: 12px;}
    .topbar-layout1 .header-address-info .single-item .item-content .item-title {
    font-size: 10px;}
}
/* Desktop */
@media only screen and (min-width: 992px) {
  .hide-on-desktop-menu {
    display: none !important;
  }
}

/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .hide-on-mobile-menu {
    display: none;
  }
  
  .header-main {
           padding: 0px 12px;
  }
  
  .temp-logo img {
    max-height: 75px;
  }
  
  .mobile-menu-toggle {
    display: block;
  }
}

/* Tablet */

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .topbar-layout1 {
    display: none;
  }
  .topbar-layout1 .header-address-info .single-item {
    margin-right: 40px;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-content .item-title,
  .topbar-layout1 .header-address-info .single-item .item-content .item-sub-title {
    font-size: 16px;
  }
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .topbar-layout1 {
    padding: 8px 0;
    display: none;
  }
  
  .topbar-layout1 .header-address-info {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  
  .topbar-layout1 .header-address-info .single-item {
    margin-right: 0;
    width: 100%;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-content .item-title,
  .topbar-layout1 .header-address-info .single-item .item-content .item-sub-title {
    font-size: 14px;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-icon i:before {
    font-size: 28px;
  }
  
  .header-main {
    padding: 10px 15px;
  }
  
  .temp-logo img {
    max-height: 40px;
  }
  
  .header-action-items .single-item {
    margin-right: 20px;
  }
  
  .item-btn {
    padding: 10px 18px;
    font-size: 14px;
  }
  
  .mobile-menu a {
    padding: 12px 15px;
    font-size: 16px;
  }
}

/* Small Mobile */
@media only screen and (max-width: 575px) {
  .topbar-layout1 .header-address-info .single-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-icon {
    margin-right: 0;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-content {
    margin-left: 0;
  }
  
  .topbar-layout1 .header-address-info .single-item .item-content .item-title,
  .topbar-layout1 .header-address-info .single-item .item-content .item-sub-title {
    font-size: 13px;
  }
  
  .header-action-items .single-item {
    margin-right: 15px;
  }
  
  .search-wrap .search-icon,
  .minicart-wrap .cart-icon {
    font-size: 20px;
  }
  
  .minicart-wrap .cart-quantity {
    height: 18px;
    width: 18px;
    font-size: 10px;
    top: -3px;
    right: 8px;
  }
  
  .item-btn {
    padding: 8px 15px;
    font-size: 13px;
  }
}

/* Extra Small Mobile */
@media only screen and (max-width: 479px) {
  .topbar-layout1 {
    padding: 5px 0;
  }
  
  .header-main {
    padding: 8px 10px;
  }
  
  .temp-logo img {
    max-height: 35px;
  }
  
  .header-action-items .single-item {
    margin-right: 12px;
  }
  
  .mobile-menu-toggle {
    font-size: 20px;
    padding: 8px;
  }
}

/* Sticky Header */
.sticky-fixed-before #navbar-wrap,
.sticky-fixed-after #navbar-wrap {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.sticky-fixed-before #navbar-wrap,
.sticky-fixed-after.sticky #navbar-wrap {
  position: fixed;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09);
  animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* @media only screen and (min-width: 1200px) {
    .header-main {
        padding: 0px 2px;
    }
    .template-main-menu .nav-list li a{
        font-size: 15px;
    }
} */

/* Ensure proper spacing when sticky
body.sticky-header {
  padding-top: 80px; 
} */
 .return-to-top {
     overflow: hidden;
     position: fixed;
     height: 40px;
     width: 40px;
     line-height: 40px;
     border-radius: 4px;
     bottom: -50px;
     right: 20px;
     text-align: center;
     z-index: 9999;
     background-color: #ff5e14;
     display: block;
     font-size: 16px;
     color: #ffffff;
     -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
     -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
     transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
 }

 .return-to-top i {
     display: inline-block;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .return-to-top:hover,
 .return-to-top:focus {
     color: #ffffff;
 }

 .return-to-top:hover i,
 .return-to-top:focus i {
     -webkit-animation: toBottomFromTop 0.5s forwards;
     animation: toBottomFromTop 0.5s forwards;
 }

 .return-to-top.back-top {
     bottom: 20px;
 }

 @-webkit-keyframes toBottomFromTop {
     49% {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }

     50% {
         opacity: 0;
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }

     51% {
         opacity: 1;
     }
 }

 @keyframes toBottomFromTop {
     49% {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }

     50% {
         opacity: 0;
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }

     51% {
         opacity: 1;
     }
 }

 @media only screen and (min-width: 1400px) {
     .box-layout .box-layout-child {
         max-width: 1420px;
         margin: 0 auto;
         padding-left: 120px;
         padding-right: 120px;
         position: relative;
         z-index: 1;
     }

     .box-layout .box-layout-child:before {
         content: "";
         z-index: 1;
         position: absolute;
         background-repeat: repeat-y;
         background-image: url("../../media/element/element2.png");
         left: -17px;
         top: 0;
         width: 17px;
         height: 100%;
     }

     .box-layout .box-layout-child:after {
         content: "";
         z-index: 1;
         position: absolute;
         background-repeat: repeat-y;
         background-image: url("../../media/element/element3.png");
         right: -17px;
         top: 0;
         width: 17px;
         height: 100%;
     }
 }

 @media only screen and (min-width: 1200px) {
     .container {
         max-width: 1480px;
     }
 }

 .btn-fill {
     position: relative;
     z-index: 2;
     padding: 13px 33px 10px;
     border-radius: 4px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     white-space: nowrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #ffffff;
     font-size: 18px;
     font-weight: 400;
     background-color: #ff5e14;
     border: 1px solid;
     border-color: #ff5e14;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-fill i {
     line-height: 1;
     margin-left: 12px;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-fill i:before {
     font-size: 30px;
 }

 .btn-fill:hover {
     color: #ff5e14;
     background-color: transparent;
 }

 .btn-fill:hover i {
     -webkit-transform: translateX(5px);
     -ms-transform: translateX(5px);
     transform: translateX(5px);
 }

 .btn-fill:focus {
     outline: none;
 }

 .btn-ghost {
     position: relative;
     z-index: 2;
     padding: 10px 30px;
     border-radius: 4px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #ff5e14;
     background-color: transparent;
     border: 1px solid;
     border-color: #ff5e14;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-ghost i {
     line-height: 1;
     margin-left: 12px;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-ghost i:before {
     font-size: 30px;
 }

 .btn-ghost:hover {
     color: #ffffff;
     background-color: #ff5e14;
 }

 .btn-ghost:hover i {
     -webkit-transform: translateX(5px);
     -ms-transform: translateX(5px);
     transform: translateX(5px);
 }

 .btn-text {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #066fd1;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-text i {
     margin-left: 10px;
     line-height: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     color: #066fd1;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-text i:before {
     font-size: 25px;
 }

 .btn-text:hover {
     color: #ff5e14;
 }

 .btn-text:hover i {
     color: #ff5e14;
     -webkit-transform: translateX(5px);
     -ms-transform: translateX(5px);
     transform: translateX(5px);
 }

 .btn-fill.btn-light {
     border-color: #ffffff;
     color: #000000;
     background-color: #ffffff;
 }

 .btn-fill.btn-light:hover {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
 }

 .btn-ghost.btn-light {
     border-color: #ffffff;
     color: #ffffff;
     background-color: transparent;
 }

 .btn-ghost.btn-light:hover {
     color: #000000;
     background-color: #ffffff;
     border-color: #ffffff;
 }

 .btn-fill.btn-gradient {
     border: 0;
 }

 .btn-fill.btn-gradient:after {
     position: absolute;
     content: "";
     height: 100%;
     width: 100%;
     right: inherit;
     left: 0;
     top: 0;
     z-index: -1;
     border-radius: 4px;
     background: #e42525;
     background: -o-linear-gradient(30deg, #e42525 0%, #fc6363 100%);
     background: linear-gradient(60deg, #e42525 0%, #fc6363 100%);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }

 .btn-fill.btn-gradient:before {
     position: absolute;
     content: "";
     height: 100%;
     width: 100%;
     right: inherit;
     left: 0;
     top: 0;
     z-index: -1;
     border-radius: 4px;
     background: #fc6363;
     background: -o-linear-gradient(30deg, #fc6363 0%, #e42525 100%);
     background: linear-gradient(60deg, #fc6363 0%, #e42525 100%);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }

 .btn-fill.btn-gradient:hover {
     color: #ffffff;
 }

 .btn-fill.btn-gradient:hover:after {
     opacity: 0;
     visibility: hidden;
 }

 .btn-fill.btn-gradient:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .btn-play-layout1 {
     height: 90px;
     width: 90px;
     background-color: rgba(255, 94, 20, 0.8);
     color: #ffffff;
     position: absolute;
     z-index: 2;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     right: 0;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 30px;
     margin: 0 auto;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .btn-play-layout1 i {
     margin-left: 4px;
 }

 .btn-play-layout1:hover {
     background-color: #ff5e14;
     color: #ffffff;
 }

 @media only screen and (max-width: 1199px) {
     .btn-play-layout1 {
         height: 80px;
         width: 80px;
         font-size: 28px;
     }
 }

 @media only screen and (max-width: 991px) {
     .btn-play-layout1 {
         height: 70px;
         width: 70px;
         font-size: 26px;
     }
 }

 @media only screen and (max-width: 767px) {
     .btn-play-layout1 {
         height: 60px;
         width: 60px;
         font-size: 24px;
     }
 }

 @media only screen and (max-width: 575px) {
     .btn-play-layout1 {
         height: 50px;
         width: 50px;
         font-size: 22px;
     }
 }

 .isotop-btn {
     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;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 50px;
 }

 .isotop-btn a.nav-item {
     font-size: 20px;
     font-weight: 500;
     padding: 8px 24px 6px;
     margin-left: 10px;
     margin-bottom: 5px;
     color: #111111;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .isotop-btn a.nav-item:hover {
     color: #ff5e14;
 }

 .isotop-btn a.nav-item.current {
     color: #ffffff;
     background-color: #ff5e14;
 }

 a {
     color: #007bff;
 }

 a,
 a:active,
 a:hover,
 a:focus {
     text-decoration: none;
     outline: 0 none;
 }

 input,
 textarea {
     width: 100%;
     padding: 10px 12px;
     outline: 0;
 }

 button {
     cursor: pointer;
 }

 svg {
     display: block;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
 }

 [class^="flaticon-"]:before,
 [class*=" flaticon-"]:before,
 [class^="flaticon-"]:after,
 [class*=" flaticon-"]:after {
     margin-left: 0;
 }

 .form-response .alert-danger,
 .form-response .alert.alert-info,
 .form-response .alert.alert-success {
     margin-top: 10px;
     margin-bottom: 0;
 }

 .form-response .alert-danger p,
 .form-response .alert.alert-info p,
 .form-response .alert.alert-success p {
     margin-bottom: 0;
 }

 .owl-carousel.col-full-width [class^="col-"] {
     max-width: 100%;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     padding-left: 0;
     padding-right: 0;
 }

 .owl-carousel.row {
     margin-left: 0;
     margin-right: 0;
 }

 ul.inline-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 ul.inline-list li {
     margin-right: 15px;
     margin-bottom: 15px;
 }

 ul.inline-list li:last-child {
     margin-right: 0;
 }

 .item-icon {
     line-height: 1;
 }

 section {
     position: relative;
 }

 @media screen and (max-width: 767px) {
     .wow {
         -webkit-animation-name: none !important;
         animation-name: none !important;
         visibility: visible !important;
     }
 }

 #preloader {
     background: #1e91f3 url("../../media/preloader.gif") no-repeat scroll center center;
     height: 100%;
     left: 0;
     overflow: visible;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999999;
 }

 .active-custom-style .preloader-gif {
     display: none;
 }

 .active-gif .preloader-custom-style {
     display: none;
 }

 body {
     position: relative;
     z-index: 99;
 }

 body .wrapper {
     opacity: 0;
     visibility: hidden;
 }

 body .preloader {
     position: absolute;
     z-index: 9999999;
     height: 100%;
     width: 100%;
 }

 body .preloader-custom-style {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     width: 100%;
 }

 body .preloader-custom-style li {
     height: 100%;
     position: relative;
     z-index: 1;
     width: 50%;
 }

 body .preloader-custom-style li:after,
 body .preloader-custom-style li:before {
     position: absolute;
     z-index: 99;
     content: "";
     height: 100%;
     width: 50%;
     top: 0;
     background-color: #f5f5f5;
 }

 body .preloader-custom-style li:before {
     left: 0;
 }

 body .preloader-custom-style li:after {
     right: 0;
 }

 body .preloader-gif {
     background-color: #ffffff;
     height: 100%;
     width: 100%;
 }

 body .preloader-gif img {
     position: fixed;
     z-index: 999;
     left: 50%;
     top: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
 }

 body.loaded .wrapper {
     opacity: 1;
     visibility: visible;
 }

 body.loaded .preloader {
     z-index: -9999999;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
     -webkit-transition-delay: 1.1s;
     -o-transition-delay: 1.1s;
     transition-delay: 1.1s;
 }

 body.loaded .preloader-custom-style li:after,
 body.loaded .preloader-custom-style li:before {
     -webkit-transition: all 1s cubic-bezier(0.38, 0, 0.82, -0.01);
     -o-transition: all 1s cubic-bezier(0.38, 0, 0.82, -0.01);
     transition: all 1s cubic-bezier(0.38, 0, 0.82, -0.01);
 }

 body.loaded .preloader-custom-style li:before {
     width: 0;
 }

 body.loaded .preloader-custom-style li:after {
     width: 0;
 }

 body.loaded .preloader-gif {
     display: none;
 }

 .section-heading {
     position: relative;
     z-index: 1;
     margin-bottom: 19px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .section-heading .heading-bar {
     position: relative;
 }

 .section-heading .heading-bar:after {
     content: "";
     height: calc(100% - 19px);
     width: 5px;
     background-color: #ff5e14;
     position: absolute;
     top: 5px;
     left: 0;
 }

 @media only screen and (max-width: 991px) {
     .section-heading .heading-bar:after {
         height: calc(100% - 18px);
     }
 }

 @media only screen and (max-width: 767px) {
     .section-heading .heading-bar:after {
         top: 7px;
         height: calc(100% - 19px);
     }
 }

 .section-heading .item-subtitle {
     font-weight: 500;
     font-size: 22px;
     letter-spacing: 1px;
 }

 @media only screen and (max-width: 991px) {
     .section-heading .item-subtitle {
         font-size: 20px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-heading .item-subtitle {
         font-size: 18px;
     }
 }

 .section-heading .item-title {
     font-weight: 700;
 }

 .section-heading.heading-layout1 .item-subtitle {
     color: #ff5e14;
     margin-bottom: 5px;
     padding-left: 25px;
 }

 .section-heading.heading-layout1 .item-title {
     padding-left: 25px;
     margin-bottom: 0;
 }

 .section-heading.heading-layout1 p {
     width: 50%;
 }

 .section-heading.heading-layout1.paragraph-layout1 p {
     width: 62%;
 }

 @media only screen and (max-width: 991px) {
     .section-heading.heading-layout1.paragraph-layout1 p {
         width: 100%;
     }
 }

 @media only screen and (max-width: 991px) {
     .section-heading.heading-layout1.paragraph-layout2 p {
         width: 65%;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-heading.heading-layout1.paragraph-layout2 p {
         width: 100%;
     }
 }

 .section-heading.heading-layout2 {
     margin-bottom: 40px;
     text-align: center;
 }

 .section-heading.heading-layout2 .item-title {
     margin-bottom: 10px;
 }

 .section-heading.heading-layout2 .item-subtitle {
     color: #ff5e14;
     margin-bottom: 6px;
 }

 .section-heading.heading-layout2 p {
     width: 50%;
     margin: 0 auto;
 }

 @media only screen and (max-width: 991px) {
     .section-heading.heading-layout2 p {
         width: 75%;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-heading.heading-layout2 p {
         width: 100%;
     }
 }

 .section-heading.heading-layout3 .item-title {
     margin-bottom: 10px;
 }

 .section-heading.heading-layout3 .item-subtitle {
     color: #ff5e14;
     margin-bottom: 5px;
 }

 .section-heading.heading-layout4 .item-title {
     margin-bottom: 10px;
 }

 .section-heading.heading-layout4 .item-subtitle {
     color: #ff5e14;
     margin-bottom: 8px;
 }

 .section-heading.heading-layout5 {
     margin-bottom: 20px;
 }

 .section-heading.heading-layout5 .item-title {
     margin-bottom: 10px;
 }

 .template-search {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.85);
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-transform: translate(0px, -100%) scale(0, 0);
     -ms-transform: translate(0px, -100%) scale(0, 0);
     transform: translate(0px, -100%) scale(0, 0);
     opacity: 0;
     visibility: hidden;
     z-index: 999999;
 }

 .template-search .search-form {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .template-search .search-form input[type="search"] {
     width: 60%;
     color: white;
     font-size: 24px;
     text-align: left;
     border: 1px solid #646464;
     margin: 0 auto;
     padding: 25px 74px 25px 30px;
     outline: none;
     background-color: transparent;
 }

 @media only screen and (max-width: 575px) {
     .template-search .search-form input[type="search"] {
         width: 75%;
     }
 }

 .template-search .search-form .search-btn {
     padding: 24px;
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     -webkit-transform: translateX(-77px);
     -ms-transform: translateX(-77px);
     transform: translateX(-77px);
 }

 .template-search .search-form .search-btn i:before {
     font-size: 24px;
     font-weight: 700;
     color: #ffffff;
     margin-left: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .template-search .search-form .search-btn:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
 }

 .template-search .search-form .search-btn:hover i:before {
     color: #ff5e14;
 }

 .template-search .close {
     position: fixed;
     top: 15px;
     right: 15px;
     color: rgba(255, 255, 255, 0.3);
     background-color: transparent;
     border: none;
     opacity: 1;
     visibility: visible;
     padding: 3px 15px 5px;
     font-size: 60px;
     font-weight: 300;
     border-radius: 2px;
     cursor: pointer;
     -webkit-box-shadow: none;
     box-shadow: none;
     text-shadow: none;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .template-search .close:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
 }

 .template-search .close:hover {
     color: #ff5e14;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     outline: none;
 }

 .template-search.open {
     -webkit-transform: translate(0px, 0px) scale(1, 1);
     -ms-transform: translate(0px, 0px) scale(1, 1);
     transform: translate(0px, 0px) scale(1, 1);
     opacity: 1;
     visibility: visible;
 }

 .template-sidebar {
     margin-bottom: 30px;
 }

 .template-sidebar .widget {
     margin-bottom: 50px;
     position: relative;
     z-index: 1;
 }

 .template-sidebar .widget:last-child {
     margin-bottom: 0 !important;
 }

 .template-sidebar .widget .widget-heading {
     margin-bottom: 20px;
 }

 .template-sidebar .widget .widget-heading .item-title {
     font-weight: 700;
     margin-bottom: 10px;
 }

 .template-sidebar .widget-border-box {
     border: 1px solid #e7e7e7;
     border-radius: 4px;
     padding: 22px 30px 40px;
 }

 @media only screen and (max-width: 991px) {
     .template-sidebar {
         margin-top: 40px;
     }
 }

 .widget-category {
     background-color: #f4f4f4;
 }

 .widget-category ul li {
     border-bottom: 1px solid rgba(36, 36, 36, 0.1);
 }

 .widget-category ul li:last-child {
     border-bottom: none;
 }

 .widget-category ul li a {
     display: block;
     font-size: 20px;
     color: #151515;
     font-weight: 600;
     padding: 15px 40px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-category ul li a:hover {
     background-color: #f83a00;
     color: #ffffff;
 }

 .widget-category-2 .category-list ul li a {
     display: block;
     color: #151515;
     font-weight: 600;
     padding: 5px 18px;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-category-2 .category-list ul li a:hover {
     background-color: #f83a00;
     color: #ffffff;
 }

 .widget-download-brochure {
     background-color: #f1f1f1;
     padding: 30px 20px 25px;
 }

 .widget-download-brochure .item-title {
     font-weight: 600;
     margin-bottom: 0;
 }

 .widget-download-brochure .download-btn {
     background-color: #06112d;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 18px;
     color: #ffffff;
     font-weight: 600;
     padding: 15px 25px;
 }

 .widget-download-brochure .download-btn i {
     font-weight: 600;
     color: #ff5e14;
     font-size: 24px;
 }

 .widget-contact-info {
     background-image: url("../img/figure/widget1.jpg");
     position: relative;
     padding: 40px 30px 35px;
 }

 .widget-contact-info:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(6, 21, 56, 0.9);
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
 }

 .widget-contact-info .item-title {
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 0;
 }

 .widget-contact-info p {
     color: #ffffff;
 }

 .widget-contact-info .contact-method ul li {
     color: #ffffff;
     font-size: 15px;
     font-weight: 600;
 }

 .widget-contact-info .contact-method ul li i:before {
     margin-right: 14px;
     font-size: 18px;
     font-weight: 400;
     color: #ff5e14;
 }

 .widget-search-box .stylish-input-group {
     background-color: #f4f4f4;
     height: 60px;
     border-radius: 4px;
     padding: 0 10px;
 }

 .widget-search-box .stylish-input-group .form-control {
     border: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 0;
     background: transparent;
     color: #000000;
     font-size: 16px;
     height: 60px;
 }

 .widget-search-box .stylish-input-group .input-group-addon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0;
     border: none;
     border-radius: 0;
     background: transparent !important;
 }

 .widget-search-box .stylish-input-group .input-group-addon button {
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-search-box .stylish-input-group .input-group-addon button span:before {
     color: #151515;
     font-size: 18px;
     font-weight: 700;
     margin-left: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-search-box .stylish-input-group .input-group-addon button:hover span {
     color: #ff5e14;
 }

 .widget-search-box .stylish-input-group .input-group-addon button:hover span:before {
     color: #ff5e14;
 }

 .widget-search-box .stylish-input-group .input-group-addon button:focus {
     outline: none;
 }

 .widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,
 .widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
     color: #9a9a9a;
     font-size: 14px;
 }

 .widget-recent-post .post-box-wrap .post-box {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 20px;
 }

 .widget-recent-post .post-box-wrap .post-box:last-child {
     margin-bottom: 0;
 }

 .widget-recent-post .post-box-wrap .post-box .item-img {
     margin-right: 10px;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content .item-tag {
     font-size: 14px;
     color: #ff5e14;
     margin-right: 10px;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content .item-date {
     font-size: 14px;
     color: #959595;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content .item-title {
     font-weight: 600;
     font-size: 18px;
     line-height: 1.2;
     margin-bottom: 0;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content .item-title a {
     color: #151515;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-recent-post .post-box-wrap .post-box .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .widget-tag .item-tag ul li {
     display: inline-block;
     margin-bottom: 8px;
     margin-right: 4px;
 }

 .widget-tag .item-tag ul li a {
     display: inline-block;
     font-size: 15px;
     color: #151515;
     border: 1px solid #e3e3e3;
     padding: 2px 15px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .widget-tag .item-tag ul li a:hover {
     background-color: #f83a00;
     border-color: #f83a00;
     color: #ffffff;
 }

 .fxt-error-box-layout1 {
     text-align: center;
     margin-bottom: 30px;
 }

 .fxt-error-box-layout1 .error-img {
     margin-bottom: 60px;
 }

 .fxt-error-box-layout1 .item-title {
     font-weight: 600;
     color: #05121f;
     margin-bottom: 55px;
 }

 .fxt-error-box-layout1 .item-btn {
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     display: inline-block;
     padding: 12px 27px;
     background-color: #ff5e14;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-error-box-layout1 .item-btn:hover {
     background-color: #151515;
 }

 .fxt-about-box-layot1 {
     margin-bottom: 20px;
 }

 .fxt-about-box-layot1 .ceo-detail {
     margin-top: 50px;
 }

 .fxt-about-box-layot1 .ceo-detail img {
     margin-bottom: 10px;
 }

 .fxt-about-box-layot1 .ceo-detail .item-title {
     font-weight: 600;
     margin-bottom: 4px;
 }

 .fxt-about-box-layot1 .ceo-detail .item-subtitle {
     color: #505050;
     font-weight: 700;
 }

 .fxt-about-box-layout2 {
     margin-bottom: 30px;
     position: relative;
 }

 .fxt-about-box-layout2 img {
     border-radius: 4px;
 }

 .fxt-about-box-layout2 .play-btn {
     text-align: center;
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     height: 70px;
     width: 70px;
     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;
     background-color: #ff5e14;
     border-radius: 50%;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }

 .fxt-about-box-layout2 .play-btn i {
     font-size: 24px;
     color: #ffffff;
 }

 .fxt-about-box-layout2 .play-btn:hover {
     opacity: 0.8;
 }

 .fxt-about-box-layout3 {
     position: relative;
     margin-bottom: 30px;
 }

 .fxt-about-box-layout3 .item-content {
     text-align: center;
     background-color: #ff5e14;
     border-radius: 4px;
     padding: 50px 30px 25px;
     display: inline-block;
     position: absolute;
     bottom: 30px;
     right: 30px;
     width: 50%;
 }

 @media only screen and (max-width: 767px) {
     .fxt-about-box-layout3 .item-content {
         width: 80%;
         right: 0;
         left: 0;
         margin: 0 auto;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-about-box-layout3 .item-content {
         width: 95%;
         padding: 25px 5px 0;
     }
 }

 .fxt-about-box-layout3 .item-content .item-subtitle {
     font-size: 24px;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .fxt-about-box-layout3 .item-content .item-title {
     color: #ffffff;
     font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
     .fxt-about-box-layout3 .item-content .item-title {
         font-size: 26px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-about-box-layout3 .item-content .item-title {
         font-size: 24px;
     }
 }

 .fxt-about-wrap-layout4 {
     background-color: #10102a;
 }

 .fxt-about-wrap-layout4 .compress-left-side {
     padding-left: calc(calc(100% - 1140px)/2) !important;
     padding-right: 50px !important;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-about-wrap-layout4 .compress-left-side {
         padding-right: calc(calc(100% - 930px)/2) !important;
         padding-left: calc(calc(100% - 930px)/2) !important;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-about-wrap-layout4 .compress-left-side {
         padding-right: calc(calc(100% - 690px)/2) !important;
         padding-left: calc(calc(100% - 690px)/2) !important;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-about-wrap-layout4 .compress-left-side {
         padding-right: calc(calc(100% - 510px)/2) !important;
         padding-left: calc(calc(100% - 510px)/2) !important;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-about-wrap-layout4 .compress-left-side {
         padding-right: 15px !important;
         padding-left: 15px !important;
     }
 }

 .fxt-about-box-layout4 {
     margin-bottom: 30px;
 }

 .fxt-about-box-layout4 .btn-fill {
     margin-top: 10px;
 }

 .fxt-about-box-layout5 {
     padding-top: 100px;
     padding-bottom: 78px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-about-box-layout5 {
         padding-top: 90px;
         padding-bottom: 68px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-about-box-layout5 {
         padding-top: 80px;
         padding-bottom: 58px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-about-box-layout5 {
         padding-top: 70px;
         padding-bottom: 48px;
     }
 }

 .fxt-about-box-layout5 .item-title {
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 30px;
 }

 .fxt-about-box-layout5 p {
     color: #ffffff;
 }

 .fxt-about-box-layout6 {
     padding: 100px 0;
     position: relative;
     z-index: 0;
 }

 .fxt-about-box-layout6:before {
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     position: absolute;
     z-index: -1;
     background-color: rgba(0, 0, 0, 0.6);
 }

 .fxt-about-box-layout6 .play-btn {
     text-align: center;
     height: 100px;
     width: 100px;
     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;
     background-color: #ff5e14;
     border-radius: 50%;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 @media only screen and (max-width: 767px) {
     .fxt-about-box-layout6 .play-btn {
         height: 80px;
         width: 80px;
     }

     .fxt-about-box-layout6 .play-btn i {
         font-size: 20px;
     }
 }

 .fxt-about-box-layout6 .play-btn i {
     font-size: 32px;
     color: #ffffff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-about-box-layout6 .play-btn:hover {
     background-color: #ffffff;
 }

 .fxt-about-box-layout6 .play-btn:hover i {
     color: #ff5e14;
 }

 .fxt-about-box-layout7 .item-content {
     padding-top: 30px;
 }

 .fxt-about-box-layout8 {
     margin-bottom: 30px;
 }

 .fxt-about-box-layout8 .item-img img {
     border-radius: 4px;
 }

 .fxt-about-box-layout9 .item-box {
     margin-bottom: 30px;
 }

 .fxt-about-box-layout9 .item-box .item-heading {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 10px;
 }

 .fxt-about-box-layout9 .item-box .item-heading .item-icon {
     margin-right: 15px;
 }

 .fxt-about-box-layout9 .item-box .item-heading .item-icon i:before {
     font-size: 60px;
     color: #888888;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-about-box-layout9 .item-box .item-heading .item-title {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     font-weight: 600;
     margin-bottom: 0;
 }

 .fxt-about-box-layout9 .item-box:hover .item-heading .item-icon i:before {
     color: #ff5e14;
 }

 .fxt-about-box-layout10 {
     margin-bottom: 0;
 }

 .fxt-main-banner .nivo-caption {
     padding: 0;
     opacity: 1;
 }

 .fxt-main-banner .slide.slide-1,
 .fxt-main-banner .slide.slide-2,
 .fxt-main-banner .slide.slide-3 {
     height: 100%;
 }

 .fxt-main-banner .slide.slide-1 .banner-sub-text,
 .fxt-main-banner .slide.slide-2 .banner-sub-text,
 .fxt-main-banner .slide.slide-3 .banner-sub-text {
     -webkit-animation: fadeInUp 500ms ease-in-out;
     animation: fadeInUp 500ms ease-in-out;
 }

 .fxt-main-banner .slide.slide-1 .banner-big-text,
 .fxt-main-banner .slide.slide-2 .banner-big-text,
 .fxt-main-banner .slide.slide-3 .banner-big-text {
     -webkit-animation: fadeInUp 1000ms ease-in-out;
     animation: fadeInUp 1000ms ease-in-out;
 }

 .fxt-main-banner .slide.slide-1 .banner-paragraph,
 .fxt-main-banner .slide.slide-2 .banner-paragraph,
 .fxt-main-banner .slide.slide-3 .banner-paragraph {
     -webkit-animation: fadeInUp 1500ms ease-in-out;
     animation: fadeInUp 1500ms ease-in-out;
 }

 .fxt-main-banner .slide.slide-1 .banner-btns,
 .fxt-main-banner .slide.slide-2 .banner-btns,
 .fxt-main-banner .slide.slide-3 .banner-btns {
     -webkit-animation: fadeInUp 2000ms ease-in-out;
     animation: fadeInUp 2000ms ease-in-out;
 }

 .fxt-main-banner-layout1 {
     position: relative;
     z-index: 0;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 @media only screen and (min-width: 992px) {
     .fxt-main-banner-layout1 {
         height: calc(100vh - 189px);
     }
 }

 .fxt-main-banner-layout1:before {
     content: url("../../media/elements/element1.png");
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     z-index: 6;
 }

 .fxt-main-banner-layout1 .item-content {
     position: relative;
     z-index: 7;
     margin-top: 10px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout1 .item-content {
         padding: 97px 0 100px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout1 .item-content {
         padding: 77px 0 67px;
         text-align: center;
     }
 }

 .fxt-main-banner-layout1 .item-content .banner-sub-text {
     color: #ff5e14;
     font-size: 24px;
     margin-bottom: 10px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout1 .item-content .banner-sub-text {
         font-size: 22px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout1 .item-content .banner-sub-text {
         font-size: 20px;
     }
 }

 .fxt-main-banner-layout1 .item-content .banner-big-text {
     color: #ffffff;
     font-size: 70px;
     font-weight: 600;
     line-height: 80px;
     width: 70%;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout1 .item-content .banner-big-text {
         font-size: 56px;
         width: 70%;
         line-height: 66px;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout1 .item-content .banner-big-text {
         font-size: 48px;
         margin-bottom: 0;
         width: 80%;
         line-height: 58px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout1 .item-content .banner-big-text {
         font-size: 40px;
         width: 95%;
         margin-left: auto;
         margin-right: auto;
         line-height: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-main-banner-layout1 .item-content .banner-big-text {
         font-size: 36px;
         line-height: 46px;
     }
 }

 .fxt-main-banner-layout1 .item-content .banner-paragraph {
     color: #ffffff;
     padding: 0;
     width: 60%;
     font-size: 18px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout1 .item-content .banner-paragraph {
         width: 70%;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout1 .item-content .banner-paragraph {
         width: 80%;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout1 .item-content .banner-paragraph {
         display: none;
     }
 }

 .fxt-main-banner-layout1 .item-content .banner-btns {
     margin-top: 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout1 .item-content .banner-btns {
         display: none;
     }
 }

 .fxt-main-banner-layout1 .item-content .banner-btns .item-btn {
     margin-right: 30px;
     margin-bottom: 15px;
 }

 .fxt-main-banner-layout2 {
     position: relative;
     z-index: 1;
 }

 .fxt-main-banner-layout2:before {
     content: "";
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     z-index: 6;
     background-color: rgba(0, 0, 0, 0.75);
 }

 .fxt-main-banner-layout2 .container {
     position: relative;
     z-index: 1;
     height: 100%;
     text-align: center;
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .container {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
 }

 .fxt-main-banner-layout2 .container .content-box {
     margin-top: 92px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout2 .container .content-box {
         margin-top: 128px;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout2 .container .content-box {
         margin-top: -78px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .container .content-box {
         margin-top: -25px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-main-banner-layout2 .container .content-box {
         padding: 0 15px;
         margin-top: -5px;
     }
 }

 .fxt-main-banner-layout2 .container .content-box .banner-sub-text {
     color: #ff5e14;
     font-size: 24px;
     margin-bottom: 10px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout2 .container .content-box .banner-sub-text {
         display: none;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout2 .container .content-box .banner-sub-text {
         display: block;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-main-banner-layout2 .container .content-box .banner-sub-text {
         display: none;
     }
 }

 .fxt-main-banner-layout2 .container .content-box .banner-big-text {
     color: #ffffff;
     font-size: 60px;
     font-weight: 600;
     line-height: 70px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout2 .container .content-box .banner-big-text {
         font-size: 56px;
         width: 70%;
         line-height: 66px;
         margin: 0 auto 20px;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout2 .container .content-box .banner-big-text {
         font-size: 48px;
         line-height: 58px;
         width: 80%;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .container .content-box .banner-big-text {
         font-size: 40px;
         width: 90%;
         line-height: 50px;
         margin-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-main-banner-layout2 .container .content-box .banner-big-text {
         font-size: 36px;
         width: 100%;
         margin-bottom: 0;
         line-height: 46px;
     }
 }

 .fxt-main-banner-layout2 .container .content-box .banner-big-text span {
     color: #ff5e14;
     font-weight: 300;
 }

 .fxt-main-banner-layout2 .container .content-box .banner-paragraph {
     color: #ffffff;
     padding: 0;
     margin-bottom: 50px;
     margin-left: auto;
     margin-right: auto;
     width: 60%;
     font-size: 18px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout2 .container .content-box .banner-paragraph {
         display: none;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-main-banner-layout2 .container .content-box .banner-paragraph {
         width: 80%;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .container .content-box .banner-paragraph {
         display: none;
     }
 }

 .fxt-main-banner-layout2 .container .content-box .banner-btns {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .container .content-box .banner-btns {
         display: none;
     }
 }

 .fxt-main-banner-layout2 .container .content-box .banner-btns .item-btn {
     margin-right: 30px;
 }

 .fxt-main-banner-layout2 .container .content-box .banner-btns .item-btn:last-child {
     margin-right: 0;
 }

 @media only screen and (max-width: 767px) {

     .fxt-main-banner-layout2 .nivo-prevNav,
     .fxt-main-banner-layout2 .nivo-nextNav {
         opacity: 0;
         visibility: hidden;
     }
 }

 .fxt-main-banner-layout2 .nivo-controlNav {
     position: absolute;
     z-index: 8;
     left: 0;
     right: 0;
     bottom: 76px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-main-banner-layout2 .nivo-controlNav {
         bottom: 40px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2 .nivo-controlNav {
         bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-main-banner-layout2 .nivo-controlNav {
         bottom: 0;
     }
 }

 .fxt-main-banner-layout2 .nivo-controlNav .nivo-control {
     height: 12px;
     width: 12px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #4f504c;
     margin: 0 6px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-indent: -9999999999px;
     border-radius: 50%;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-main-banner-layout2 .nivo-controlNav .nivo-control.active {
     background-color: #ff5e14;
 }

 @media only screen and (max-width: 767px) {
     .fxt-main-banner-layout2:hover .nivo-prevNav {
         opacity: 1;
         visibility: visible;
         left: 10px;
     }

     .fxt-main-banner-layout2:hover .nivo-nextNav {
         opacity: 1;
         visibility: visible;
         right: 10px;
     }
 }

 .fxt-inner-banner-wrap-layout1 {
     position: relative;
     z-index: 2;
 }

 .fxt-inner-banner-wrap-layout1:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color:rgb(0 0 0 / 36%);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .fxt-inner-banner-box-layout1 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-box-layout1 {
         display: block;
     }
 }

 .fxt-inner-banner-box-layout1 .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-inner-banner-box-layout1 .item-content .item-subtitle {
     font-size: 22px;
     font-weight: 500;
     color: #ff5e14;
     margin-bottom: 5px;
     letter-spacing: 1px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-inner-banner-box-layout1 .item-content .item-subtitle {
         font-size: 20px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-box-layout1 .item-content .item-subtitle {
         font-size: 18px;
     }
 }

 .fxt-inner-banner-box-layout1 .item-content .item-title {
     color: #ffffff;
     font-weight: 700;
 }

 .fxt-inner-banner-box-layout1 .item-content p {
     color: #ffffff;
     width: 60%;
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-box-layout1 .item-content p {
         width: 100%;
     }
 }

 .fxt-inner-banner-box-layout1 .banner-btn {
     margin-bottom: 30px;
 }

 .fxt-inner-banner-wrap-layout2 {
     position: relative;
     z-index: 2;
     padding: 105px 0 110px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-inner-banner-wrap-layout2 {
         padding: 90px 0 95px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-wrap-layout2 {
         padding: 75px 0 80px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-inner-banner-wrap-layout2 {
         padding: 60px 0 65px;
     }
 }

 .fxt-inner-banner-wrap-layout2:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .fxt-inner-banner-box-layout2 {
     text-align: center;
 }

 .fxt-inner-banner-box-layout2 .item-subtitle {
     font-size: 22px;
     font-weight: 500;
     letter-spacing: 1px;
     color: #ff5e14;
     margin-bottom: 10px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-inner-banner-box-layout2 .item-subtitle {
         font-size: 20px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-box-layout2 .item-subtitle {
         font-size: 18px;
     }
 }

 .fxt-inner-banner-box-layout2 .item-title {
     font-size: 40px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 36px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-inner-banner-box-layout2 .item-title {
         font-size: 36px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-inner-banner-box-layout2 .item-title {
         font-size: 34px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-inner-banner-box-layout2 .item-title {
         font-size: 32px;
     }
 }

 .fxt-page-banner {
     display: block;
     padding: 142px 0 139px;
     position: relative;
     z-index: 1;
 }

 .fxt-page-banner:before {
     content: "";
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     z-index: 1;
     background-color: rgba(2, 13, 34, 0.85);
 }

 @media only screen and (max-width: 991px) {
     .fxt-page-banner {
         padding: 122px 0 119px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-page-banner {
         padding: 102px 0 99px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-page-banner {
         padding: 82px 0 79px;
     }
 }

 .fxt-page-banner .breadcrumbs-area {
     position: relative;
     z-index: 1;
     text-align: center;
 }

 .fxt-page-banner .breadcrumbs-area h1 {
     font-weight: 500;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .fxt-page-banner .breadcrumbs-area ul li {
     display: inline-block;
     position: relative;
     margin-right: 15px;
     padding-right: 5px;
     color: #ff5e14;
     font-size: 20px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-page-banner .breadcrumbs-area ul li {
         font-size: 18px;
     }
 }

 .fxt-page-banner .breadcrumbs-area ul li:before {
     content: "/";
     position: absolute;
     font-size: 18px;
     right: -11px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 5;
     color: #ffffff;
 }

 .fxt-page-banner .breadcrumbs-area ul li a {
     color: #ffffff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-page-banner .breadcrumbs-area ul li a:hover {
     color: #ff5e14;
 }

 .fxt-page-banner .breadcrumbs-area ul li:last-child {
     margin-right: 0;
     padding-right: 0;
 }

 .fxt-page-banner .breadcrumbs-area ul li:last-child:before {
     display: none;
 }

 .fxt-brand-box-layout1 {
     text-align: center;
     margin-bottom: 30px;
 }

 .fxt-brand-box-layout1 img {
     width: auto !important;
     display: inline-block !important;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-brand-box-layout1:hover img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
 }

 .entry-meta ul li {
     display: inline-block;
     color: #aaaaaa;
     font-size: 15px;
 }

 .entry-meta ul li:last-child {
     margin-right: 0;
 }

 .entry-meta ul li i {
     margin-right: 8px;
     color: #ff5e14;
 }

 .entry-meta ul li a {
     color: #aaaaaa;
 }

 .fxt-blog-box-layout1 {
     position: relative;
     margin-bottom: 100px;
 }

 .fxt-blog-box-layout1 .item-img img {
     border-radius: 4px;
 }

 .fxt-blog-box-layout1 .item-content {
     position: absolute;
     bottom: -60px;
     left: 0;
     right: 0;
     margin: 0 45px;
     padding: 30px 30px 12px;
     background-color: #ffffff;
     -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout1 .item-content .item-title {
     margin-bottom: 14px;
 }

 .fxt-blog-box-layout1 .item-content .item-title a {
     color: #151515;
     font-weight: 600;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout1 .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-blog-box-layout1 .item-content .entry-meta {
     margin-bottom: 14px;
 }

 .fxt-blog-box-layout1 .item-content .entry-meta ul li {
     margin-right: 25px;
 }

 .fxt-blog-box-layout1:hover .item-content {
     bottom: -30px;
 }

 .fxt-blog-wrap-layout2 {
     padding: 105px 0 37px;
 }

 .fxt-blog-box-layout2 {
     margin-bottom: -100px;
 }

 .fxt-blog-box-layout2 .item-img img {
     border-radius: 4px;
 }

 .fxt-blog-box-layout2 .item-content {
     -webkit-transform: translateY(-130px);
     -ms-transform: translateY(-130px);
     transform: translateY(-130px);
     margin: 0 20px;
     padding: 26px 30px 12px;
     background-color: #ffffff;
     -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout2 .item-content .item-title {
     margin-bottom: 8px;
 }

 .fxt-blog-box-layout2 .item-content .item-title a {
     color: #151515;
     font-weight: 600;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout2 .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-blog-box-layout2 .item-content .entry-meta {
     margin-bottom: 4px;
 }

 .fxt-blog-box-layout2 .item-content .entry-meta ul li {
     margin-right: 30px;
 }

 .fxt-blog-box-layout2:hover .item-content {
     -webkit-transform: translateY(-140px);
     -ms-transform: translateY(-140px);
     transform: translateY(-140px);
 }

 .fxt-blog-wrap-layout3 {
     padding: 110px 0 80px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-blog-wrap-layout3 {
         padding: 95px 0 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-blog-wrap-layout3 {
         padding: 80px 0 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-blog-wrap-layout3 {
         padding: 65px 0 35px;
     }
 }

 .fxt-blog-box-layout3 {
     margin-bottom: -100px;
 }

 .fxt-blog-box-layout3 .item-img img {
     border-radius: 4px;
 }

 .fxt-blog-box-layout3 .item-content {
     -webkit-transform: translateY(-130px);
     -ms-transform: translateY(-130px);
     transform: translateY(-130px);
     margin: 0 20px;
     padding: 26px 30px 12px;
     background-color: #ffffff;
     -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout3 .item-content .item-title {
     line-height: 32px;
     margin-bottom: 8px;
 }

 .fxt-blog-box-layout3 .item-content .item-title a {
     color: #151515;
     font-weight: 600;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-blog-box-layout3 .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-blog-box-layout3 .item-content .entry-meta {
     margin-bottom: 4px;
 }

 .fxt-blog-box-layout3 .item-content .entry-meta ul li {
     margin-right: 35px;
 }

 .fxt-blog-box-layout3:hover .item-content {
     -webkit-transform: translateY(-140px);
     -ms-transform: translateY(-140px);
     transform: translateY(-140px);
 }

 .fxt-single-blog-layout1>.item-img {
     margin-bottom: 35px;
 }

 .fxt-single-blog-layout1>.item-content {
     margin-bottom: 32px;
 }

 .fxt-single-blog-layout1>.item-content .entry-meta {
     margin-bottom: 12px;
 }

 .fxt-single-blog-layout1>.item-content .entry-meta ul li {
     margin-right: 40px;
 }

 .fxt-single-blog-layout1>.item-content .item-title {
     font-weight: 600;
 }

 .fxt-single-blog-layout1>.item-content blockquote {
     border: 2px solid #f7f7f7;
     padding: 22px 50px 22px 100px;
     margin: 30px 0;
     color: #151515;
     position: relative;
 }

 .fxt-single-blog-layout1>.item-content blockquote:after {
     content: url("../img/figure/quote.png");
     position: absolute;
     top: 25px;
     left: 40px;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content {
     border-top: 1px solid #dfdfdf;
     padding-top: 18px;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-tag {
     font-weight: 600;
     color: #151515;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-tag a {
     color: #151515;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-tag a:hover {
     color: #ff5e14;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-social {
     text-align: right;
     color: #333333;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-social a {
     color: #333333;
     padding: 5px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-single-blog-layout1>.item-content .bottom-content .item-social a:hover {
     color: #ff5e14;
 }

 .fxt-single-blog-layout1 .item-author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background-color: #f83a00;
     border-radius: 4px;
     padding: 30px 30px 5px;
     margin-bottom: 40px;
 }

 @media only screen and (max-width: 575px) {
     .fxt-single-blog-layout1 .item-author {
         display: block;
     }
 }

 .fxt-single-blog-layout1 .item-author .item-img {
     margin-right: 45px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-single-blog-layout1 .item-author .item-img {
         margin-right: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-single-blog-layout1 .item-author .item-img {
         margin-bottom: 15px;
         margin-right: 0;
     }
 }

 .fxt-single-blog-layout1 .item-author .item-img img {
     border-radius: 50%;
 }

 .fxt-single-blog-layout1 .item-author .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-single-blog-layout1 .item-author .item-content .item-subtitle {
     color: #ffffff;
 }

 .fxt-single-blog-layout1 .item-author .item-content .item-title {
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 10px;
     line-height: 1;
 }

 .fxt-single-blog-layout1 .item-author .item-content p {
     color: #ffffff;
 }

 .fxt-single-blog-layout1 .item-comment {
     margin-bottom: 30px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-bottom: 1px solid #e8e8e8;
     padding-bottom: 20px;
     margin-bottom: 24px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list:nth-child(even) {
     padding-left: 80px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-img {
     margin-right: 20px;
     margin-top: 5px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-img img {
     border-radius: 50%;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content .item-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content .item-title span {
     font-size: 13px;
     font-weight: 400;
     color: #f83a00;
     margin-left: 8px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content p {
     margin-bottom: 8px;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content .item-btn {
     font-weight: 600;
     color: #333333;
     padding: 5px 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-single-blog-layout1 .item-comment .comment-content .comment-list .item-content .item-btn:hover {
     color: #ff5e14;
 }

 .fxt-single-blog-layout1 .item-comment-form .form-box .form-group {
     margin-bottom: 25px;
 }

 .fxt-single-blog-layout1 .item-comment-form .form-box .form-group:last-child {
     margin-bottom: 0;
 }

 .fxt-single-blog-layout1 .item-comment-form .form-box .form-group .form-control {
     border: 1px solid #e1e1e1;
     border-radius: 0;
     padding: 10px 25px;
     color: #444444;
     background-color: transparent;
 }

 .fxt-single-blog-layout1 .item-comment-form .form-box .form-group .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .fxt-single-blog-layout1 .item-comment-form .form-box .form-group input {
     height: 50px;
 }

 .fxt-action-wrap-layout1 {
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
     margin-top: -43px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-action-wrap-layout1 {
         margin-top: -144px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-wrap-layout1 {
         margin-top: -124px;
     }
 }

 .fxt-action-box-layout1 {
     background-color: #ff5e14;
     padding: 40px;
     border-radius: 4px;
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 {
         padding: 20px;
     }
 }

 .fxt-action-box-layout1 .contact-box {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 @media only screen and (max-width: 991px) {
     .fxt-action-box-layout1 .contact-box {
         margin-bottom: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 .contact-box {
         margin-bottom: 15px;
     }
 }

 .fxt-action-box-layout1 .contact-box .item-icon {
     margin-right: 15px;
     height: 60px;
     width: 60px;
     border: 1px dashed #ffffff;
     border-radius: 50%;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 .contact-box .item-icon {
         height: 50px;
         width: 50px;
     }
 }

 .fxt-action-box-layout1 .contact-box .item-icon i:before {
     font-size: 26px;
     color: #ffffff;
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 .contact-box .item-icon i:before {
         font-size: 22px;
     }
 }

 .fxt-action-box-layout1 .contact-box .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-action-box-layout1 .contact-box .item-content .item-text {
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 4px;
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 .contact-box .item-content .item-text {
         margin-bottom: 0;
     }
 }

 .fxt-action-box-layout1 .contact-box .item-content .item-number {
     font-size: 36px;
     font-weight: 700;
     color: #ffffff;
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-box-layout1 .contact-box .item-content .item-number {
         font-size: 24px;
     }
 }

 .fxt-action-box-layout1 .sign-up-form .form-group {
     margin-bottom: 0;
 }

 @media only screen and (max-width: 991px) {
     .fxt-action-box-layout1 .sign-up-form .form-group {
         margin-bottom: 10px;
     }
 }

 .fxt-action-box-layout1 .sign-up-form .form-group .form-control {
     border: none;
     height: 50px;
     color: #152035;
     padding: 10px 20px;
     border-radius: 4px;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group .submit-btn {
     font-weight: 600;
     font-size: 18px;
     background-color: #151515;
     width: 100%;
     border: 0;
     color: #ffffff;
     padding: 12px 20px 8px;
     border-radius: 4px;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group .submit-btn:focus {
     outline: none;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group .submit-btn:hover {
     background-color: #ffffff;
     color: #ff5e14;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group input.form-control::-webkit-input-placeholder {
     color: #9e9797;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group input.form-control::-moz-placeholder {
     color: #9e9797;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group input.form-control:-moz-placeholder {
     color: #9e9797;
 }

 .fxt-action-box-layout1 .sign-up-form .form-group input.form-control:-ms-input-placeholder {
     color: #9e9797;
 }

 .fxt-action-wrap-layout2 {
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
     margin-top: -72px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-action-wrap-layout2 {
         margin-top: -172px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-wrap-layout2 {
         margin-top: -142px;
     }
 }

 .fxt-action-wrap-layout3 {
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
     margin-top: -72px;
     position: relative;
     z-index: 0;
 }

 .fxt-action-wrap-layout3:before {
     position: absolute;
     z-index: -1;
     content: "";
     height: 50%;
     width: 100%;
     background-color: #f9f9f9;
     top: 0;
     left: 0;
     right: 0;
 }

 @media only screen and (max-width: 991px) {
     .fxt-action-wrap-layout3 {
         margin-top: -172px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-action-wrap-layout3 {
         margin-top: -142px;
     }
 }

 .fxt-contact-wrap-layout1 {
     margin-bottom: 30px;
 }

 .fxt-contact-box-layout1 {
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 4px;
     margin: 50px;
     padding: 60px 55px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-contact-box-layout1 {
         margin: 30px;
         padding: 50px 45px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-contact-box-layout1 {
         margin: 20px;
         padding: 35px 30px;
     }
 }

 .fxt-contact-box-layout1 .form-box .form-group {
     margin-bottom: 20px;
 }

 .fxt-contact-box-layout1 .form-box .form-group:last-child {
     margin-bottom: 0;
 }

 .fxt-contact-box-layout1 .form-box .form-group .form-control {
     border: 1px solid #e1e1e1;
     border-radius: 4px;
     padding: 10px 25px;
     color: #444444;
     background-color: transparent;
 }

 .fxt-contact-box-layout1 .form-box .form-group .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .fxt-contact-box-layout1 .form-box .form-group input {
     height: 50px;
 }

 .fxt-contact-box-layout2 {
     background-color: rgba(255, 255, 255, 0.95);
     margin-bottom: 30px;
 }

 .fxt-contact-box-layout2 .form-box .form-group {
     margin-bottom: 20px;
 }

 .fxt-contact-box-layout2 .form-box .form-group:last-child {
     margin-bottom: 0;
 }

 .fxt-contact-box-layout2 .form-box .form-group .form-control {
     border: 1px solid #e1e1e1;
     border-radius: 4px;
     padding: 10px 25px;
     color: #444444;
     background-color: transparent;
 }

 .fxt-contact-box-layout2 .form-box .form-group .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .fxt-contact-box-layout2 .form-box .form-group input {
     height: 50px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-contact-box-layout2 .address-box {
         margin-bottom: -4px;
     }
 }

 .fxt-contact-box-layout2 .address-box li {
     padding-left: 60px;
     position: relative;
     z-index: 0;
     margin-bottom: 10px;
 }

 .fxt-contact-box-layout2 .address-box li:last-child {
     margin-bottom: 0;
 }

 .fxt-contact-box-layout2 .address-box li .item-icon {
     position: absolute;
     z-index: 0;
     top: 5px;
     left: 0;
     color: #ff5e14;
     font-size: 36px;
 }

 .fxt-contact-box-layout2 .address-box li .item-title {
     margin-bottom: 0;
     font-size: 18px;
     font-weight: 600;
 }

 .fxt-contact-box-layout2 .address-box li p {
     margin-bottom: 0;
     color: #151515;
     line-height: 22px;
 }

 .fxt-faq-box-layout1 {
     margin-bottom: 30px;
 }

 .fxt-faq-box-layout1 .item-title {
     text-align: center;
     font-weight: 600;
     margin-bottom: 38px;
 }

 .fxt-faq-box-layout1 .accordion .card {
     border: 1px solid #d3d3d3 !important;
     margin-bottom: 30px;
     border-radius: 0 !important;
 }

 .fxt-faq-box-layout1 .accordion .card .card-header {
     border: none;
     padding: 0;
     border-radius: 0;
     background-color: transparent;
 }

 .fxt-faq-box-layout1 .accordion .card .card-header .heading-title {
     position: relative;
     cursor: pointer;
     margin-bottom: 0;
     padding: 10px 70px 10px 25px;
     font-size: 20px;
     font-weight: 600;
     color: #151515;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout1 .accordion .card .card-header .heading-title:before {
     content: "\f106";
     font-family: "Font Awesome 5 Free";
     font-size: 18px;
     font-weight: 600;
     color: #ff5e14;
     position: absolute;
     top: 50%;
     right: 30px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout1 .accordion .card .card-header .heading-title.collapsed:before {
     color: #151515;
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout1 .accordion .card .card-body {
     padding: 0 25px 20px;
     position: relative;
 }

 .fxt-faq-box-layout1 .accordion .card:last-child {
     margin-bottom: 0;
 }

 .fxt-faq-box-layout2 {
     padding-right: 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     height: 100%;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-faq-box-layout2 {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         padding: 0 30px;
     }
 }

 .fxt-faq-wrap-layout3 .compress-right-side {
     padding-right: calc(calc(100% - 1140px)/2);
 }

 @media only screen and (max-width: 1199px) {
     .fxt-faq-wrap-layout3 .compress-right-side {
         padding-left: calc(calc(100% - 930px)/2);
         padding-right: calc(calc(100% - 930px)/2);
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-faq-wrap-layout3 .compress-right-side {
         padding-left: calc(calc(100% - 690px)/2);
         padding-right: calc(calc(100% - 690px)/2);
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-faq-wrap-layout3 .compress-right-side {
         padding-left: calc(calc(100% - 510px)/2);
         padding-right: calc(calc(100% - 510px)/2);
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-faq-wrap-layout3 .compress-right-side {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 .fxt-faq-box-layout3 {
     margin-bottom: 110px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-faq-box-layout3 {
         margin-bottom: 60px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-faq-box-layout3 {
         margin-bottom: 40px;
     }
 }

 .fxt-faq-box-layout3 .accordion .card {
     border: none;
     margin-bottom: 30px;
     border-radius: 0 !important;
 }

 .fxt-faq-box-layout3 .accordion .card .card-header {
     border: none;
     padding: 0;
     border-radius: 0;
     background-color: transparent;
     margin-bottom: 0;
 }

 .fxt-faq-box-layout3 .accordion .card .card-header .heading-title {
     border: 1px solid #ff5e14;
     position: relative;
     cursor: pointer;
     margin-bottom: 0;
     padding: 10px 70px 10px 25px;
     font-size: 20px;
     font-weight: 600;
     color: #ffffff;
     background-color: #ff5e14;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout3 .accordion .card .card-header .heading-title:before {
     content: "\f106";
     font-family: "Font Awesome 5 Free";
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     position: absolute;
     top: 50%;
     right: 30px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout3 .accordion .card .card-header .heading-title.collapsed {
     border: 1px solid #d3d3d3;
     background-color: transparent;
     color: #151515;
 }

 .fxt-faq-box-layout3 .accordion .card .card-header .heading-title.collapsed:before {
     color: #ff5e14;
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-faq-box-layout3 .accordion .card .card-body {
     background-color: #f7f7f7;
     padding: 15px 25px 20px;
     position: relative;
 }

 .fxt-faq-box-layout3 .accordion .card:last-child {
     margin-bottom: 0;
 }

 .fxt-features-wrap-layout1 {
     position: relative;
     z-index: 2;
 }

 .fxt-features-wrap-layout1:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.85);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .fxt-features-box-layout1 {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-bottom: 15px;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-features-box-layout1 {
         margin-bottom: 40px;
     }
 }

 .fxt-features-box-layout1 .item-icon {
     margin-right: 25px;
     margin-top: 8px;
 }

 @media only screen and (max-width: 575px) {
     .fxt-features-box-layout1 .item-icon {
         margin-right: 20px;
     }
 }

 .fxt-features-box-layout1 .item-icon i:before {
     font-size: 60px;
     color: #ff5e14;
 }

 @media only screen and (max-width: 575px) {
     .fxt-features-box-layout1 .item-icon i:before {
         font-size: 42px;
     }
 }

 .fxt-features-box-layout1 .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-features-box-layout1 .item-content .item-title {
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .fxt-features-box-layout1 .item-content p {
     color: #ffffff;
     margin-bottom: 0;
 }

 .row [class^="col-"]:last-child>.fxt-features-box-layout1 {
     margin-bottom: 15px;
 }

 .fxt-features-box-layout2 {
     padding: 110px 30px 80px;
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 @media only screen and (max-width: 991px) {
     .fxt-features-box-layout2 {
         padding: 95px 30px 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-features-box-layout2 {
         padding: 80px 30px 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-features-box-layout2 {
         padding: 65px 30px 35px;
     }
 }

 .fxt-features-box-layout2 .item-icon {
     margin-bottom: 18px;
 }

 .fxt-features-box-layout2 .item-icon i:before {
     font-size: 60px;
     color: #ffffff;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-features-box-layout2 .item-content .item-title {
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .fxt-features-box-layout2 .item-content p {
     color: #ffffff;
 }

 .fxt-features-box-layout2:hover {
     background-color: rgba(0, 0, 0, 0.6);
 }

 .fxt-features-box-layout2:hover .item-icon i:before {
     color: #ff5e14;
 }

 .map-layout1 {
     height: 600px;
 }

 @media only screen and (max-width: 767px) {
     .map-layout1 {
         height: 450px;
     }
 }

 @media only screen and (max-width: 575px) {
     .map-layout1 {
         height: 300px;
     }
 }

 .fxt-progress-box-layout1 {
     border-right: 1px solid #d9d9d9;
     margin-bottom: 17px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-progress-box-layout1 {
         margin-bottom: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-progress-box-layout1 {
         border-right: 0;
     }
 }

 .fxt-progress-box-layout1 .item-content {
     text-align: center;
 }

 .fxt-progress-box-layout1 .item-content .counting-text {
     margin-bottom: 10px;
     color: #000000;
     font-size: 34px;
     font-weight: 600;
 }

 @media only screen and (max-width: 991px) {
     .fxt-progress-box-layout1 .item-content .counting-text {
         font-size: 32px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-progress-box-layout1 .item-content .counting-text {
         font-size: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-progress-box-layout1 .item-content .counting-text {
         font-size: 28px;
     }
 }

 .fxt-progress-box-layout1 .item-content .counting-title {
     margin-bottom: 0;
     font-size: 22px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-progress-box-layout1 .item-content .counting-title {
         font-size: 20px;
     }
 }

 .row [class^="col-"]:last-child>.fxt-progress-box-layout1 {
     border-right: 0;
 }

 @media only screen and (max-width: 767px) {
     .row [class^="col-"]:last-child>.fxt-progress-box-layout1 {
         margin-bottom: 17px;
     }
 }

 .fxt-project-wrap-layout1 {
     padding-left: 15px;
     padding-right: 15px;
 }

 .fxt-project-box-layout1 {
     position: relative;
     margin-bottom: 30px;
 }

 .fxt-project-box-layout1 .item-img {
     position: relative;
 }

 .fxt-project-box-layout1 .item-img img {
     border-radius: 4px;
 }

 .fxt-project-box-layout1 .item-img:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.9);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     visibility: hidden;
     opacity: 0;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-project-box-layout1 .item-content {
     text-align: center;
     position: absolute;
     top: 60%;
     left: 0;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
 }

 .fxt-project-box-layout1 .item-content .item-icon {
     margin-bottom: 12px;
 }

 .fxt-project-box-layout1 .item-content .item-icon a {
     height: 40px;
     width: 40px;
     background-color: #ff5e14;
     border-radius: 50%;
     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;
     margin: 0 auto;
 }

 .fxt-project-box-layout1 .item-content .item-icon a i:before {
     font-size: 16px;
     color: #ffffff;
 }

 .fxt-project-box-layout1 .item-content .item-title {
     font-weight: 600;
     margin-bottom: 0;
 }

 .fxt-project-box-layout1 .item-content .item-title a {
     color: #ffffff;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
 }

 .fxt-project-box-layout1 .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-project-box-layout1 .item-content .item-catagory {
     color: #ff5e14;
     font-size: 18px;
 }

 .fxt-project-box-layout1:hover .item-img:after {
     visibility: visible;
     opacity: 1;
 }

 .fxt-project-box-layout1:hover .item-content {
     top: 50%;
     visibility: visible;
     opacity: 1;
     -webkit-transition-delay: 0.3s;
     -o-transition-delay: 0.3s;
     transition-delay: 0.3s;
 }

 .fxt-project-detail-layout1 .item-title {
     font-weight: 600;
     margin-bottom: 10px;
 }

 .fxt-project-detail-layout1 .item-gallery {
     margin: 40px 0 16px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-project-detail-layout1 .item-gallery {
         margin: 0;
     }
 }

 .fxt-project-detail-layout1 .item-gallery .item-img {
     margin-bottom: 30px;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .item-title {
     font-weight: 400;
     width: 70%;
     margin-bottom: 50px;
 }

 @media only screen and (max-width: 767px) {
     .fxt-project-detail-layout1 .why-choose-wrap .item-title {
         width: 100%;
         margin-bottom: 30px;
     }
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-icon {
     position: relative;
     margin-right: 25px;
     margin-top: 4px;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-icon:before {
     content: "";
     height: 80px;
     width: 80px;
     border: 2px dashed #ff5e14;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     z-index: 2;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-icon i {
     text-align: center;
     height: 80px;
     width: 80px;
     line-height: 80px;
     border: 2px solid #d0d0d0;
     border-radius: 50%;
     display: block;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-icon i:before {
     font-size: 34px;
     color: #000000;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list .item-content .item-title {
     margin-bottom: 4px;
     font-weight: 600;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list:hover .item-icon:before {
     visibility: visible;
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list:hover .item-icon i {
     border-color: #ffffff;
 }

 .fxt-project-detail-layout1 .why-choose-wrap .why-choose-list:hover .item-icon i:before {
     color: #ff5e14;
 }

 .fxt-service-box-layout1 {
     background-color: #ffffff;
     padding: 65px 25px 0px;
     -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
 }

 .fxt-service-box-layout1 ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -30px;
     margin-left: -30px;
 }

 .fxt-service-box-layout1 ul li {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
     position: relative;
     padding-right: 30px;
     padding-left: 30px;
     text-align: center;
     margin-bottom: 30px;
 }

 .fxt-service-box-layout1 ul li:after {
     content: "";
     height: 85%;
     width: 1px;
     background-color: #dfdfdf;
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .fxt-service-box-layout1 ul li:before {
     content: "";
     height: 1px;
     width: 85%;
     background-color: #dfdfdf;
     position: absolute;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     display: none;
 }

 @media only screen and (max-width: 1199px) {
     .fxt-service-box-layout1 ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         padding-bottom: 1%;
     }

     .fxt-service-box-layout1 ul li:after {
         top: 45%;
     }

     .fxt-service-box-layout1 ul li:before {
         display: block;
     }

     .fxt-service-box-layout1 ul li:nth-child(2n):after {
         display: none;
     }

     .fxt-service-box-layout1 ul li:last-child:before,
     .fxt-service-box-layout1 ul li:nth-last-child(2):before {
         display: none;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-service-box-layout1 ul li:after {
         height: 90%;
     }

     .fxt-service-box-layout1 ul li:last-child,
     .fxt-service-box-layout1 ul li:nth-last-child(2) {
         padding-bottom: 0;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-service-box-layout1 ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }

     .fxt-service-box-layout1 ul li:after {
         display: none;
     }

     .fxt-service-box-layout1 ul li:nth-last-child(2):before {
         display: block;
     }
 }

 .fxt-service-box-layout1 ul li:last-child:after {
     display: none;
 }

 .fxt-service-box-layout1 ul li .item-icon {
     margin-bottom: 20px;
 }

 .fxt-service-box-layout1 ul li .item-icon i:before {
     font-size: 56px;
     color: #888888;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout1 ul li .item-subtitle {
     color: #ff5e14;
     letter-spacing: 1px;
 }

 .fxt-service-box-layout1 ul li .item-title {
     font-weight: 700;
     margin-bottom: 10px;
 }

 .fxt-service-box-layout1 ul li .item-title a {
     color: #000000;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout1 ul li .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-service-box-layout1 ul li:hover .item-icon i:before {
     color: #ff5e14;
 }

 .fxt-service-box-layout2 {
     -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
     margin-bottom: 30px;
 }

 .fxt-service-box-layout2 .item-img img {
     border-radius: 4px 4px 0 0;
 }

 .fxt-service-box-layout2 .item-content {
     text-align: center;
     padding: 0 25px 40px;
     background-color: #ffffff;
     border-radius: 0 0 4px 4px;
 }

 .fxt-service-box-layout2 .item-content .item-icon {
     height: 80px;
     width: 80px;
     background-color: #ffffff;
     border-radius: 50%;
     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;
     -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
     margin: 0 auto;
     -webkit-transform: translateY(-40px);
     -ms-transform: translateY(-40px);
     transform: translateY(-40px);
     margin-bottom: -20px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout2 .item-content .item-icon i:before {
     font-size: 38px;
     color: #888888;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout2 .item-content .item-title {
     font-weight: 700;
     margin-bottom: 12px;
 }

 .fxt-service-box-layout2 .item-content .item-title a {
     color: #151515;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout2 .item-content .item-title a:hover {
     color: #ff5e14;
 }

 .fxt-service-box-layout2 .item-content p {
     margin-bottom: 0;
 }

 .fxt-service-box-layout2 .item-content .item-btn {
     background-color: #06112d;
     color: #ffffff;
     display: inline-block;
     padding: 14px 33px 11px;
     border-radius: 4px;
     -webkit-transform: translateY(25px);
     -ms-transform: translateY(25px);
     transform: translateY(25px);
     font-size: 18px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-service-box-layout2:hover .item-content .item-icon {
     background-color: #ff5e14;
 }

 .fxt-service-box-layout2:hover .item-content .item-icon i:before {
     color: #ffffff;
 }

 .fxt-service-box-layout2:hover .item-content .item-btn {
     background-color: #ff5e14;
     color: #ffffff;
 }

 .fxt-single-service-layout1 .item-img {
     margin-bottom: 35px;
 }

 .fxt-single-service-layout1 .item-content .item-title {
     font-weight: 600;
     margin-bottom: 10px;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us {
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
     padding: 32px 0 24px;
     margin: 32px 0 50px;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .item-title {
     margin-bottom: 16px;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box .item-icon {
     margin-top: 5px;
     margin-right: 18px;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box .item-icon i {
     border: 1px solid #888888;
     border-radius: 4px;
     padding: 10px 10px;
     display: block;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box .item-icon i:before {
     font-size: 28px;
     color: #888888;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box .item-content .item-title {
     font-size: 18px;
     margin-bottom: 0;
 }

 .fxt-single-service-layout1 .item-content .why-choose-us .icon-box:hover .item-icon i:before {
     color: #ff5e14;
 }

 .fxt-single-service-layout1 .item-content .gallery-img {
     margin-bottom: 24px;
 }

 .fxt-single-service-layout1 .item-content .item-more-info .item-title {
     margin-bottom: 5px;
 }

 .fxt-single-service-layout1 .item-content .item-more-info .features-list {
     margin-bottom: 25px;
 }

 .fxt-single-service-layout1 .item-content .item-more-info .features-list ul li {
     padding-left: 25px;
     position: relative;
     font-weight: 600;
 }

 .fxt-single-service-layout1 .item-content .item-more-info .features-list ul li:before {
     content: "\f00c";
     font-family: "Font Awesome 5 Free";
     font-size: 15px;
     font-weight: 600;
     color: #ff5e14;
     position: absolute;
     top: 0;
     left: 0;
 }

 .fxt-team-box-layout1 {
     margin-bottom: 64px;
     position: relative;
     z-index: 1;
 }

 .fxt-team-box-layout1 .item-img img {
     border-radius: 4px;
 }

 .fxt-team-box-layout1 .item-content {
     text-align: center;
     background-color: #ffffff;
     border-radius: 4px 0 0 4px;
     padding: 35px 20px 30px;
     width: 82%;
     position: absolute;
     bottom: -34px;
     left: calc(100% + 1px);
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.15);
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .fxt-team-box-layout1 .item-content .item-title {
     font-weight: 700;
     margin-bottom: 0;
 }

 .fxt-team-box-layout1 .item-content .item-title a {
     color: #151515;
 }

 .fxt-team-box-layout1 .item-content .item-subtitle {
     font-size: 18px;
     color: #ff5e14;
     font-weight: 600;
     margin-bottom: 5px;
 }

 .fxt-team-box-layout1 .item-content .item-social ul li {
     display: inline-block;
     margin-right: 10px;
 }

 .fxt-team-box-layout1 .item-content .item-social ul li:last-child {
     margin-right: 0;
 }

 .fxt-team-box-layout1 .item-content .item-social ul li a {
     color: #bebebe;
     padding: 5px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-team-box-layout1 .item-content .item-social ul li a:hover {
     color: #ff5e14;
 }

 .fxt-team-box-layout1:hover .item-content {
     border-radius: 4px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     left: 50%;
 }

 .fxt-team-box-layout2 {
     margin-bottom: 30px;
     -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
 }

 .fxt-team-box-layout2 .item-img img {
     border-radius: 4px 4px 0 0;
 }

 .fxt-team-box-layout2 .item-content {
     text-align: center;
     background-color: #ffffff;
     padding: 23px 20px 20px;
     border-radius: 0 0 4px 4px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-team-box-layout2 .item-content .item-title {
     font-weight: 600;
     margin-bottom: 0;
 }

 .fxt-team-box-layout2 .item-content .item-title a {
     color: #151515;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-team-box-layout2 .item-content .item-subtitle {
     font-size: 18px;
     color: #ff5e14;
     margin-bottom: 6px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-team-box-layout2 .item-content .item-social ul li {
     display: inline-block;
     margin-right: 10px;
 }

 .fxt-team-box-layout2 .item-content .item-social ul li:last-child {
     margin-right: 0;
 }

 .fxt-team-box-layout2 .item-content .item-social ul li a {
     color: #151515;
     padding: 5px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .fxt-team-box-layout2:hover .item-content {
     background-color: #ff5e14;
 }

 .fxt-team-box-layout2:hover .item-content .item-title a {
     color: #ffffff;
 }

 .fxt-team-box-layout2:hover .item-content .item-title a:hover {
     color: #f1f1f1;
 }

 .fxt-team-box-layout2:hover .item-content .item-subtitle {
     color: #ffffff;
 }

 .fxt-team-box-layout2:hover .item-content .item-social ul li a {
     color: #ffffff;
 }

 .fxt-team-box-layout2:hover .item-content .item-social ul li a:hover {
     color: #f1f1f1;
 }
/* ------------------------------
   ⭐ TESTIMONIAL CARD IMPROVED UI
--------------------------------*/
.fxt-testimonial-box-layout1 {
  background: #ffffff;
  padding: 26px 30px;
  margin-bottom: 30px;
  border-radius: 16px;
  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #f1f1f1;
}

.fxt-testimonial-box-layout1:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 45px rgba(0, 0, 0, 0.12);
}

/* Quote Icon */
.fxt-testimonial-box-layout1 .item-qoute {
  margin-bottom: 0px;
}

.fxt-testimonial-box-layout1 .item-qoute i:before {
  color: #b40303; 
  font-size: 50px;
  opacity: 0.2;
}

/* Testimonial text */
.fxt-testimonial-box-layout1 p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  margin-top: 10px;
}

/* Client section */
.fxt-testimonial-box-layout1 .item-client {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

/* Client image */
.fxt-testimonial-box-layout1 .item-client .item-img img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  object-fit: cover;
  border: 3px solid #b40303;
}

/* Client content */
.fxt-testimonial-box-layout1 .item-client .item-content {
  margin-left: 15px;
}

.fxt-testimonial-box-layout1 .item-client .item-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #222;
}

.fxt-testimonial-box-layout1 .item-client .item-subtitle {
  font-size: 14px;
  color: #666;
}

/* ------------------------------
   ⭐ SWIPER NAVIGATION (Custom)
--------------------------------*/
.swiper-button-prev, .swiper-button-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background: #b40303;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    color: #ffffff !important;
    transition: 0.3s 
ease;
    border: 1px solid;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #b40303;
  color: #fff !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 18px !important;
}

/* ------------------------------
   ⭐ RESPONSIVE
--------------------------------*/
@media (max-width: 768px) {
  .fxt-testimonial-box-layout1 {
    padding: 30px 20px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

 .fxt-why-choose-wrap-layout1 {
     padding: 105px 0 87px;
     position: relative;
     z-index: 1;
 }

 .fxt-why-choose-wrap-layout1:after {
     content: "";
     height: 100%;
     width: 55%;
     background-color: rgba(6, 17, 45, 0.9);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
 }

 @media only screen and (max-width: 991px) {
     .fxt-why-choose-wrap-layout1:after {
         width: 100%;
         opacity: 0.9;
         border-radius: 4px;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-why-choose-wrap-layout1 {
         padding: 90px 30px 72px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-why-choose-wrap-layout1 {
         padding: 75px 30px 57px;
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-why-choose-wrap-layout1 {
         padding: 60px 15px 42px;
     }
 }

 .fxt-why-choose-box-layout1 {
     margin-top: -7px;
 }

 .fxt-why-choose-box-layout1 ul {
     display: inline-block;
     margin-right: 60px;
 }

 .fxt-why-choose-box-layout1 ul:last-child {
     margin-right: 0;
 }

 .fxt-why-choose-box-layout1 ul li {
     display: block;
     color: #ffffff;
     padding-left: 25px;
     margin-bottom: 15px;
     position: relative;
 }

 .fxt-why-choose-box-layout1 ul li:after {
     content: "";
     height: 12px;
     width: 12px;
     border: 1px solid #ff4800;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .fxt-why-choose-wrap-layout2 {
     margin-top: 167px;
 }

 .fxt-why-choose-box-layout2 {
     background-color: #ffffff;
     -webkit-box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.1);
     padding: 40px 20px 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 30px;
 }

 .fxt-why-choose-box-layout2 .item-icon {
     margin-right: 20px;
     margin-top: 4px;
 }

 .fxt-why-choose-box-layout2 .item-icon i:before {
     font-size: 58px;
     color: #ff5e14;
 }

 .fxt-why-choose-box-layout2 .item-content {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }

 .fxt-why-choose-box-layout2 .item-content .item-title {
     font-weight: 600;
     margin-bottom: 4px;
 }

 .fxt-why-choose-wrap-layout4 {
     margin-top: 167px;
     position: relative;
     z-index: 0;
 }

 .fxt-why-choose-wrap-layout4:before {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.85);
     position: absolute;
     z-index: 0;
     top: 0;
     left: 0;
 }

 .fxt-why-choose-wrap-layout4 .compress-right-side {
     padding-right: calc(calc(100% - 1140px)/2);
 }

 @media only screen and (max-width: 1199px) {
     .fxt-why-choose-wrap-layout4 .compress-right-side {
         padding-left: 0;
         padding-right: calc(calc(100% - 930px)/2);
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-why-choose-wrap-layout4 .compress-right-side {
         padding-left: calc(calc(100% - 690px)/2);
         padding-right: calc(calc(100% - 690px)/2);
     }
 }

 @media only screen and (max-width: 767px) {
     .fxt-why-choose-wrap-layout4 .compress-right-side {
         padding-left: calc(calc(100% - 510px)/2);
         padding-right: calc(calc(100% - 510px)/2);
     }
 }

 @media only screen and (max-width: 575px) {
     .fxt-why-choose-wrap-layout4 .compress-right-side {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 @media only screen and (max-width: 991px) {
     .fxt-why-choose-wrap-layout4 {
         margin-top: 0;
     }
 }

 .fxt-why-choose-box-layout4 {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 0 30px;
 }

 @media only screen and (max-width: 991px) {
     .fxt-why-choose-box-layout4 {
         position: inherit;
     }
 }

 .fxt-why-choose-box-layout5 {
     padding: 95px 0 80px;
 }

 .fxt-why-choose-box-layout5 .service-list {
     margin-top: -6px;
 }

 .fxt-why-choose-box-layout5 .service-list ul li {
     font-size: 17px;
     color: #ffffff;
     margin-bottom: 15px;
     padding-left: 30px;
     position: relative;
 }

 .fxt-why-choose-box-layout5 .service-list ul li:before {
     content: "";
     height: 15px;
     width: 15px;
     border: 1px solid #ff5e14;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .fxt-why-choose-box-layout5 .service-list ul li:after {
     content: "";
     height: 9px;
     width: 9px;
     background-color: #ff5e14;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 3px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .bg-color-transparent {
     background-color: transparent;
 }

 .bg-color-primary {
     background-color: #ff5e14;
 }

 .bg-color-light-primary {
     background-color: #fc6363;
 }

 .bg-color-dark-primary {
     background-color: #e42525;
 }

 .bg-color-secondary {
     background-color: #151515;
 }

 .bg-color-light {
     background-color: #ffffff;
 }

 .bg-color-dark {
     background-color: #000000;
 }

 .bg-color-accent {
     background-color: #f5f5f5;
 }

 .bg-color-accent2 {
     background-color: #edf3f5;
 }

 .bg-color-accent3 {
     background-color: #f9fbfe;
 }

 .bg-color-accent4 {
     background-color: #f9f9f9;
 }

 .bg-gradient-primary {
     position: relative;
     z-index: 1;
 }

 .bg-gradient-primary:before {
     position: absolute;
     z-index: -1;
     content: "";
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: #e42525;
     background: -o-linear-gradient(30deg, #e42525 0%, #fc6363 100%);
     background: linear-gradient(60deg, #e42525 0%, #fc6363 100%);
 }

 .bg-position-center-top {
     background-position: center top;
 }

 .bg-position-center {
     background-position: center center;
 }

 .bg-position-center-bottom {
     background-position: center bottom;
 }

 .bg-position-left-top {
     background-position: left top;
 }

 .bg-position-left-center {
     background-position: left center;
 }

 .bg-position-left-bottom {
     background-position: left bottom;
 }

 .bg-position-right-top {
     background-position: right top;
 }

 .bg-position-right-center {
     background-position: right center;
 }

 .bg-position-right-bottom {
     background-position: right bottom;
 }

 .bg-size-cover {
     background-size: cover;
 }

 .bg-size-contain {
     background-size: contain;
 }

 .bg-attachment-fixed {
     background-attachment: fixed;
 }

 .bg-no-repeat {
     background-repeat: no-repeat;
 }

 .bg-repeat {
     background-repeat: repeat;
 }

 .bg-repeat-y {
     background-repeat: repeat-y;
 }

 .bg-repeat-x {
     background-repeat: repeat-x;
 }

 .mt--0 {
     margin-top: 0;
 }

 .mt--1 {
     margin-top: 1px;
 }

 .mt--2 {
     margin-top: 2px;
 }

 .mt--3 {
     margin-top: 3px;
 }

 .mt--4 {
     margin-top: 4px;
 }

 .mt--5 {
     margin-top: 5px;
 }

 .mt--6 {
     margin-top: 6px;
 }

 .mt--7 {
     margin-top: 7px;
 }

 .mt--8 {
     margin-top: 8px;
 }

 .mt--9 {
     margin-top: 9px;
 }

 .mt--10 {
     margin-top: 10px;
 }

 .mt--11 {
     margin-top: 11px;
 }

 .mt--12 {
     margin-top: 12px;
 }

 .mt--13 {
     margin-top: 13px;
 }

 .mt--14 {
     margin-top: 14px;
 }

 .mt--15 {
     margin-top: 15px;
 }

 .mt--16 {
     margin-top: 16px;
 }

 .mt--17 {
     margin-top: 17px;
 }

 .mt--18 {
     margin-top: 18px;
 }

 .mt--19 {
     margin-top: 19px;
 }

 .mt--20 {
     margin-top: 20px;
 }

 .mt--21 {
     margin-top: 21px;
 }

 .mt--22 {
     margin-top: 22px;
 }

 .mt--23 {
     margin-top: 23px;
 }

 .mt--24 {
     margin-top: 24px;
 }

 .mt--25 {
     margin-top: 25px;
 }

 .mt--26 {
     margin-top: 26px;
 }

 .mt--27 {
     margin-top: 27px;
 }

 .mt--28 {
     margin-top: 28px;
 }

 .mt--29 {
     margin-top: 29px;
 }

 .mt--30 {
     margin-top: 30px;
 }

 .mt--35 {
     margin-top: 35px;
 }

 .mt--40 {
     margin-top: 40px;
 }

 .mt--45 {
     margin-top: 45px;
 }

 .mt--50 {
     margin-top: 50px;
 }

 .mt--60 {
     margin-top: 60px;
 }

 .mt--70 {
     margin-top: 70px;
 }

 .mt--80 {
     margin-top: 80px;
 }

 .mt--90 {
     margin-top: 90px;
 }

 .mt--100 {
     margin-top: 100px;
 }

 .mb--0 {
     margin-bottom: 0 !important;
 }

 .mb--1 {
     margin-bottom: 1px;
 }

 .mb--2 {
     margin-bottom: 2px;
 }

 .mb--3 {
     margin-bottom: 3px;
 }

 .mb--4 {
     margin-bottom: 4px;
 }

 .mb--5 {
     margin-bottom: 5px;
 }

 .mb--6 {
     margin-bottom: 6px;
 }

 .mb--7 {
     margin-bottom: 7px;
 }

 .mb--8 {
     margin-bottom: 8px;
 }

 .mb--9 {
     margin-bottom: 9px;
 }

 .mb--10 {
     margin-bottom: 10px;
 }

 .mb--11 {
     margin-bottom: 11px;
 }

 .mb--12 {
     margin-bottom: 12px;
 }

 .mb--13 {
     margin-bottom: 13px;
 }

 .mb--14 {
     margin-bottom: 14px;
 }

 .mb--15 {
     margin-bottom: 15px;
 }

 .mb--16 {
     margin-bottom: 16px;
 }

 .mb--17 {
     margin-bottom: 17px;
 }

 .mb--18 {
     margin-bottom: 18px;
 }

 .mb--19 {
     margin-bottom: 19px;
 }

 .mb--20 {
     margin-bottom: 20px;
 }

 .mb--21 {
     margin-bottom: 21px;
 }

 .mb--22 {
     margin-bottom: 22px;
 }

 .mb--23 {
     margin-bottom: 23px;
 }

 .mb--24 {
     margin-bottom: 24px;
 }

 .mb--25 {
     margin-bottom: 25px;
 }

 .mb--26 {
     margin-bottom: 26px;
 }

 .mb--27 {
     margin-bottom: 27px;
 }

 .mb--28 {
     margin-bottom: 28px;
 }

 .mb--29 {
     margin-bottom: 29px;
 }

 .mb--30 {
     margin-bottom: 30px;
 }

 .mb--35 {
     margin-bottom: 35px;
 }

 .mb--40 {
     margin-bottom: 40px;
 }

 .mb--45 {
     margin-bottom: 45px;
 }

 .mb--50 {
     margin-bottom: 50px;
 }

 .mb--60 {
     margin-bottom: 60px;
 }

 .mb--70 {
     margin-bottom: 70px;
 }

 .mb--80 {
     margin-bottom: 80px;
 }

 .mb--90 {
     margin-bottom: 90px;
 }

 .mb--100 {
     margin-bottom: 100px;
 }

 .ml--0 {
     margin-left: 0;
 }

 .ml--1 {
     margin-left: 1px;
 }

 .ml--2 {
     margin-left: 2px;
 }

 .ml--3 {
     margin-left: 3px;
 }

 .ml--4 {
     margin-left: 4px;
 }

 .ml--5 {
     margin-left: 5px;
 }

 .ml--6 {
     margin-left: 6px;
 }

 .ml--7 {
     margin-left: 7px;
 }

 .ml--8 {
     margin-left: 8px;
 }

 .ml--9 {
     margin-left: 9px;
 }

 .ml--10 {
     margin-left: 10px;
 }

 .ml--11 {
     margin-left: 11px;
 }

 .ml--12 {
     margin-left: 12px;
 }

 .ml--13 {
     margin-left: 13px;
 }

 .ml--14 {
     margin-left: 14px;
 }

 .ml--15 {
     margin-left: 15px;
 }

 .ml--16 {
     margin-left: 16px;
 }

 .ml--17 {
     margin-left: 17px;
 }

 .ml--18 {
     margin-left: 18px;
 }

 .ml--19 {
     margin-left: 19px;
 }

 .ml--20 {
     margin-left: 20px;
 }

 .ml--21 {
     margin-left: 21px;
 }

 .ml--22 {
     margin-left: 22px;
 }

 .ml--23 {
     margin-left: 23px;
 }

 .ml--24 {
     margin-left: 24px;
 }

 .ml--25 {
     margin-left: 25px;
 }

 .ml--26 {
     margin-left: 26px;
 }

 .ml--27 {
     margin-left: 27px;
 }

 .ml--28 {
     margin-left: 28px;
 }

 .ml--29 {
     margin-left: 29px;
 }

 .ml--30 {
     margin-left: 30px;
 }

 .ml--35 {
     margin-left: 35px;
 }

 .ml--40 {
     margin-left: 40px;
 }

 .ml--45 {
     margin-left: 45px;
 }

 .ml--50 {
     margin-left: 50px;
 }

 .ml--60 {
     margin-left: 60px;
 }

 .ml--70 {
     margin-left: 70px;
 }

 .ml--80 {
     margin-left: 80px;
 }

 .ml--90 {
     margin-left: 90px;
 }

 .ml--100 {
     margin-left: 100px;
 }

 .mr--0 {
     margin-right: 0;
 }

 .mr--1 {
     margin-right: 1px;
 }

 .mr--2 {
     margin-right: 2px;
 }

 .mr--3 {
     margin-right: 3px;
 }

 .mr--4 {
     margin-right: 4px;
 }

 .mr--5 {
     margin-right: 5px;
 }

 .mr--6 {
     margin-right: 6px;
 }

 .mr--7 {
     margin-right: 7px;
 }

 .mr--8 {
     margin-right: 8px;
 }

 .mr--9 {
     margin-right: 9px;
 }

 .mr--10 {
     margin-right: 10px;
 }

 .mr--11 {
     margin-right: 11px;
 }

 .mr--12 {
     margin-right: 12px;
 }

 .mr--13 {
     margin-right: 13px;
 }

 .mr--14 {
     margin-right: 14px;
 }

 .mr--15 {
     margin-right: 15px;
 }

 .mr--16 {
     margin-right: 16px;
 }

 .mr--17 {
     margin-right: 17px;
 }

 .mr--18 {
     margin-right: 18px;
 }

 .mr--19 {
     margin-right: 19px;
 }

 .mr--20 {
     margin-right: 20px;
 }

 .mr--21 {
     margin-right: 21px;
 }

 .mr--22 {
     margin-right: 22px;
 }

 .mr--23 {
     margin-right: 23px;
 }

 .mr--24 {
     margin-right: 24px;
 }

 .mr--25 {
     margin-right: 25px;
 }

 .mr--26 {
     margin-right: 26px;
 }

 .mr--27 {
     margin-right: 27px;
 }

 .mr--28 {
     margin-right: 28px;
 }

 .mr--29 {
     margin-right: 29px;
 }

 .mr--30 {
     margin-right: 30px;
 }

 .mr--35 {
     margin-right: 35px;
 }

 .mr--40 {
     margin-right: 40px;
 }

 .mr--45 {
     margin-right: 45px;
 }

 .mr--50 {
     margin-right: 50px;
 }

 .mr--60 {
     margin-right: 60px;
 }

 .mr--70 {
     margin-right: 70px;
 }

 .mr--80 {
     margin-right: 80px;
 }

 .mr--90 {
     margin-right: 90px;
 }

 .mr--100 {
     margin-right: 100px;
 }

 .pt--0 {
     padding-top: 0;
 }

 .pt--1 {
     padding-top: 1px;
 }

 .pt--2 {
     padding-top: 2px;
 }

 .pt--3 {
     padding-top: 3px;
 }

 .pt--4 {
     padding-top: 4px;
 }

 .pt--5 {
     padding-top: 5px;
 }

 .pt--6 {
     padding-top: 6px;
 }

 .pt--7 {
     padding-top: 7px;
 }

 .pt--8 {
     padding-top: 8px;
 }

 .pt--9 {
     padding-top: 9px;
 }

 .pt--10 {
     padding-top: 10px;
 }

 .pt--11 {
     padding-top: 11px;
 }

 .pt--12 {
     padding-top: 12px;
 }

 .pt--13 {
     padding-top: 13px;
 }

 .pt--14 {
     padding-top: 14px;
 }

 .pt--15 {
     padding-top: 15px;
 }

 .pt--16 {
     padding-top: 16px;
 }

 .pt--17 {
     padding-top: 17px;
 }

 .pt--18 {
     padding-top: 18px;
 }

 .pt--19 {
     padding-top: 19px;
 }

 .pt--20 {
     padding-top: 20px;
 }

 .pt--21 {
     padding-top: 21px;
 }

 .pt--22 {
     padding-top: 22px;
 }

 .pt--23 {
     padding-top: 23px;
 }

 .pt--24 {
     padding-top: 24px;
 }

 .pt--25 {
     padding-top: 25px;
 }

 .pt--26 {
     padding-top: 26px;
 }

 .pt--27 {
     padding-top: 27px;
 }

 .pt--28 {
     padding-top: 28px;
 }

 .pt--29 {
     padding-top: 29px;
 }

 .pt--30 {
     padding-top: 30px;
 }

 .pt--35 {
     padding-top: 35px;
 }

 .pt--40 {
     padding-top: 40px;
 }

 .pt--45 {
     padding-top: 45px;
 }

 .pt--50 {
     padding-top: 50px;
 }

 .pt--60 {
     padding-top: 60px;
 }

 .pt--70 {
     padding-top: 70px;
 }

 .pt--80 {
     padding-top: 80px;
 }

 .pt--90 {
     padding-top: 90px;
 }

 .pt--100 {
     padding-top: 100px;
 }

 .pb--0 {
     padding-bottom: 0;
 }

 .pb--1 {
     padding-bottom: 1px;
 }

 .pb--2 {
     padding-bottom: 2px;
 }

 .pb--3 {
     padding-bottom: 3px;
 }

 .pb--4 {
     padding-bottom: 4px;
 }

 .pb--5 {
     padding-bottom: 5px;
 }

 .pb--6 {
     padding-bottom: 6px;
 }

 .pb--7 {
     padding-bottom: 7px;
 }

 .pb--8 {
     padding-bottom: 8px;
 }

 .pb--9 {
     padding-bottom: 9px;
 }

 .pb--10 {
     padding-bottom: 10px;
 }

 .pb--11 {
     padding-bottom: 11px;
 }

 .pb--12 {
     padding-bottom: 12px;
 }

 .pb--13 {
     padding-bottom: 13px;
 }

 .pb--14 {
     padding-bottom: 14px;
 }

 .pb--15 {
     padding-bottom: 15px;
 }

 .pb--16 {
     padding-bottom: 16px;
 }

 .pb--17 {
     padding-bottom: 17px;
 }

 .pb--18 {
     padding-bottom: 18px;
 }

 .pb--19 {
     padding-bottom: 19px;
 }

 .pb--20 {
     padding-bottom: 20px;
 }

 .pb--21 {
     padding-bottom: 21px;
 }

 .pb--22 {
     padding-bottom: 22px;
 }

 .pb--23 {
     padding-bottom: 23px;
 }

 .pb--24 {
     padding-bottom: 24px;
 }

 .pb--25 {
     padding-bottom: 25px;
 }

 .pb--26 {
     padding-bottom: 26px;
 }

 .pb--27 {
     padding-bottom: 27px;
 }

 .pb--28 {
     padding-bottom: 28px;
 }

 .pb--29 {
     padding-bottom: 29px;
 }

 .pb--30 {
     padding-bottom: 30px;
 }

 .pb--35 {
     padding-bottom: 35px;
 }

 .pb--40 {
     padding-bottom: 40px;
 }

 .pb--45 {
     padding-bottom: 45px;
 }

 .pb--50 {
     padding-bottom: 50px;
 }

 .pb--60 {
     padding-bottom: 60px;
 }

 .pb--70 {
     padding-bottom: 70px;
 }

 .pb--80 {
     padding-bottom: 80px;
 }

 .pb--90 {
     padding-bottom: 90px;
 }

 .pb--100 {
     padding-bottom: 100px;
 }

 .pl--0 {
     padding-left: 0;
 }

 .pl--1 {
     padding-left: 1px;
 }

 .pl--2 {
     padding-left: 2px;
 }

 .pl--3 {
     padding-left: 3px;
 }

 .pl--4 {
     padding-left: 4px;
 }

 .pl--5 {
     padding-left: 5px;
 }

 .pl--6 {
     padding-left: 6px;
 }

 .pl--7 {
     padding-left: 7px;
 }

 .pl--8 {
     padding-left: 8px;
 }

 .pl--9 {
     padding-left: 9px;
 }

 .pl--10 {
     padding-left: 10px;
 }

 .pl--11 {
     padding-left: 11px;
 }

 .pl--12 {
     padding-left: 12px;
 }

 .pl--13 {
     padding-left: 13px;
 }

 .pl--14 {
     padding-left: 14px;
 }

 .pl--15 {
     padding-left: 15px;
 }

 .pl--16 {
     padding-left: 16px;
 }

 .pl--17 {
     padding-left: 17px;
 }

 .pl--18 {
     padding-left: 18px;
 }

 .pl--19 {
     padding-left: 19px;
 }

 .pl--20 {
     padding-left: 20px;
 }

 .pl--21 {
     padding-left: 21px;
 }

 .pl--22 {
     padding-left: 22px;
 }

 .pl--23 {
     padding-left: 23px;
 }

 .pl--24 {
     padding-left: 24px;
 }

 .pl--25 {
     padding-left: 25px;
 }

 .pl--26 {
     padding-left: 26px;
 }

 .pl--27 {
     padding-left: 27px;
 }

 .pl--28 {
     padding-left: 28px;
 }

 .pl--29 {
     padding-left: 29px;
 }

 .pl--30 {
     padding-left: 30px;
 }

 .pl--35 {
     padding-left: 35px;
 }

 .pl--40 {
     padding-left: 40px;
 }

 .pl--45 {
     padding-left: 45px;
 }

 .pl--50 {
     padding-left: 50px;
 }

 .pl--60 {
     padding-left: 60px;
 }

 .pl--70 {
     padding-left: 70px;
 }

 .pl--80 {
     padding-left: 80px;
 }

 .pl--90 {
     padding-left: 90px;
 }

 .pl--100 {
     padding-left: 100px;
 }

 .pr--0 {
     padding-right: 0;
 }

 .pr--1 {
     padding-right: 1px;
 }

 .pr--2 {
     padding-right: 2px;
 }

 .pr--3 {
     padding-right: 3px;
 }

 .pr--4 {
     padding-right: 4px;
 }

 .pr--5 {
     padding-right: 5px;
 }

 .pr--6 {
     padding-right: 6px;
 }

 .pr--7 {
     padding-right: 7px;
 }

 .pr--8 {
     padding-right: 8px;
 }

 .pr--9 {
     padding-right: 9px;
 }

 .pr--10 {
     padding-right: 10px;
 }

 .pr--11 {
     padding-right: 11px;
 }

 .pr--12 {
     padding-right: 12px;
 }

 .pr--13 {
     padding-right: 13px;
 }

 .pr--14 {
     padding-right: 14px;
 }

 .pr--15 {
     padding-right: 15px;
 }

 .pr--16 {
     padding-right: 16px;
 }

 .pr--17 {
     padding-right: 17px;
 }

 .pr--18 {
     padding-right: 18px;
 }

 .pr--19 {
     padding-right: 19px;
 }

 .pr--20 {
     padding-right: 20px;
 }

 .pr--21 {
     padding-right: 21px;
 }

 .pr--22 {
     padding-right: 22px;
 }

 .pr--23 {
     padding-right: 23px;
 }

 .pr--24 {
     padding-right: 24px;
 }

 .pr--25 {
     padding-right: 25px;
 }

 .pr--26 {
     padding-right: 26px;
 }

 .pr--27 {
     padding-right: 27px;
 }

 .pr--28 {
     padding-right: 28px;
 }

 .pr--29 {
     padding-right: 29px;
 }

 .pr--30 {
     padding-right: 30px;
 }

 .pr--35 {
     padding-right: 35px;
 }

 .pr--40 {
     padding-right: 40px;
 }

 .pr--45 {
     padding-right: 45px;
 }

 .pr--50 {
     padding-right: 50px;
 }

 .pr--60 {
     padding-right: 60px;
 }

 .pr--70 {
     padding-right: 70px;
 }

 .pr--80 {
     padding-right: 80px;
 }

 .pr--90 {
     padding-right: 90px;
 }

 .pr--100 {
     padding-right: 100px;
 }

 .overlay-dark {
     position: relative;
     z-index: 2;
 }

 .overlay-dark:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.85);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .overlay-dark-2 {
     position: relative;
     z-index: 2;
 }

 .overlay-dark-2:after {
     content: "";
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .possition-relative {
     position: relative !important;
 }

 .possition-absolute {
     position: absolute !important;
 }

 .possition-static {
     position: static !important;
 }

 .section-padding-sm {
     padding-top: 75px;
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-sm {
         padding-top: 60px;
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-sm {
         padding-top: 45px;
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-sm {
         padding-top: 30px;
         padding-bottom: 5px;
     }
 }

 .section-padding-md {
     /* padding-top: 105px;
     padding-bottom: 80px; */
         padding-top: 85px;
    padding-bottom: 60px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-md {
         padding-top: 90px;
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-md {
         padding-top: 75px;
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-md {
         padding-top: 60px;
         padding-bottom: 35px;
     }
 }

 .section-padding-lg {
     padding-top: 135px;
     padding-bottom: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-lg {
         padding-top: 120px;
         padding-bottom: 95px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-lg {
         padding-top: 105px;
         padding-bottom: 80px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-lg {
         padding-top: 90px;
         padding-bottom: 65px;
     }
 }

 .section-padding-xl {
     padding-top: 165px;
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-xl {
         padding-top: 150px;
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-xl {
         padding-top: 135px;
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-xl {
         padding-top: 120px;
         padding-bottom: 95px;
     }
 }

 .section-padding-sm-equal {
     padding-top: 80px;
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-sm-equal {
         padding-top: 65px;
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-sm-equal {
         padding-top: 50px;
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-sm-equal {
         padding-top: 35px;
         padding-bottom: 5px;
     }
 }

 .section-padding-md-equal {
     padding-top: 110px;
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-md-equal {
         padding-top: 95px;
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-md-equal {
         padding-top: 80px;
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-md-equal {
         padding-top: 65px;
         padding-bottom: 35px;
     }
 }

 .section-padding-xl-equal {
     padding-top: 170px;
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-xl-equal {
         padding-top: 155px;
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-xl-equal {
         padding-top: 140px;
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-xl-equal {
         padding-top: 125px;
         padding-bottom: 95px;
     }
 }

 .section-padding-top-xs {
     padding-top: 55px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-xs {
         padding-top: 40px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-xs {
         padding-top: 25px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-xs {
         padding-top: 10px;
     }
 }

 .section-padding-top-sm {
     padding-top: 75px;
 }

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

 @media only screen and (max-width: 767px) {
     .section-padding-top-sm {
         padding-top: 45px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-sm {
         padding-top: 30px;
     }
 }

 .section-padding-top-md {
     padding-top: 105px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-md {
         padding-top: 90px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-md {
         padding-top: 75px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-md {
         padding-top: 60px;
     }
 }

 .section-padding-top-lg {
     padding-top: 135px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-lg {
         padding-top: 120px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-lg {
         padding-top: 105px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-lg {
         padding-top: 90px;
     }
 }

 .section-padding-top-xl {
     padding-top: 165px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-xl {
         padding-top: 150px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-xl {
         padding-top: 135px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-xl {
         padding-top: 120px;
     }
 }

 .section-padding-top-xs-equal {
     padding-top: 60px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-xs-equal {
         padding-top: 45px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-xs-equal {
         padding-top: 30px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-xs-equal {
         padding-top: 15px;
     }
 }

 .section-padding-top-sm-equal {
     padding-top: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-sm-equal {
         padding-top: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-sm-equal {
         padding-top: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-sm-equal {
         padding-top: 35px;
     }
 }

 .section-padding-top-md-equal {
     padding-top: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-md-equal {
         padding-top: 95px;
     }
 }

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

 @media only screen and (max-width: 575px) {
     .section-padding-top-md-equal {
         padding-top: 65px;
     }
 }

 .section-padding-top-lg-equal {
     padding-top: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-lg-equal {
         padding-top: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-lg-equal {
         padding-top: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-lg-equal {
         padding-top: 95px;
     }
 }

 .section-padding-top-xl-equal {
     padding-top: 170px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-top-xl-equal {
         padding-top: 155px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-top-xl-equal {
         padding-top: 140px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-top-xl-equal {
         padding-top: 125px;
     }
 }

 .section-padding-bottom-sm {
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-sm {
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-sm {
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-sm {
         padding-bottom: 5px;
     }
 }

 .section-padding-bottom-md {
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-md {
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-md {
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-md {
         padding-bottom: 35px;
     }
 }

 .section-padding-bottom-lg {
     padding-bottom: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-lg {
         padding-bottom: 95px;
     }
 }

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

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-lg {
         padding-bottom: 65px;
     }
 }

 .section-padding-bottom-xl {
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-xl {
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-xl {
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-xl {
         padding-bottom: 95px;
     }
 }

 .section-padding-bottom-sm-equal {
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-sm-equal {
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-sm-equal {
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-sm-equal {
         padding-bottom: 5px;
     }
 }

 .section-padding-bottom-md-equal {
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-md-equal {
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-md-equal {
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-md-equal {
         padding-bottom: 35px;
     }
 }

 .section-padding-bottom-xl-equal {
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section-padding-bottom-xl-equal {
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-padding-bottom-xl-equal {
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section-padding-bottom-xl-equal {
         padding-bottom: 95px;
     }
 }

 .section2-padding-sm {
     padding-top: 70px;
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-sm {
         padding-top: 55px;
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-sm {
         padding-top: 40px;
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-sm {
         padding-top: 25px;
         padding-bottom: 5px;
     }
 }

 .section2-padding-md {
     padding-top: 100px;
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-md {
         padding-top: 85px;
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-md {
         padding-top: 70px;
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-md {
         padding-top: 55px;
         padding-bottom: 35px;
     }
 }

 .section2-padding-lg {
     padding-top: 130px;
     padding-bottom: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-lg {
         padding-top: 115px;
         padding-bottom: 95px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-lg {
         padding-top: 100px;
         padding-bottom: 80px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-lg {
         padding-top: 85px;
         padding-bottom: 65px;
     }
 }

 .section2-padding-xl {
     padding-top: 160px;
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-xl {
         padding-top: 145px;
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-xl {
         padding-top: 130px;
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-xl {
         padding-top: 115px;
         padding-bottom: 95px;
     }
 }

 .section2-padding-sm-equal {
     padding-top: 80px;
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-sm-equal {
         padding-top: 65px;
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-sm-equal {
         padding-top: 50px;
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-sm-equal {
         padding-top: 35px;
         padding-bottom: 5px;
     }
 }

 .section2-padding-md-equal {
     padding-top: 110px;
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-md-equal {
         padding-top: 95px;
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-md-equal {
         padding-top: 80px;
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-md-equal {
         padding-top: 65px;
         padding-bottom: 35px;
     }
 }

 .section2-padding-xl-equal {
     padding-top: 170px;
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-xl-equal {
         padding-top: 155px;
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-xl-equal {
         padding-top: 140px;
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-xl-equal {
         padding-top: 125px;
         padding-bottom: 95px;
     }
 }

 .section2-padding-top-sm {
     padding-top: 70px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-sm {
         padding-top: 55px;
     }
 }

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

 @media only screen and (max-width: 575px) {
     .section2-padding-top-sm {
         padding-top: 25px;
     }
 }

 .section2-padding-top-md {
     padding-top: 100px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-md {
         padding-top: 85px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-md {
         padding-top: 70px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-md {
         padding-top: 55px;
     }
 }

 .section2-padding-top-lg {
     padding-top: 130px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-lg {
         padding-top: 115px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-lg {
         padding-top: 100px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-lg {
         padding-top: 85px;
     }
 }

 .section2-padding-top-xl {
     padding-top: 160px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-xl {
         padding-top: 145px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-xl {
         padding-top: 130px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-xl {
         padding-top: 115px;
     }
 }

 .section2-padding-top-xs-equal {
     padding-top: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-xs-equal {
         padding-top: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-xs-equal {
         padding-top: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-xs-equal {
         padding-top: 5px;
     }
 }

 .section2-padding-top-sm-equal {
     padding-top: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-sm-equal {
         padding-top: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-sm-equal {
         padding-top: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-sm-equal {
         padding-top: 35px;
     }
 }

 .section2-padding-top-md-equal {
     padding-top: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-md-equal {
         padding-top: 95px;
     }
 }

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

 @media only screen and (max-width: 575px) {
     .section2-padding-top-md-equal {
         padding-top: 65px;
     }
 }

 .section2-padding-top-lg-equal {
     padding-top: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-lg-equal {
         padding-top: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-lg-equal {
         padding-top: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-lg-equal {
         padding-top: 95px;
     }
 }

 .section2-padding-top-xl-equal {
     padding-top: 170px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-top-xl-equal {
         padding-top: 155px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-top-xl-equal {
         padding-top: 140px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-top-xl-equal {
         padding-top: 125px;
     }
 }

 .section2-padding-bottom-sm {
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-sm {
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-sm {
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-sm {
         padding-bottom: 5px;
     }
 }

 .section2-padding-bottom-md {
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-md {
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-md {
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-md {
         padding-bottom: 35px;
     }
 }

 .section2-padding-bottom-lg {
     padding-bottom: 110px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-lg {
         padding-bottom: 95px;
     }
 }

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

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-lg {
         padding-bottom: 65px;
     }
 }

 .section2-padding-bottom-xl {
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-xl {
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-xl {
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-xl {
         padding-bottom: 95px;
     }
 }

 .section2-padding-bottom-sm-equal {
     padding-bottom: 50px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-sm-equal {
         padding-bottom: 35px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-sm-equal {
         padding-bottom: 20px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-sm-equal {
         padding-bottom: 5px;
     }
 }

 .section2-padding-bottom-md-equal {
     padding-bottom: 80px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-md-equal {
         padding-bottom: 65px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-md-equal {
         padding-bottom: 50px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-md-equal {
         padding-bottom: 35px;
     }
 }

 .section2-padding-bottom-xl-equal {
     padding-bottom: 140px;
 }

 @media only screen and (max-width: 991px) {
     .section2-padding-bottom-xl-equal {
         padding-bottom: 125px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section2-padding-bottom-xl-equal {
         padding-bottom: 110px;
     }
 }

 @media only screen and (max-width: 575px) {
     .section2-padding-bottom-xl-equal {
         padding-bottom: 95px;
     }
 }

 .color-primary {
     color: #ff5e14;
 }

 .color-secondary {
     color: #151515;
 }

 .color-light {
     color: #ffffff;
 }

 .color-dark {
     color: #000000;
 }

 .color-accent {
     color: #f5f5f5;
 }

 .text-row-1 {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }

 .text-row-2 {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .text-row-3 {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .text-row-4 {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
 }

 .text-row-5 {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }
 /* ================================
   Breadcrumb Component Styles
   Prefix: breadcrum-
   ================================ */

/* Minimal clean container */
.breadcrumb-section {
  padding: 20px 0;
  background: transparent;
  color: #222;
}

/* Layout */
.breadcrumb-container {
 max-width: 1290px;
 margin: 0 auto;
 padding: 0 0px;
}

/* Page Title */
.breadcrumb-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 6px;
  color: #222;
}

/* Navigation */
.breadcrumb-nav {
  font-size: 14px;
  margin-top: 2px;
}

/* Breadcrumb list */
.breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Link */
.breadcrumb-link {
  color: #666;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.breadcrumb-link:hover {
  color: #b40303;
}

/* Chevron */
.breadcrumb-icon {
  color: #999;
}

/* Current page */
.breadcrumb-current {
  font-weight: 600;
  color: #222;
}

/* Responsive */
@media (max-width: 600px) {
  .breadcrumb-title {
    font-size: 1.5rem;
  }

  .breadcrumb-section {
    padding: 15px 0;
  }
}


@media only screen and (max-width: 1200px) {
    .header-main {
        padding: 0px 2px;
    }
    .template-main-menu .nav-list li a{
        font-size: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .header-main {
        padding: 0px 2px;
    }
    .template-main-menu .nav-list li a{
        font-size: 16px;
    }
}
/* Overlay */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Container */
.popup-container {
  position: relative;
  background: #fff;
  border: 2px solid #d10000;
  border-radius: 10px;
  max-width: 750px;
  width: 90%;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
  max-height: 90vh;
  overflow-y: auto;
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #444;
  transition: 0.3s ease;
}
.close-btn:hover {
  color: #000;
}

/* Title */
.popup-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
}

/* Paragraphs */
.popup-text {
  color: #333;
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 15px;
}
.popup-bold {
  font-weight: 600;
  color: #111;
  font-size: 1.1rem;
  margin-top: 10px;
}

/* Image Row */
.popup-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .popup-images {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
}

/* Event Image */
.event-img {
  width: 250px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Leaders */
.leaders {
  display: flex;
  gap: 25px;
  justify-content: center;
}
.leader-card {
  text-align: center;
}
.leader-img {
  width: 110px;
    height: auto;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 8px;
}
.leader-title {
  font-weight: 600;
  font-size: 0.95rem;
  color: #111;
}

/* Social Icons */
.social-icons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 20px;
  font-size: 1.3rem;
}

.social-icons a {
  color: #555;
  transition: 0.3s ease;
}

.social-icons a:hover {
  transform: scale(1.2);
}

.facebook:hover {
  color: #1877f2;
}
.twitter:hover {
  color: #1da1f2;
}
.youtube:hover {
  color: #ff0000;
}
.instagram:hover {
  color: #e4405f;
}
.banner-slider {
  width: 100%;
  overflow: hidden;
  background: #000; /* optional: makes empty space look clean */
}

.banner-img {
  width: 100%;
  height: auto;  
  object-fit: contain;   /* show full image */
}


@media (max-width: 768px) {
  .banner-img {
    min-height: 250px !important;     /* adjust mobile height */
    object-fit: cover; /* ensures clean crop */
  }
}

@media (max-width: 480px) {
  .banner-img {
    min-height: 200px; 
    width: 100%;    /* small mobile screens */
  }
}
/* dropdown  */
.mobile-submenu {
  display: none;
  padding-left: 15px;
}

.mobile-submenu.open {
  display: block;
}

.dropdown-title {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px 0;
  font-weight: 600;
}
.mobile-nav-list .mobile-dropdown{
 padding: 12px 10px;
}  
/* icon dropdowen */

.dropdown-icon {
  transition: transform 0.3s ease;
  font-size: 14px;
}

.dropdown-icon.rotate {
  transform: rotate(180deg);
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 57% !important;
}