/*HomePage Top-Bar*/
.top-gray-bar {
    padding: 0px !important;
}

.top-gray-bar .info {
}

.top-gray-bar .info p {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 11px;
    font-size: var(--btn-fontSize);
    line-height: 30px;
    font-weight: 500;
}

.top-gray-bar .info p img {
    width: 10px;
    height: 10px;
    object-fit: contain;
    transition:0.3s;
}

.top-gray-bar .info p a {
   color: var(--dark1-color) !important;
    font-weight: 600;
    background: #F3F5F9;
    display: block;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
    text-decoration:none;
}

/*HomePage Banner*/
.main-homepage-banner {
}

.main-homepage-banner .base-bg, .main-homepage-banner .item.item_overlay .inner .image.base-bg::before, .usn_cmp_banner .item.item_overlay.base-bg .inner::before{
   background: linear-gradient(122deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;  
}
   
.main-homepage-banner .inner .d-table-cell .text{width:488px;}
.main-homepage-banner .inner .d-table-cell .link {
    column-gap: 20px !important;
}

.main-homepage-banner .inner .info.col {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 40% !important;
    max-width: 50% !important;
}

.main-homepage-banner .inner .info.col .d-table-cell .text.base-text p {
    line-height: 30px;
}

.main-homepage-banner .inner .secondary-heading {
    color: #44454A !important;
    margin-left: 25px !important;
    margin-bottom: 16px !important;
}

.main-homepage-banner .inner .secondary-heading span {
    font-weight: 700;
    position: relative;
}

.main-homepage-banner .inner .secondary-heading p {
    position: relative;
}

.main-homepage-banner .inner .secondary-heading span:before {
    content: "";
    background-image: url(/media/f3udse2x/icon-feather-star.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: -22px;
}

/*HomePage Link*/
.homePage-link-section {
}

.homePage-link-section .component-inner .component-main .item.items-3 {
    text-shadow: 0px;
}
.homePage-link-section .component-inner .component-main .item.items-3:hover a i.icon {
    transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}

.homePage-link-section .component-inner .component-main .item.items-3 a {
    background-color: #fff;
    padding: 23px 32px;
    color: var(--dark1-color);
}

.homePage-link-section .component-inner .component-main .item.items-3 a span {
    font-weight: 600;
}

.homePage-link-section .component-inner .component-main .item.items-3 a i.icon {
    color: var(--main-color);
    font-size: 12px;
    margin-left: 15px;
    transition:0.3s;
    font-weight:800;
}
.homePage-link-section .component-inner .component-main .item.items-3 a:hover i.icon{transform:rotate(45deg)}

.homePage-link-section .component-inner .component-main .item.items-3:hover a {
    background-color: var(--main-color) !important;
    color: var(--light-color) !important;
}

.homePage-link-section .component-inner .component-main .item.items-3:hover a i.icon {
    color: var(--light-color) !important;
}

/*Button Tabs Section*/
.button-tabs-section {
    text-shadow: 0;
    padding:100px 0px !important;
}

.button-tabs-section .component-inner {
    text-shadow: 0;
}

.button-tabs-section .component-inner .component-introduction {
    text-shadow: 0;
}

.button-tabs-section .component-inner .component-introduction .info {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .tabs {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .tabs ul.nav {
    flex-wrap: nowrap !important;
}

.button-tabs-section .component-inner .repeatable .tabs ul.nav li {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .tabs ul.nav li a {
    color: var(--border-dark-color) !important;
    font-size: var(--header-5-fontSize);
    line-height: 30px;
    font-weight:300;
    padding: 0;
}

.button-tabs-section .component-inner .repeatable .tabs ul.nav li a.active {
    color: var(--main-color) !important;
}

.button-tabs-section .component-inner .repeatable .tabs ul.nav li a.active:before {
    display: none;
}

.button-tabs-section .component-inner .repeatable .repeatable-content {
    text-shadow: 0;
    padding-top: 104px;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper {
    text-shadow: 0;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box {
    text-shadow: 0;
    position: relative;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info.active .text .tab-info-wrapper .tab-info-box:before {
    content: "";
    /* background-color: var(--light3-color); */
    width: 44px;
    height: 44px;
    display: block;
    /* transform: rotate(311deg); */
    position: absolute;
    top: -28px;
    left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath id='Path_303' data-name='Path 303' d='M7997-18948.365v44h44Z' transform='translate(-7996.998 18948.365)' fill='%23f3f5f9'/%3E%3C/svg%3E%0A");
    /* background-size: contain; */
    background-position: center;
    background-repeat: no-repeat;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info:nth-child(2) .text .tab-info-wrapper .tab-info-box:before {
   left: 300px; 
}
.button-tabs-section .component-inner .repeatable .repeatable-content .info:nth-child(3) .text .tab-info-wrapper .tab-info-box:before {
   left: 600px; 
}
.button-tabs-section .component-inner .repeatable .repeatable-content .info:nth-child(4) .text .tab-info-wrapper .tab-info-box:before {
   left: 800px; 
}
.button-tabs-section .component-inner .repeatable .repeatable-content .info:nth-child(5) .text .tab-info-wrapper .tab-info-box:before {
   left: 1100px; 
}
.button-tabs-section .component-inner .repeatable .repeatable-content .info:nth-child(6) .text .tab-info-wrapper .tab-info-box:before {
   left: 1350px; 
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-left {
    text-shadow: 0;
    background-color: var(--light3-color);
    min-height: 321px;
    line-height: 40px;
    display: flex;
    align-items: center;
    padding: 60px;
    max-width: 1459px;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-left p {
    text-shadow: 0;
    margin: 0;
    font-size: var(--header-3-fontSize);
    font-weight: 900 !important;
    color: var(--dark-color);
    width: 470px;
    text-transform: uppercase;
    word-spacing: 3px;
    font-family:var(--font-family-Title);
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right {
    background-color: var(--main-color);
    max-width: 866px;
    position: absolute;
    top: 50px;
    right: 0;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath id='Path_304' data-name='Path 304' d='M7997-18948.365v44h44Z' transform='translate(8040.998 -18904.365) rotate(-180)' fill='%23b10023'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -40px;
    height: 44px;
    width: 44px;
    display: block;
    z-index: 999;
    top: 60px;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner {
    padding: 60px;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner .tab-info-right-text {
    display: flex;
    align-items: flex-start;
    column-gap: 45px;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner .tab-info-right-text img {
    height: 60px;
    width: 60px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner .tab-info-right-text p {
    margin: 0;
    line-height: 28px;
    color: var(--light-color);
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner .tab-cust-btn {
    margin: 32px 0 0 100px !important;
    width: max-content;
    max-width: 100%;
}

.button-tabs-section .component-inner .repeatable .repeatable-content .info .text .tab-info-wrapper .tab-info-box .tab-info-right .tab-info-right-inner .tab-cust-btn a.btn {
    border: 1px solid var(--light-color);
}

/*HomePage Listing-Section*/
.custom-listing-section {
    text-shadow: 0;
    padding: 100px 0px !important;
}

.custom-listing-section .component-introduction {
    text-shadow: 0;
}

.custom-listing-section .component-introduction .info {
    text-shadow: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.custom-listing-section .component-inner .component-introduction .info .heading {
    text-shadow: 0;
}

.custom-listing-section .component-inner .component-introduction .info .btn {
    text-shadow: 0;
}

.custom-listing-section .component-inner .component-introduction .info .btn i.icon {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner {
    position: relative;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a .image {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a .image picture {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a .image picture img {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a .info .secondary-heading {
    font-size: var(--header-6-fontSize);
    text-transform: capitalize;
    letter-spacing: 0px;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner a .info .heading {
    font-size: var(--header-5-fontSize);
    font-weight: 900 !important;
    text-transform: uppercase;
    font-family: var(--font-family-Title);
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta {
    margin: 0;
    position: absolute;
    top: 32px;
    left: 32px;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta .date {
    display: none;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta .categories {
    text-shadow: 0;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta .categories ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta .categories ul li {
}

.custom-listing-section .component-inner .tab-content .component-main .item.item-blog .inner .meta .categories ul li a {
    background-color: var(--light-color) !important;
    padding: 14px 36px;
    border-radius: 50px;
    text-transform: uppercase;
    color: var(--dark-color);
    font-weight: 700;
    font-size: 16px;
    font-family:var(--font-family-Title);
}

/*HomePage Split Comp*/
.custom-split-comp{
    padding: 127px 0 164px 0 !important;
}
.custom-split-comp .component-inner .component-main .split-left-text {
    max-width: 500px;
}

.custom-split-comp .right-img {
}

.custom-split-comp .right-img .component-main {
}

.custom-split-comp .right-img .component-main .image {
    text-align:center;
}

.custom-split-comp .right-img .component-main .image a {
    text-align: center;
}

.custom-split-comp .right-img .component-main .image img {
    width: 610px;
    height: 704px;
    object-fit: contain;
}

/*HomePage Pod Sec*/
.custom-pod-section {
    padding-bottom: 400px !important;
}

.custom-pod-section .component-inner {
}

.custom-pod-section .component-inner .component-introduction .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-top:100px;
}

.custom-pod-section .component-inner .component-introduction .info .heading {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    line-height: 65px;
}

.custom-pod-section .component-inner .component-introduction .info .text {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
    line-height: 30px;
}

.custom-pod-section .component-inner .component-introduction .info .text p {
    width: 488px;
    margin: 0 0 0 auto;
}

.pod-box {
    flex: 1 !important;
    cursor: pointer;
}

.pod-box .inner {
    display: flex;
    flex-direction: column;
    padding: 40px 24px !important;
}

.pod-box .inner .image {
    text-shadow: 0;
}

.pod-box .inner .image img {
    height: 192px !important;
    width: auto;
    object-fit: contain;
}

.pod-box .inner .info {
    padding: 15px !important;
}

.pod-box .inner .info .heading {
   font-size: var(--header-5-fontSize);
    padding-bottom:18px;
    font-weight: 900 !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.pod-box .inner .info .text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pod-box .inner .info .text p {
}

html body .listing-pods .pod-box.active {
    max-width: 740px !important;
    flex: 0 0 740px !important;
}

.pod-box.active .inner {
    text-shadow: 0px;
    flex-direction: column-reverse !important;
}

.pod-box.active .inner .heading {
    font-size: var(--header-3-fontSize);
    font-weight:900 !important;
    height:auto;
}

.pod-box.active .inner .text {
    display: block !important;
}

.pod-box.active .pod-box {
    max-width: 236px !important;
    flex: 0 0 236px !important;
}

.custom-pod-section .component-inner .component-main {
    flex-wrap: nowrap !important;
}

/*HomePage Company Info Section*/
.company-info-tabs {
    padding-bottom: 0px !important;
}

.company-info-tabs .component-inner {
    text-shadow: 0px;
    background: #fff;
    max-width: 1708px;
    position: relative;
    margin-top: -350px;
    margin-left: 220px;
    padding: 50px 50px !important;
}

.company-info-tabs .component-inner {
    text-shadow: 0px;
}

.company-info-tabs .component-inner .repeatable {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.company-info-tabs .component-inner .repeatable .tabs {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    max-width: 50% !important;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav {
    text-shadow: 0px;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab {
    text-shadow: 0px;
    margin: 40px 0;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab:last-child a:after {
    display: none !important;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab:first-child a:before {
    display: none !important;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a {
    border: none;
    text-shadow: 0px;
    position: relative;
    padding: 0 30px;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a.active:after {
    content: "";
    background: #b10023;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a.active:before {
    background: #b10023;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a:before {
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a:after {
    content: "";
    background: #efccd3;
    width: 4px;
    height: 45px;
    display: block;
    background-size: 10px;
    position: absolute;
    top: 19px;
    left: 50px;
    transform: translate(10px, 50px);
    z-index: -1;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a:before {
    content: "";
    background: #efccd3;
    width: 4px;
    height: 45px;
    display: block;
    background-size: 10px;
    position: absolute;
    top: -90px;
    left: 50px;
    transform: translate(10px, 50px);
    z-index: -1;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a .cust-tab-heading {
    display: flex;
    align-items: center;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a .cust-tab-heading p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a span {
    display: flex;
    align-items: center;
    background-color: var(--mainL4-color);
    color: var(--light-color);
    width: 65px;
    height: 65px;
    padding: 12px 23px;
    justify-content: center;
    font-size: var(--header-3-fontSize);
    font-weight: 700;
    margin-right: 60px;
}

.company-info-tabs .component-inner .repeatable-content {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    max-width: 50% !important;
    ;}

.company-info-tabs .component-inner .repeatable-content .info {
    width: 614px;
    max-width: 100%;
}

.company-info-tabs .component-inner .repeatable-content .info .text {
    text-shadow: 0px;
}

.company-info-tabs .component-inner .repeatable-content .info h2 {
    margin: 0;
    line-height: 65px;
}

.company-info-tabs .component-inner .repeatable-content .info .text p {
    width: 390px;
    max-width: 100%;
    margin: 0;
    line-height: 30px;
    margin: 40px 0 70px 0;
}

.company-info-tabs .component-inner .repeatable-content .info .text p.myBtn-custom {
    width: max-content;
    max-width: 100%;
}

.company-info-tabs .component-inner .repeatable-content .info .text p.myBtn-custom a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 40px;
}

.company-info-tabs .component-inner .repeatable-content .info .text p.myBtn-custom a:before {
    /*content: "";*/
    /*background-image: url(/media/1tyley4t/cust-arrow-ico.svg);*/
    /*background-repeat: no-repeat;*/
    /*width: 16px;*/
    /*height: 16px;*/
    /*display: block;*/
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a.active {
}

.company-info-tabs .component-inner .repeatable .tabs ul.nav li.tab a.active span {
    background-color: var(--main-color);
}

.company-info-tabs .component-inner .repeatable-content .info .text p.myBtn-custom a.btn:hover span {
    text-shadow: 0px;
    background: var(--dark-btn-color) !important;
    border-color: var(--dark-btn-color) !important;
}

/*HomePage Custom link Section*/
.custom-link-conection {
    text-shadow: 0px;
    padding:100px 0px !important;
}

.custom-link-conection .component-inner {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main .link-section-text-side {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main .link-section-text-side .info {
    text-shadow: 0px;
    width: 580px;
}

.custom-link-conection .component-inner .component-main .link-section-text-side .info .heading {
    text-shadow: 0px;
    line-height: 65px;
}

.custom-link-conection .component-inner .component-main .link-section-text-side .info .text {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main .link-section-text-side .info .text p {
    text-shadow: 0px;
    line-height: 35px;
}

.custom-link-conection .component-inner .component-main .link-section-link-side {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main .link-section-link-side .component-main {
    text-shadow: 0px;
}

.custom-link-conection .component-inner .component-main .link-section-link-side .component-main .item {
    text-shadow: 0px;
    padding: 0;
}


.link-section-link-side .component-main .item a:hover i.icon{
    transform: rotate(45deg);
}

.link-section-link-side .component-main .item a .lnk-wrap {
    text-shadow: 0px;
    width: 100%;
}

.link-section-link-side .component-main .item a .lnk-wrap span {
    text-shadow: 0px;
    color: var(--dark1-color);
}

.link-section-link-side .component-main .item a .lnk-wrap p {
    text-shadow: 0px;
    margin: 0;
    color: var(--dark1-color);
    font-weight: 600;
}

/*HomePage Custom Video-Homepage*/
.custom-video-homepage {
    padding: 0px !important;
}
.custom-video-homepage .component-inner .container-fluid{padding: 0px !important;}

.custom-video-homepage .component-inner {
    text-shadow: 0px;
    position: relative;
}

.custom-video-homepage .component-inner .component-inner .container-fluid {
    padding: 0px !important;
}

.custom-video-homepage .overlayicon {
    display: none
}

.custom-video-homepage .component-introduction {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 307px;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.custom-video-homepage .component-introduction .info {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/*HomePage Custom ft Section*/
.custom-ft-section{padding: 100px 0 !important;}
.custom-ft-section .company-icon-wrapper {
    text-shadow: 0px;
}

.custom-ft-section .company-icon-wrapper .company-icon-info {
    text-shadow: 0px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon {
    text-shadow: 0px;
    display: flex;
    align-items: center;
}
.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon a{text-decoration:none !important;}

.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon .icon-bg {
    text-shadow: 0px;
    background-color: var(--light-color);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 3px solid var(--light3-color);
}

.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon .icon-bg img {
    text-shadow: 0px;
    height: 22px;
    max-width: 100%;
    padding: 2px;
    object-fit: contain;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon .add-icon-bg {
    text-shadow: 0px;
    background-color: var(--main-color);
}

.custom-ft-section .company-icon-wrapper .company-icon-info .company-icon .add-icon-bg img {
    text-shadow: 0px;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info {
    text-shadow: 0px;
    display: flex;
    align-items: flex-end;
    column-gap: 8px;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info .custom-company-text {
    text-shadow: 0px;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info .custom-company-text strong {
    text-shadow: 0px;
    color:var(--dark-color);
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info .custom-company-text p {
    text-shadow: 0px;
    margin: 0;
    color:var(--dark-color);
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info .company-arrow-icon {
    text-shadow: 0px;
    transition:0.5s;
}

.custom-ft-section .company-icon-wrapper .company-icon-info .custom-company-text-info .company-arrow-icon img {
    text-shadow: 0px;
    height: 10px;
    width: 10px;
}

.company-icon-wrapper .company-icon-info .company-icon .icon-bg:first-child {
    z-index: 1;
}

.company-icon-wrapper .company-icon-info .company-icon .icon-bg:nth-child(2) {
    margin-left: -15px;
}

.company-icon-wrapper .company-icon-info .company-icon .add-icon-bg:last-child {
    z-index: -1;
    margin-left: -15px;
}

.custom-ft-section {
    text-shadow: 0px;
}

.custom-ft-section .component-inner {
    text-shadow: 0px;
}

.custom-ft-section .component-inner .component-main {
    text-shadow: 0px;
}

.custom-ft-section .component-inner .component-main .item {
    text-shadow: 0px;
}

.custom-ft-section .component-inner .component-main .item .info {
    text-shadow: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 50px;
}

.custom-ft-section .component-inner .component-main .item .info .heading {
    text-shadow: 0px;
    flex: 0 0 auto;
    width: 100%;
    order: 1;
}

.custom-ft-section .component-inner .component-main .item .info .text {
    text-shadow: 0px;
    flex: 0 0 auto;
    width: 65%;
    order: 3;
    padding-left:20px;
}

.custom-ft-section .component-inner .component-main .item .info .link {
    text-shadow: 0px;
    flex: 0 0 auto;
    width: 35%;
    order: 2;
    margin-top: 5px;
}
.custom-ft-section .component-inner .component-main .item .info .btn {
    padding: 12px 45px;
    transition: 0.3s;
}
.custom-ft-section .component-inner .component-main .item .info .btn i{
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translate(-190%, -50%); */
    transition: 0.3s;
}
.custom-ft-section .component-inner .component-main .item .info .btn:hover i{
    /* left: 84%; */
    /* transform: translate(1394%, -50%); */

}


/*Support-Page-First-Section*/

.contact-info-wrapper{padding:100px 0 !important;}
.contact-info-wrapper .component-main{}
.contact-info-wrapper .component-main .text-custom-top-left{}
.contact-info-wrapper .component-main .text-custom-top-left .info {}
.contact-info-wrapper .component-main .text-custom-top-left .info .heading{}
.contact-info-wrapper .component-main .text-custom-top-left .info .text{}
.contact-info-wrapper .component-main .text-custom-top-left .info p{}

.gray-links .text-left{padding: 0px !important;padding-bottom:5px !important;}
.gray-links .text-left .info{background-color:var(--main-color);padding:0px;margin:0px 10px;max-width: 488px !important;padding: 32px;}
.gray-links .text-left .info .heading{font-size:var(--header-5-fontSize);color:var(--light-color) !important;text-transform:uppercase;}
.gray-links .text-left .info .text{}
.gray-links .text-left .info .text p{font-size:var(--header-6-fontSize: 1em);color:var(--light-color) !important;font-weight:300;}


.text-custom-top-left{}
.text-custom-top-left .info{}
.text-custom-top-left .info .heading{}
.text-custom-top-left .info .text{
        width: 614px;
    max-width: 100%;
}
.text-custom-top-left .info .text p{
    margin: 0;
    line-height: 30px;
    font-weight: 300;
    color: var(--dark1-color);
}
.text-custom-top-left .info .text .contact-info{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
}
.text-custom-top-left .info .text .contact-info .call-us-left{
    display: flex;
    flex-direction: column;
}
.text-custom-top-left .info .text .contact-info .call-us-left strong{
    font-weight: 600;
    color: var(--dark1-color);
}
.text-custom-top-left .info .text .contact-info .call-us-left span{}
.text-custom-top-left .info .text .contact-info .call-us-left span a{
    color: var(--dark-color);
    font-weight: 300;
    font-size: var(--header-5-fontSize);
}
.text-custom-top-left .info .text .contact-info .call-us-left p{}
.text-custom-top-left .info .text .contact-info .mail-right{display:flex;flex-direction:column;}
.text-custom-top-left .info .text .contact-info .mail-right strong{
    font-weight: 600;
    color: var(--dark1-color);
}
.text-custom-top-left .info .text .contact-info .mail-right span{}
.text-custom-top-left .info .text .contact-info .mail-right span a{
    color: var(--dark-color);
    font-weight: 300;
    font-size: var(--header-5-fontSize);
}



/*Support-Page-Second-Section*/

.links-info-section{padding:100px 0 !important;}}
.info-inner-bg{}
.info-inner-bg .info {background-color:var(--light-color);padding:60px;}

.info-inner-bg .info .heading{text-transform: uppercase;font-size: var(--header-3-fontSize);}
.info-inner-bg .info .text{text-shadow:0px;margin: 20px 0 40px 0 !important;}
.info-inner-bg .info .text p{text-shadow:0px;line-height: 30px;}
.info-inner-bg .info .link {text-shadow:0px;}

.links-info-box{background-color: var(--light-color);padding:60px 60px;align-self: stretch !important;}
.links-info-box .info{}
.links-info-box .info .heading{text-transform: uppercase;font-size: var(--header-3-fontSize);font-weight: 700;}
.links-info-box .info{text-shadow:"0px"}

.links-info-box .listing_links-mini {}
.links-info-box .listing_links-mini  .distribute-link{}
.links-info-box .listing_links-mini  .distribute-link a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-light-color);
    padding-bottom: 16.5px;
    color: #C1C1C1 !important;
}
.links-info-box .listing_links-mini  .distribute-link a:hover .inner-lnk span{color:var(--main-color);}
.links-info-box .listing_links-mini  .distribute-link a:hover .inner-lnk span.link-cust-text{color:var(--dark1-color) !important;}
.links-info-box .listing_links-mini  .distribute-link a i.icon:before{font-size: 12px;font-weight: 900;color:var(--main-color);}
.links-info-box .listing_links-mini  .distribute-link a .inner-lnk{display: flex;align-items: center;column-gap: 8px;width: 100%;}


.banner-video-section{    cursor: pointer;}
.banner-video-section:hover .btn{
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o));
    border-color: rgba(var(--c5-btn-borders-hover), 1);
    color: #fff !important;
    background: rgba(var(--c5-btn-borders-hover), 1);
}
.banner-video-section:hover .btn span{
   transform: translateY(0);
    opacity: 1; 
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.lightbox-content {
    position: relative;
    margin: auto;
    width: 80%;
    max-width: 800px;
    text-align: center;
}

.close-button {
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: 10px;
    right: -25px;
    cursor: pointer;
}

#videoPlayer {
    width: 100%;
    max-height: 80vh;
}