/** @format */

@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Flama';
    src: url('../fonts/Flama-Semibold.woff2') format('woff2'),
        url('../fonts/Flama-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flama';
    src: url('../fonts/Flama-Medium.woff2') format('woff2'),
        url('../fonts/Flama-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flama';
    src: url('../fonts/Flama-Light.woff2') format('woff2'),
        url('../fonts/Flama-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Flama';
    src: url('../fonts/Flama-Bold.woff2') format('woff2'),
        url('../fonts/Flama-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Flama';
    src: url('../fonts/Flama.woff2') format('woff2'),
        url('../fonts/Flama.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*==============================================================
  Common Styles Initials
==============================================================*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type='submit'] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

*,
*:after,
*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Flama';
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    color: #666;
    background: #fff;
}
body.pause {
    overflow: hidden;
}
a {
    outline: none;
    text-decoration: none;
    color: #555;
}

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

input,
textarea,
select {
    outline: none;
    resize: none;
    font-family: 'Open Sans', sans-serif;
}

a,
input,
button {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

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

p {
    margin: 0 0 15px 0;
    padding: 0;
}

.slick-slide {
    outline: none !important;
}

.bg_img {
    display: none;
}

/*==============================================================
  Bootstrap Hack
==============================================================*/

.form-control::-webkit-input-placeholder {
    opacity: 1;
}
.form-control:-moz-placeholder {
    opacity: 1;
}
.form-control::-moz-placeholder {
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    opacity: 1;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a,
.nav > li.active > a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*==============================================================
  Custom Style
==============================================================*/
.container {
    max-width: 1220px;
    width: 100%;
    padding: 0 15px;
}

.cta {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    padding: 10px 26px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: capitalize;
}
.cta-blue {
    background-color: #1566e2;
    color: #fff;
}
.cta-blue:hover {
    background-color: #f07c00;
    color: #fff;
}
.cta-orange {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #ffffff;
    background-color: #f07c00;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 14px 5px 22px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: capitalize;
}
.cta-orange span {
    padding-left: 18px;
    position: relative;
    top: -1px;
}
.cta-orange span img {
    position: relative;
    top: 7px;
}
.cta-orange:hover {
    background: #0c1a80;
    color: #f07c00;
}
.cta-white {
    background-color: #ffffff;
    color: #1124b1;
}
/*==============================================================
  HeaderSec Style
==============================================================*/
.header-wrap {
    background-color: #fff;
    position: relative;
    height: 115px;
}
.header-wrap header {
    padding: 15px 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    height: 115px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    z-index: 123;
}
.header-wrap.sticky header {
    height: 85px;
    box-shadow: 0 3px 7px rgb(46 50 64 / 40%);
    -webkit-box-shadow: 0 3px 7px rgb(46 50 64 / 40%);
    -moz-box-shadow: 0 3px 7px rgba(46, 50, 64, 0.4);
}
.header-wrap .header-logo img {
    width: 264px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.header-wrap.sticky .header-logo img {
    width: 180px;
}
.header-wrap .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.header-wrap .header-logo a {
    display: flex;
}
.header-wrap .header-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-wrap .header-right .header-cta {
    padding-left: 150px;
}
.header-wrap .header-right .header-menu > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -16px;
}
.header-wrap .header-right .header-menu > ul > li {
    padding: 32px 16px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.header-wrap.sticky .header-right .header-menu > ul > li {
    padding: 17px 16px;
}
.header-wrap .header-right .header-menu > ul > li > a {
    display: inline-block;
    font-size: 21px;
    font-weight: 300;
    line-height: 35px;
    color: #787878;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.header-wrap .header-right .header-menu > ul > li > a:hover {
    color: #0c1a80;
}
.header-hamburger {
    display: none;
}
.header-hamburger .ham-line {
    width: 30px;
    height: 2px;
    background-color: #0c1a80;
    margin-bottom: 6px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-hamburger .ham-line:last-child {
    margin-bottom: 0;
}
.header-hamburger.active .ham-line:nth-child(1) {
    transform: rotate(45deg);
    top: 5px;
}
.header-hamburger.active .ham-line:nth-child(2) {
    display: none;
}
.header-hamburger.active .ham-line:nth-child(3) {
    transform: rotate(-45deg);
    top: -3px;
}
.header-menu .menu-arrow {
    padding-left: 8px;
    position: relative;
    top: -3px;
}
.header-menu .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 753px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: -4.24px 4.24px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -4.24px 4.24px 10px rgba(0, 0, 0, 0.16);
    box-shadow: -4.24px 4.24px 10px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mega-menu .mega-menu-content {
    display: flex;
    flex-wrap: wrap;
}
.mega-menu .mega-menu-content .left {
    width: 64%;
    padding: 25px;
}
/* .mega-menu .mega-menu-content .left .title {
  font-size: 18px;
  line-height: 1.2;
  color: #272727;
} */
.mega-menu .mega-menu-content .left .description {
    font-size: 17px;
    line-height: 1.17;
    font-weight: 300;
    color: #7b7b7b;
    padding-top: 5px;
    max-width: 400px;
    width: 100%;
}
/* .mega-menu .mega-menu-content .left .mega-menu-link {
  padding-top: 24px;
} */
.mega-menu-link ul li:not(:last-child) {
    padding-bottom: 20px;
}
.mega-menu-link ul li a {
    font-size: 18px;
    line-height: 1.2;
    color: #363636;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mega-menu-link ul li a:hover {
    color: #f8b03b;
    text-decoration: underline;
}
.mega-menu .mega-menu-content .right {
    width: 36%;
    position: relative;
}
.header-wrap .header-right .header-menu > ul > li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}
.header-wrap .header-right .header-menu .menu-arrow svg,
.header-wrap .header-right .header-menu .menu-arrow img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1 !important;
}
.header-wrap .header-right .header-menu .menu-arrow img {
    position: relative;
    margin-top: 15px;
    opacity: 1 !important;
}
.header-wrap .header-right .header-menu > ul > li:hover .menu-arrow svg,
.header-wrap .header-right .header-menu > ul > li:hover .menu-arrow img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*==============================================================
  bannerSec Style
==============================================================*/
.banner-gredient {
    background: url('../images/banner-gradient.png') no-repeat;
    background-position: top center;
    position: relative;
    overflow: hidden;
}
.banner-wrap {
    position: relative;
    height: 948px;
}
.banner-wrap .banner-left-img-wrap {
    position: absolute;
    left: 0;
    width: 31%;
    height: 100%;
    z-index: 1;
}
.banner-wrap .banner-right-img-wrap {
    position: absolute;
    right: 0;
    width: 37%;
    height: 100%;
    z-index: 1;
}
.banner-wrap .banner-right-img-wrap img {
    width: 100%;
}
.banner-wrap .container {
    background: url('../images/homebanner-background.png') no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.ray-banner-logo {
    position: absolute;
    right: 23%;
    top: 68px;
}
.banner-wrap .banner-info {
    padding-top: 390px;
    max-width: 515px;
    margin: 0 auto 0 300px;
}
.banner-wrap .banner-info h1 {
    font-size: 70px;
    font-weight: 600;
    line-height: 61px;
    color: #0a0a0a;
    position: relative;
}
.banner-wrap .banner-info h1 span {
    display: block;
}
.banner-wrap .banner-info h1 span::before {
    content: '';
    position: absolute;
    top: 35px;
    left: -25px;
    width: 433px;
    height: 4px;
    background: #f85e00;
}
.banner-wrap .banner-info p {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    color: #000000;
    max-width: 410px;
    padding-top: 30px;
}

/*==============================================================
  OfferSec Style
==============================================================*/
.ray-lyte-offer-wrap {
    padding: 50px 0 145px;
}
.sec-title h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 65px;
    color: #1124b1;
    text-align: center;
}
.ray-lyte-offer-wrap .row {
    padding-top: 60px;
    justify-content: center;
}
.ray-lyte-offer-wrap .offer-wrap {
    text-align: center;
    display: flex;
    height: 100%;
    flex-direction: column;
}
.ray-lyte-offer-wrap .offer-wrap .icon {
    width: 100%;
    height: 179px;
}
.ray-lyte-offer-wrap .offer-wrap .icon .svg {
    width: 100%;
    max-width: 179px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding: 10px;
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.ray-lyte-offer-wrap .offer-wrap:hover .icon .svg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    border-color: #f8b03b;
}
.ray-lyte-offer-wrap a {
    display: block;
    position: relative;
    height: 100%;
}
.ray-lyte-offer-wrap .offer-wrap .info {
    padding-bottom: 35px;
    margin-top: auto;
}
.ray-lyte-offer-wrap .offer-wrap .info h6 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #0f1331;
}
/*.ray-lyte-offer-wrap .offer-info {
  position: absolute;
  padding: 20px;
  width: 379px;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0 auto;
  background: #bababa;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-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;
}*/
.ray-lyte-offer-wrap .offer-info {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 50px;
}
.ray-lyte-offer-wrap .offer-info:before {
    content: '';
    width: 29px;
    height: 17px;
    background: url(../images/arrow-down.png);
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ray-lyte-offer-wrap .offer-wrap .offer-info p {
    font-size: 23px;
    line-height: 30px;
    font-weight: 300;
    color: #212335;
    margin-bottom: 0;
}
.ray-lyte-offer-wrap a:hover .offer-info {
    opacity: 1;
    visibility: visible;
}
/*==============================================================
  FeatureSec Style
==============================================================*/
.feature-wrap {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 497px;
}
.raylyte-products-wrap {
    position: relative;
    margin-top: -396px;
    z-index: 12;
}
.raylyte-products-wrap .raylyte-product-box {
    background: #d0e2f4;
    padding: 40px;
    border-radius: 10px;
}
.raylyte-products-wrap .raylyte-product-box .ray-product-box-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.raylyte-product-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -33px;
}
.raylyte-product-box ul li {
    width: 50%;
    padding: 0 33px;
    position: relative;
}
.raylyte-product-box ul li::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    width: 2px;
    height: 492px;
    background: url('../images/icons/blue-line.svg') no-repeat;
    display: none;
}
.raylyte-product-box ul li:first-child:after {
    display: block;
}
.raylyte-product-box .ray-product-box-info .title h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #0c1a81;
}
.raylyte-product-box .ray-product-box-info .img-box {
    background: url('../images/shadow.svg') no-repeat;
    background-position: center;
}
.raylyte-product-box .ray-product-box-info .btn-group {
    text-align: center;
    padding-top: 30px;
    margin-top: auto;
    justify-content: center;
}
.raylyte-product-box .ray-product-box-info .btn-group a:last-child {
    margin-left: 34px;
}
/* .raylyte-products-wrap .raylyte-product-desc {
  width: 50%;
}
.raylyte-products-wrap .raylyte-product-img {
  width: 50%;
}
.raylyte-products-wrap .raylyte-product-box h2 {
  font-size: 50px;
  line-height:60px;
  color: #0c1a81;
  font-family: 'Flama';
  font-weight: 700;
  padding-bottom: 20px;
}
.raylyte-products-wrap .raylyte-product-desc .raylyte-product-info {
  width: 100%;
  max-width: 516px;
  margin: 0 auto;
  text-align: center;

}
.raylyte-products-wrap .raylyte-product-desc .raylyte-product-info p {
  font-size: 23px;
  line-height: 33px;
  color: #585858;
  font-family: 'Flama';
  font-weight: 300;
}*/
.raylyte-products-wrap .title {
    padding-bottom: 30px;
}
.raylyte-products-wrap .title h2 {
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    font-family: 'Flama';
    font-weight: 600;
    text-align: center;
}
.feature-wrap .feature-section {
    position: relative;
    top: -60px;
}

.our-news-letter-section {
    background: #fff;
    padding: 100px 0;
}
.our-news-letter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.our-news-letter-img {
    width: 47%;
    padding-right: 15px;
}
.our-news-letter-form-wrap {
    width: 53%;
    padding-left: 15px;
}
.our-news-letter-form {
    width: 100%;
    max-width: 580px;
    margin-left: auto;
}
.our-news-letter-form h3 {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-family: 'Flama';
    font-weight: 400;
    padding-bottom: 30px;
}
.our-news-letter-form .form-group {
    margin-bottom: 20px;
}
.our-news-letter-form .form-group .form-control {
    width: 100%;
    height: 60px;
    border: 1px solid #a1afca;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    font-family: 'Flama';
    font-weight: 400;
}
.our-news-letter-form .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #eda73b;
}
.our-news-letter-form .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #eda73b;
}
.our-news-letter-form .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #eda73b;
}
.our-news-letter-form .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #eda73b;
}
.submit-btn-box {
    text-align: center;
    padding-top: 20px;
}
.submit-btn-box .submit-btn {
    display: inline-block;
    padding: 5px 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    color: #fff;
    background: #0c1a81;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    border: 1px solid #0c1a81;
}
.submit-btn-box .submit-btn:hover {
    color: #fff;
    background-color: #f07c00;
    border-color: #f07c00;
}
/*==============================================================
  FooterSec Style
==============================================================*/
.footer-wrap .container {
    max-width: 1190px;
}
.footer-wrap .footer-top {
    padding: 75px 0 120px;
    background-color: #f3f3f3;
}
.footer-link-list-wrap {
    display: flex;
    flex-wrap: wrap;
}
.footer-link-list-wrap .footer-link-list + .footer-link-list {
    padding-left: 60px;
}
.footer-link-list-wrap .footer-link-list .title {
    font-size: 18px;
    line-height: 1.2;
    color: #2b378d;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.footer-link-list-wrap .footer-link-list ul li:not(:last-child) {
    padding-bottom: 20px;
}
.footer-link-list-wrap .footer-link-list ul li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #787878;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer-link-list-wrap .footer-link-list ul li a:hover {
    color: #2b378d;
    text-decoration: underline;
}
.footer-wrap .footer-bottom {
    background-color: #c2c1c1;
    padding: 22px 0;
}
.footer-bottom .footer-copyright p {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.18;
    color: #383838;
    margin-bottom: 0;
    text-align: end;
}
.footer-top .footer-contact-info {
    text-align: center;
}
.footer-top .footer-contact-info .footer-logo {
    padding-bottom: 20px;
    max-width: 272px;
    margin: 0 auto;
}
.footer-top .footer-contact-info .footer-logo a {
    display: block;
}
.footer-contact-info .footer-social-media-wrap .description p {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #636363;
    margin-bottom: 12px;
}
.footer-social-media-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5px;
}
.footer-social-media-list li {
    padding: 0 5px;
    width: 25%;
}
.footer-social-media-list li a {
    display: block;
}
/* ProductPage Style */
/*==============================================================
  BannerSec Style
==============================================================*/
.product-banner-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    height: 740px;
    position: relative;
    overflow: hidden;
}
.product-banner-logo {
    position: absolute;
    left: 90px;
    bottom: 73px;
}
/*==============================================================
  Common-FeatureSec Style
==============================================================*/
.common-feature-wrap {
    padding: 100px 0;
}
.common-feature-wrap .container {
    max-width: 1130px;
}
.common-feature-wrap .common-feature-list {
    padding-top: 100px;
}
.common-feature-wrap .common-feature-list .common-feature {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.common-feature-list .common-feature .info {
    margin-top: auto;
    padding-top: 41px;
}
.common-feature-list .common-feature .info h4 {
    font-size: 35px;
    font-weight: 300;
    line-height: 42px;
    color: #0f1331;
}

.inner-banner-wrap {
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    background-position: bottom center;
    overflow: hidden;
    background-size: cover;
}
.inner-banner-left {
    width: 47%;
}
.inner-banner-right {
    width: 53%;
}
.inner-banner-left .desc-box {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: 2%;
    padding-top: 50px;
}
.inner-banner-left .desc-box h1 {
    font-family: 'Flama';
    font-size: 70px;
    line-height: 80px;
    font-weight: 700;
    color: #f07c00;
    text-align: center;
    padding-bottom: 35px;
}
.inner-banner-left .desc-box h3 {
    font-family: 'Flama';
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #324557;
    text-align: center;
    padding-bottom: 24px;
}
.inner-banner-left .desc-box p {
    font-family: 'Flama';
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    color: #424141;
    text-align: center;
}

.all-the-support-wrap {
    padding: 224px 0 86px;
}
.all-the-support {
    width: 95%;
    background: #f07c00;

    border-radius: 0% 200px 200px 0%;
}
.all-the-support-box {
    width: 100%;
    max-width: 1555px;
    margin-left: auto;
    position: relative;
    padding: 66px 15px;
    min-height: 400px;
}
.all-the-support-box .img-box {
    width: 36%;
    position: absolute;
    top: -18%;
    left: 0;
}
.all-the-support-box .desc-box-wrap {
    width: 64%;
    margin-left: auto;
    padding-left: 30px;
}
.all-the-support-box .desc-box-wrap .desc-box {
    width: 100%;
    max-width: 687px;
}
.all-the-support-box .desc-box-wrap .desc-box h2 {
    font-family: 'Flama';
    font-size: 57px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
}
.all-the-support-box .desc-box-wrap .desc-box p {
    font-family: 'Flama';
    font-size: 29px;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.info-section-wrap {
    padding: 100px 0 100px;
}
.info-section ul li {
    margin-bottom: 100px;
}
.info-section ul li:last-child {
    margin-bottom: 0;
}
.info-section ul li .info-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
}
.info-section ul li:nth-child(odd) .info-box {
    flex-direction: row-reverse;
}
.info-section ul li .info-box .info-img-box {
    width: 50%;
    text-align: center;
    padding: 0 15px;
}
.info-section ul li .info-box .info-desc-box {
    width: 50%;
    padding: 0 15px;
}
.info-section ul li .info-box .info-desc-box h4 {
    font-family: 'Flama';
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #1124b1;
    padding-bottom: 20px;
}
.info-section ul li .info-box .info-desc-box p {
    font-family: 'Flama';
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    color: #424141;
}
.blue-bg {
    background: #0c1a81;
}
.blue-bg .info-section ul li .info-box .info-desc-box h4 {
    color: #f3af3b;
}
.blue-bg .info-section ul li .info-box .info-desc-box p {
    color: #fff;
}
.challenges-section-wrap {
    padding: 95px 0 95px;
    min-height: 1390px;
    background-size: cover;
    background-position: bottom center;
    position: relative;
}
.challenges-section-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    /*background: -moz-linear-gradient( 91deg, rgba(251,198,59, 0.2) 0%, rgba(251,194,70, 1) 100%);
  background: -webkit-linear-gradient( 91deg, rgba(251,198,59, 0.2) 0%, rgba(251,194,70, 1) 100%);
  background: -ms-linear-gradient( 91deg, rgba(251,198,59, 0.2) 0%, rgba(251,194,70, 1) 100%);*/
    background: #fbc246;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.challenges-section {
    position: relative;
    z-index: 1;
}
.challenges-section > h2 {
    font-family: 'Flama';
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #000;
    padding-bottom: 30px;
}
.challenges-section .accordion-item {
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: -4.243px 4.243px 7.7px 2.3px rgba(0, 0, 0, 0.16);
}
.challenges-section .accordion-header .accordion-button {
    font-family: 'Flama';
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    color: #ffb300;
    background: transparent;
    box-shadow: none;
    border: 0;
    outline: none;
    padding: 15px 25px 15px 25px;
}
.challenges-section .accordion-header .accordion-button:not(.collapsed) {
    color: #000;
}
.challenges-section .accordion-body {
    padding-top: 0;
    padding: 0 30px 30px 30px;
}
.challenges-section .accordion-body p {
    font-family: 'Flama';
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #484646;
}
.benefits {
    padding: 25px;
    background: #371f16;
    border-radius: 5px;
    font-family: 'Flama';
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
}
.benefits strong {
    color: #fbc246;
}
.accordion-button::after {
    width: 32px;
    height: 16px;
    background: url(../images/accordion-arrow-img.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.accordion-button:not(.collapsed)::after {
    background: url(../images/accordion-arrow-img.png);
}
.challenges-benefits .info p {
    font-family: 'Flama';
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
    color: #2e2e2e;
    text-align: center;
}
.challenges-benefits-listing-title {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-top: 80px;
    padding-bottom: 60px;
}
.challenges-benefits-listing-title .title-left {
    width: 64%;
    padding: 0 15px;
}
.challenges-benefits-listing-title .title-right {
    width: 36%;
    padding: 0 15px;
}
.challenges-benefits-listing-title h6 {
    font-family: 'Flama';
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #2e2e2e;
    text-align: center;
}
.challenges-benefits-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 30px;
}
.challenges-benefits-box .challenges-info {
    width: 64%;
    padding: 0 15px;
    position: relative;
}
.challenges-benefits-box .benefits-info {
    width: 36%;
    padding: 0 15px;
}
.challenges-benefits-box .challenges-info .icon-box {
    width: 224px;
    height: 224px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20.79px 6.21px rgba(0, 0, 0, 0.32);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 15px;
}
.challenges-benefits-box .challenges-info .desc-box {
    height: 100%;
    background-color: rgba(55, 31, 22, 0.5);
    padding: 50px 30px 80px 263px;
    border-radius: 280px 18px 18px 0px;
}
.challenges-benefits-box .challenges-info .desc-box p {
    font-family: 'Flama';
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}
.benefits-info .desc-box {
    height: 100%;
    padding: 40px 36px;
    background: #fff;
    border-radius: 18px;
}
.benefits-info .desc-box p {
    font-family: 'Flama';
    font-size: 24px;
    line-height: 33px;
    font-weight: 300;
    color: #131313;
    margin-bottom: 0;
}
.challenges-section-wrap.challenges-benefits-section {
    min-height: 1715px;
}
.challenges-benefits-listing
    .challenges-benefits-box:nth-child(1)
    .challenges-info
    .desc-box {
    background-color: rgba(55, 31, 22, 1);
}
.challenges-benefits-listing
    .challenges-benefits-box:nth-child(2)
    .challenges-info
    .desc-box {
    background-color: rgba(55, 31, 22, 0.7);
}
.challenges-benefits-listing
    .challenges-benefits-box:nth-child(2)
    .benefits-info
    .desc-box {
    background-color: rgba(255, 255, 255, 0.7);
}
.challenges-benefits-listing
    .challenges-benefits-box:nth-child(3)
    .benefits-info
    .desc-box {
    background-color: rgba(255, 255, 255, 0.5);
}
.challenges-section-wrap.work-from-home {
    background: #f3f6f9;
}
.challenges-section-wrap.work-from-home {
    min-height: 1153px;
    padding-bottom: 50px;
}
.challenges-section-wrap.work-from-home .challenges-section {
    width: 100%;
    max-width: 755px;
    margin-left: auto;
}
.challenges-section-wrap.work-from-home .bg-img-box {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Home page ContactSection */

.our-contact-us-section {
    background: #fff;
    padding: 100px 0;
}
.our-contact-us {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
}
.our-contact-us-img {
    width: 47%;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.our-contact-us-img img {
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.our-contact-us-form-wrap {
    width: 53%;
    padding-right: 15px;
}
.our-contact-us-form {
    width: 100%;
    max-width: 580px;
    margin-right: auto;
}
.our-contact-us-form h3 {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-family: 'Flama';
    font-weight: 400;
    padding-bottom: 30px;
}
.our-contact-us-form .form-group {
    margin-bottom: 20px;
}
.our-contact-us-form .form-group .form-control {
    width: 100%;
    height: 60px;
    border: 1px solid #a1afca;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    font-family: 'Flama';
    font-weight: 400;
}
.our-contact-us-form .form-group textarea {
    min-height: 158px;
}
.our-contact-us-form .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #eda73b;
}
.our-contact-us-form .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #eda73b;
}
.our-contact-us-form .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #eda73b;
}
.our-contact-us-form .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #eda73b;
}
.our-contact-us-form .submit-btn-box {
    text-align: left;
}

/* Product Cygnus Page Style */
.product-banner-wrap .img-wrap,
.product-banner-wrap .img-wrap img {
    height: 100%;
    object-fit: cover;
}
.product-banner-wrap .img-wrap img {
    width: 100%;
}
/* Product Common Feture Style */
.product-common-feature-wrap {
    background-color: #f2f2f2;
    padding: 60px 0;
}
.product-common-feature-wrap .common-feature-list {
    padding-top: 40px;
}
.product-common-feature-wrap .common-feature {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16);
}
.product-common-feature-wrap .common-feature .info h4 {
    font-size: 30px;
}
.product-image-gallary-wrap {
    background: url('../images/product-gallary-background.png') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0;
}
.product-image-gallary .row {
    align-items: center;
}
.product-image-gallary .img-wrap {
    text-align: center;
}

.lyte-feature-wrap {
    background-color: #f2f2f2;
    padding: 100px 0;
}
.lyte-feature-wrap .lyte-feature {
    padding: 40px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.lyte-feature-wrap .lyte-feature .left {
    width: 20%;
}
.lyte-feature-wrap .lyte-feature .left .title {
    font-size: 30px;
    line-height: 1.56;
    font-weight: 500;
    color: #111111;
}
.lyte-feature-wrap .lyte-feature .right {
    width: 80%;
}
.lyte-feature-listing ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -25px;
}
.lyte-feature-listing ul li {
    width: 33.33%;
    padding: 0 25px;
}
.lyte-feature-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.lyte-feature-list .icon {
    width: 86px;
}
.lyte-feature-list .info {
    width: calc(100% - 86px);
    padding-left: 12px;
    font-size: 22px;
    line-height: 1.18;
    font-weight: 300;
    color: #3e3e3e;
}
.lyte-feature-wrap.perfect-for .lyte-feature-listing ul {
    margin: 0 -10px;
}
.lyte-feature-wrap.perfect-for .lyte-feature-listing ul li {
    width: 25%;
    padding: 0 10px;
}
.lyte-feature-wrap.perfect-for .lyte-feature-list .icon {
    width: 72px;
}
.lyte-feature-wrap.perfect-for .lyte-feature-list .info {
    width: calc(100% - 72px);
}
.product-feature-tab-wrap {
    background-color: #f2f2f2;
}
.product-feature-tab-wrap .sec-title h2 {
    font-weight: 500;
    text-align: left;
}
.product-feature-tab-wrap .product-feature-tab {
    display: flex;
    flex-wrap: wrap;
    padding-top: 34px;
    margin: 0 -13px;
}
.product-feature-tab-wrap .product-feature-tab .left {
    width: 30%;
    padding: 0 13px;
}
.product-feature-tab-wrap .product-feature-tab .right {
    width: 70%;
    padding: 0 13px;
}
.product-feature-tab .right .tab-content,
.product-feature-tab .right .tab-pane {
    height: 100%;
}
.product-feature-tab .left ul {
    border-bottom: 0;
}
.product-feature-tab .left ul li {
    width: 100%;
    padding-bottom: 26px;
}
.product-feature-tab .left ul li:last-child {
    padding-bottom: 0;
}
.product-feature-tab .left ul li button {
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    color: #858484;
    text-align: left;
    padding: 20px 35px 20px 25px;
    background-color: #cfcbcb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-feature-tab .left ul li button::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 21px;
    background: url('../images/icons/white-arrow.svg') no-repeat;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto 0;
    opacity: 0;
    visibility: hidden;
}
.product-feature-tab .left ul li button.active::after {
    opacity: 1;
    visibility: visible;
}
.product-feature-tab .left ul li button.active {
    background: rgb(248, 176, 59);
    background: linear-gradient(
        180deg,
        rgba(248, 176, 59, 1) 0%,
        rgba(135, 90, 18, 1) 100%
    );
    color: #fff;
    border-color: transparent;
    border: 0;
}
.product-feature-tab .product-tab-info-card {
    background-color: #fff;
    border: 2px solid #f8b03b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-feature-tab .product-tab-info-card .description {
    padding: 40px 60px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.18;
    color: #424141;
}
.product-feature-tab .product-tab-info-card .bottom {
    background: rgb(248, 176, 59);
    background: linear-gradient(
        180deg,
        rgba(248, 176, 59, 1) 0%,
        rgba(135, 90, 18, 1) 100%
    );
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.product-feature-tab .product-tab-info-card .bottom .description {
    color: #fefefe;
}

.datasheet-wrap {
    background: rgb(135, 90, 18);
    background: linear-gradient(
        45deg,
        rgba(135, 90, 18, 1) 0%,
        rgba(248, 176, 59, 1) 100%
    );
}
.datasheet-wrap .container {
    max-width: 100%;
}
.datasheet-wrap .row {
    justify-content: center;
    align-items: center;
}
.datasheet-wrap .img-wrap {
    height: 100%;
}
.datasheet-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.datasheet-wrap .datasheet-description {
    padding: 80px 0;
}
.datasheet-wrap .datasheet-description .sec-title h2 {
    text-align: left;
    font-weight: 500;
    color: #974f09;
    padding-bottom: 20px;
}
.datasheet-wrap .datasheet-description .description ul li {
    font-size: 30px;
    line-height: 1.2;
    color: #fefefe;
    padding-bottom: 10px;
}
.datasheet-wrap .datasheet-description .datasheet-cta {
    padding-top: 30px;
}

/*==============================================================
	ContactUsSec Style
==============================================================*/
.contact-us-wrap {
    padding: 100px 0;
    background: #ffaa21;
}
.contact-us-wrap .container {
    max-width: 800px;
}
.contact-us-wrap .sec-title {
    padding-bottom: 40px;
}
.contact-us-wrap .form-group {
    margin-bottom: 20px;
}
.contact-us-wrap .form-group input,
.contact-us-wrap .form-group textarea {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    height: 48px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 18px;
    box-shadow: none;
    border: 1px solid #ffaa21;
    padding: 20px;
}
.contact-us-wrap .form-group label {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}
.contact-us-wrap .form-group textarea {
    height: 185px;
}
.contact-us-wrap .form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
}
.contact-us-wrap .form-control:-moz-placeholder {
    opacity: 1;
    color: #fff;
}
.contact-us-wrap .form-control::-moz-placeholder {
    opacity: 1;
    color: #fff;
}
.contact-us-wrap .form-control:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
}

.contact-us-wrap .form-group.mobile {
    display: none;
}
.contact-us-wrap .form-group input.submit-btn {
    display: inline-block;
    padding: 5px 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    color: #fff;
    background: #0c1a81;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
}
.contact-us-wrap .form-group input.submit-btn:hover {
    color: #fff;
    background-color: #f07c00;
}
.contact-us-wrap .form-group .error {
    color: #f00;
}

#captchaimg {
    height: 100px;
}
.contact-us-wrap span.error {
    margin-bottom: 20px;
    display: block;
}

/* 14-7-23 */
.mega-menu-feature {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.mega-menu-feature .features {
    width: 50%;
    padding: 0 12px;
}
.features .image-title-box {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #00479e;
}
.features .image-title-box .title {
    font-size: 18px;
    color: #ffffff;
    padding: 4px 10px;
    text-transform: capitalize;
}
.features .image-title-box .img-wrap {
    height: 72px;
}
.features .image-title-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 0 0 9px 9px;
    -moz-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
}
.mega-menu-feature .features .listing {
    padding-top: 18px;
}
.mega-menu-feature .features .listing ul li {
    position: relative;
    padding-left: 16px;
}
.mega-menu-feature .features .listing ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #00479e;
}
.mega-menu-feature .features .listing ul li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #7e7e7e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mega-menu-feature .features .listing ul li:not(:last-child) {
    padding-bottom: 10px;
}
.mega-menu-feature .features .listing ul li a:hover {
    color: #f8b03b;
}
.mega-menu-content .right {
    background-color: #015bc8;
    padding: 24px;
}
.mega-menu-content .right .title {
    font-size: 21px;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
    padding-bottom: 20px;
}
.mega-menu-content .right .img-wrap {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.mega-menu-content .right .img-wrap img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mega-menu-content .right .img-wrap.indoor img.indoor-product-image {
    opacity: 1;
    visibility: visible;
}
.mega-menu-content .right .img-wrap.indoor img.outdoor-product-image {
    opacity: 0;
    visibility: hidden;
}
.mega-menu-content .right .img-wrap.outdoor img.outdoor-product-image {
    opacity: 1;
    visibility: visible;
}
.mega-menu-content .right .img-wrap.outdoor img.indoor-product-image {
    opacity: 0;
    visibility: hidden;
}
.mega-menu-img {
    position: relative;
    width: 220px;
    height: 220px;
}
.mega-menu-img img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.wpcf7-spinner {
    position: absolute;
}
.wpcf7-response-output,
.wpcf7-not-valid-tip {
    display: none;
}
.our-contact-us-form .form-group .form-control.wpcf7-not-valid,
.our-news-letter-form .form-group .form-control.wpcf7-not-valid {
    border: 1px solid #f00;
}
.postid-68 .challenges-section-wrap.challenges-benefits-section {
    display: none;
}

.contact-us-wrap .form-group input.wpcf7-not-valid {
    border: 1px solid #f00 !important;
}

/* 2-10-23 */
/* SwitchPageCss */
.switch-banner-wrap {
    height: 820px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.switch-banner-wrap .container {
    height: 100%;
    display: flex;
    align-items: center;
}
.switch-banner-wrap .title h1 {
    font-size: 85px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
}
.switch-banner-wrap .title h4 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #f8b03b;
}

.switch-banner-description-wrap .container {
    max-width: 1140px;
    width: 100%;
}
.switch-banner-description-wrap h5 {
    font-size: 33px;
    font-weight: 300;
    line-height: 1.18;
    color: #424141;
    text-align: center;
}
.stay-connected-switch-wrap .stay-connected-switch-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.stay-connected-switch-list .left {
    width: 45%;
    position: relative;
}
.stay-connected-switch-list .left::after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 30%;
    background-color: #0c1a81;
    z-index: -1;
    display: none;
}
.stay-connected-switch-list .left .img-wrap {
    position: relative;
    z-index: 1;
}
.stay-connected-switch-list .right {
    width: 55%;
    padding-left: 90px;
}
.stay-connected-switch-list .stay-connected-switch-info {
    max-width: 690px;
    width: 100%;
}
.stay-connected-switch-info h2 {
    font-size: 41px;
    line-height: 1.2;
    font-weight: 500;
    color: #0a1ca3;
    padding-bottom: 20px;
}
.stay-connected-switch-info p {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    color: #424141;
}

.bg-wrap {
    background: url(../images/shape-sw.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.finding-perfect-switch .desc-box {
    width: 100%;
    max-width: 970px;
    margin-right: auto;
    padding-bottom: 40px;
}
.finding-perfect-switch .desc-box h2 {
    font-size: 41px;
    line-height: 1.2;
    font-weight: 500;
    color: #f07c00;
    padding-bottom: 20px;
}
.finding-perfect-switch .desc-box p {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    color: #fff;
}
.finding-form form .flex {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.finding-form form .flex .form-group {
    width: 33.33%;
    padding: 0 15px;
}

.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    border-width: 1px;
    border-color: rgb(161, 175, 202);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    height: 55px;
    line-height: 54px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    height: 100%;
    line-height: 55px;
    padding-left: 20px;
    font-size: 21px;
    font-weight: 400;
    color: #686869;
}
body {
    overflow-x: hidden;
}
.select2 .select2-selection__arrow {
    width: 21px !important;
    height: 21px !important;
    /* background: url(../images/select-icon.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out; */
    top: 50% !important;
    right: 10px !important;
    transform: translate(0%, -50%) !important;
}
.select2 .select2-selection__arrow b {
    width: 100% !important;
    height: 100% !important;
    background: url(../images/select-icon.png) !important;
    border: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all 0.3s ease-in-out;
    top: 0 !important;
    position: relative;
    left: 0 !important;
    margin: 0 !important;
    display: block;
}
.select2-container--open.select2 .select2-selection__arrow b {
    transform: rotate(-180deg) !important;
}
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f07c00;
}
.finding-form .submit-btn-box .submit-btn {
    width: 100%;
    background-color: #f07c00;
    height: 100%;
}

.switch-detail {
    padding-top: 40px;
}
.switch-detail-box {
    padding: 50px 30px;
    border: 1px solid rgb(56, 79, 255);
    border-radius: 5px;
    background-color: rgb(10, 28, 163);
    margin-bottom: 40px;
    min-height: 350px;
}
.switch-detail-box .switch-intro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(56, 79, 255);
}
.switch-detail-box .switch-intro .intro-media {
    width: 50%;
    padding: 0 15px;
}
.switch-detail-box .switch-intro .intro-desc {
    width: 50%;
    padding: 0 15px;
}
.switch-detail-box .switch-intro .intro-desc h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    color: #f3af3b;
    padding-bottom: 20px;
}
.switch-detail-box .switch-intro .intro-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
}
.switch-tec-info {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.switch-tec-info .switch-tec-info-left,
.switch-tec-info .switch-tec-info-center {
    width: 30%;
    padding: 0 15px;
}
.switch-tec-info .switch-tec-info-right {
    width: 40%;
    padding: 0 15px;
}
.switch-tec-info h4 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
    color: #f3af3b;
    padding-bottom: 10px;
}
.switch-tec-info .list {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #d4d4d4;
}
.switch-tec-info .list strong {
    font-weight: 500;
    display: block;
}
.switch-tec-info p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #d4d4d4;
}

.switch-tec-info-right .cta {
    font-size: 18px;
    background: #0f2bff;
    color: #fff;
}
.switch-tec-info-right .cta.orange,
.industrial-switch .cta.orange {
    background: #f3af3b;
    color: #0c1a81;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400 !important;
}
.switch-tec-info-right .cta-btn-group {
    padding-top: 20px;
}
.stay-connected-switch-wrap {
    padding-bottom: 50px;
}

.elevate-your-network .stay-connected-switch-list {
    flex-direction: row-reverse;
}
.elevate-your-network .stay-connected-switch-list .img-wrap {
    text-align: right;
}
.elevate-your-network .stay-connected-switch-list .img-wrap img {
}
.elevate-your-network .stay-connected-switch-list .right {
    padding-left: 0;
    padding-right: 0;
}
.elevate-your-network
    .stay-connected-switch-list
    .right
    .stay-connected-switch-info {
    margin-left: auto;
    padding-right: 50px;
    padding-left: 15px;
}

.error-404.not-found {
    padding: 70px 15px;
    text-align: center;
}
.error-404.not-found .page-title {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    color: #0a0a0a;
    position: relative;
    padding-bottom: 20px;
}
.error-404.not-found h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: #0a0a0a;
    position: relative;
    margin: 0;
    padding-bottom: 10px;
}
.error-404.not-found .page-content p {
    font-size: 20px;
    line-height: 30px;
    color: #0a0a0a;
    font-weight: 400;
}
.error-404.not-found .search-form {
    padding: 30px 0 0;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.error-404.not-found .search-form > label {
    width: calc(100% - 155px);
    padding-right: 20px;
}
.error-404.not-found .search-form .search-submit {
    display: inline-block;
    padding: 0px 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    height: 50px;
    color: #fff;
    background: #0c1a81;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    border: 1px solid #0c1a81;
}
.error-404.not-found .search-form .search-submit:hover {
    background: #f07c00;
    border-color: #f07c00;
}
.error-404.not-found .widget.widget_recent_entries,
.error-404.not-found .widget.widget_recent_entries,
.error-404.not-found .widget.widget_categories,
.error-404.not-found .widget.widget_archive {
    display: none;
}
.error-404.not-found .search-form .search-field {
    width: 100%;
    max-width: 400px;
    height: 50px;
    border: 1px solid #a1afca;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    font-family: 'Flama';
    font-weight: 400;
    padding: 0 15px;
}
@media (max-width: 1440px) {
    .stay-connected-switch-list {
        padding-top: 50px;
    }
    .stay-connected-switch-list .right {
        padding-left: 30px;
    }
    .switch-banner-description-wrap h5 {
        font-size: 18px;
        line-height: 26px;
    }
    .stay-connected-switch-info h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .stay-connected-switch-info p {
        font-size: 18px;
        line-height: 26px;
    }
    .finding-perfect-switch .desc-box {
        max-width: 900px;
    }
    .elevate-your-network .stay-connected-switch-list {
        padding-top: 0;
    }
    .finding-perfect-switch .desc-box p {
        font-size: 18px;
        line-height: 26px;
    }
}

/*04-10-23*/
.filter-loader {
    display: none;
    position: absolute;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    background-image: url(https://raylyte.com/wp-includes/images/wpspin-2x.gif);
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px;
}
.filter-loader.show {
    display: block;
}
.switch-detail {
    position: relative;
}

@media (max-width: 1130px) {
    .switch-tec-info-right .cta-btn-group .cta {
        margin-bottom: 10px;
        margin-right: 0 !important;
    }
}
@media (max-width: 1024px) {
    .finding-perfect-switch .desc-box {
        max-width: 600px;
    }
    .switch-tec-info .switch-tec-info-left,
    .switch-tec-info .switch-tec-info-center {
        width: 50%;
    }
    .switch-tec-info .switch-tec-info-right {
        width: 100%;
        padding-top: 20px;
    }
}
@media (max-width: 991px) {
    .switch-banner-wrap {
        height: auto;
        padding: 150px 0;
        background-position: center right;
        position: relative;
    }
    .switch-banner-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 82%;
        background: rgba(0, 0, 0, 0.4);
    }
    .switch-banner-wrap .title h1 {
        font-size: 45px;
    }
    .switch-banner-wrap .title h4 {
        font-size: 30px;
    }
    .switch-banner-description-wrap h5 {
        font-size: 25px;
        padding-top: 20px;
    }
    .finding-perfect-switch-wrap {
        background-color: #041c85;
        padding: 50px 0 50px;
    }
    .bg-wrap {
        background: transparent;
    }
}
@media (max-width: 767px) {
    .switch-banner-wrap .title h1 {
        font-size: 39px;
    }
    .switch-banner-wrap .title h4 {
        font-size: 20px;
    }
    .switch-banner-description-wrap h5 {
        font-size: 20px;
    }
    .stay-connected-switch-list .left {
        width: 100%;
    }
    .stay-connected-switch-list .right {
        width: 100%;
        padding: 0 15px;
    }
    .finding-perfect-switch .desc-box h2 {
        font-size: 30px;
    }
    .finding-form form .flex .form-group {
        width: 100%;
        margin-bottom: 20px;
    }
    .finding-perfect-switch .desc-box {
        padding-bottom: 20px;
    }
    .switch-detail-box {
        padding: 30px 15px;
    }
    .switch-detail-box .switch-intro .intro-desc {
        width: 100%;
        padding-top: 20px;
    }
    .switch-detail-box .switch-intro .intro-media {
        width: 100%;
    }
    .switch-tec-info .switch-tec-info-left,
    .switch-tec-info .switch-tec-info-center {
        width: 100%;
        padding-bottom: 20px;
    }
    .elevate-your-network .stay-connected-switch-list {
        padding-top: 30px;
    }
    .elevate-your-network .stay-connected-switch-list .img-wrap {
        padding-left: 15px;
    }
    .elevate-your-network {
        padding-bottom: 0;
    }
    .switch-detail-box {
        margin-bottom: 0;
    }
    .switch-detail-box .switch-intro .intro-desc {
        padding-left: 0;
        padding-right: 0;
    }
    .switch-detail-box .switch-intro .intro-desc h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .error-404.not-found .page-title {
        font-size: 40px;
        line-height: 50px;
    }
    .error-404.not-found .page-content p {
        font-size: 18px;
        line-height: 28px;
    }
    .error-404.not-found .search-form > label {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .error-404.not-found .search-form .search-submit {
        margin: 0 auto;
    }
    .error-404.not-found {
        padding: 50px 15px;
    }
    .error-404.not-found .search-form {
        padding: 0;
    }
}

/* 9-10-23 */
.raylyte-product-box .ray-product-box-info .title h2 {
    font-size: 35px;
}
.raylyte-product-box .ray-product-box-info .btn-group a {
    font-size: 14px;
    padding: 10px;
}
.raylyte-product-box .ray-product-box-info .btn-group a:not(:first-child) {
    margin-left: 10px;
}
.raylyte-product-box ul li:last-child .ray-product-box-info .btn-group a {
    font-size: 14px;
    margin-left: 0;
    padding: 10px 26px;
}
.mega-menu .mega-menu-content.product {
    display: block;
    padding: 25px;
}
.mega-menu-content.product .mega-menu-feature .features {
    width: 33.33%;
}
.raylyte-product-box .ray-product-box-info .img-box {
    margin-top: auto;
}
@media (max-width: 991px) {
    .mega-menu-content.product .mega-menu-feature .features {
        width: 100%;
    }
    .mega-menu-content.product .mega-menu-feature .features:not(:last-child) {
        padding-bottom: 30px;
    }
    .raylyte-product-box .ray-product-box-info .btn-wrap {
        padding-top: 30px;
    }
}
@media (max-width: 600px) {
    .raylyte-product-box .ray-product-box-info .btn-group {
        display: block;
    }
    .raylyte-product-box .ray-product-box-info .btn-group a {
        margin: 5px;
    }
}

.ray-new-switches-tabs {
    padding: 0 0 40px 0;
}

.ray-new-switches-tabs ul {
    display: flex;
    flex-wrap: wrap;
}

.ray-new-switches-tabs ul li {
    margin-right: 16px;
    margin-bottom: 16px;
}

.ray-new-switches-tabs ul li a {
    display: block;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 400;
    color: #424141;
    background: #fff;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.ray-new-switches-tabs ul li a:hover,
.ray-new-switches-tabs ul li.active a {
    color: #ffffff;
    background-color: #f07c00;
}

.ray-new-switches-tabs-content {
    margin: 10px 0;
}

.ray-new-switches-tabs-content .loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid #fff;
    margin: 0 auto;
    animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
@keyframes l20-1 {
    0% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0%,
            50% 0%,
            50% 0%,
            50% 0%,
            50% 0%
        );
    }
    12.5% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 0%,
            100% 0%,
            100% 0%
        );
    }
    25% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 100%,
            100% 100%,
            100% 100%
        );
    }
    50% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            0% 100%
        );
    }
    62.5% {
        clip-path: polygon(
            50% 50%,
            100% 0,
            100% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            0% 100%
        );
    }
    75% {
        clip-path: polygon(
            50% 50%,
            100% 100%,
            100% 100%,
            100% 100%,
            100% 100%,
            50% 100%,
            0% 100%
        );
    }
    100% {
        clip-path: polygon(
            50% 50%,
            50% 100%,
            50% 100%,
            50% 100%,
            50% 100%,
            50% 100%,
            0% 100%
        );
    }
}
@keyframes l20-2 {
    0% {
        transform: scaleY(1) rotate(0deg);
    }
    49.99% {
        transform: scaleY(1) rotate(135deg);
    }
    50% {
        transform: scaleY(-1) rotate(0deg);
    }
    100% {
        transform: scaleY(-1) rotate(-135deg);
    }
}