body .banner-section .banner-data .content.pos-center {

    margin: 0 auto;

    left: 0;

    right: 0;

    text-align: center;

}



body .banner-section .banner-data .content.pos-center .head {

    margin-left: auto;

    margin-right: auto;

}



body .banner-section .banner-data .content.pos-center .banner-description {

    margin-left: auto;

    margin-right: auto;

}



a.btn.bg-lightt {

    background: 0 0;

    border-radius: 50px;

    border: 1px solid #ff2803;

    color: #000;

    font-family: "Plus Jakarta Sans", sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 16px;

    text-align: center;

    transition: 0.3s;

}



a.btn.bkg-primary {

    background: #ff2803;

    border-radius: 50px;

    border: 1px solid #ff2803;

    box-shadow: 0 0 0 6px #ff28032b;

    font-family: "Plus Jakarta Sans";

    font-size: 18px;

    font-weight: 500;

    justify-content: center;

    line-height: 15px;

    padding: 9px 10px 9px 25px;

    text-align: center;

}



.btn.bkg-primary.text-light:hover {

    color: #fff !important;

}



a.btn.bkg-primary .hcta_arrow {

    background: #fff;

    border-radius: 100%;

    height: 30px;

    margin-left: 23px;

    padding: 5px;

    width: 30px;

    flex: 0 0 30px;

}



a.btn.bkg-primary span,

.creating-light .content .desc {

    color: #fff;

}



a.btn.bkg-primary,

.hct_btn_header2 {

    align-items: center;

    display: flex;

}



.pos.pos-left .head {

    margin-right: auto;

    text-align: left;

}



.pos.pos-right .head {

    margin-left: auto;

    text-align: right;

}



.pos.pos-center .head {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.pos-right .projects .row {

    flex-direction: row-reverse;

}



.ar .pos-right .projects .row {

    flex-direction: unset;

}



.ar .pos-left .projects .row {

    flex-direction: row-reverse;

}



.ar .contact-us .content {

    margin-left: 0;

    margin-right: 68px;

    text-align: right;

}



.ar .contact-us .content span {

    margin-left: 0;

    margin-right: 20px;

}



.ar .contact-us .frame-type-form_formframework {

    margin-left: 0;

    margin-right: 55px;

}



.ar .contact-us form .form-control {

    text-align: right;

}



.ar .contact-us form h2 {

    text-align: right;

}



.ar .hct_btn_header2 a.btn.bkg-primary .hcta_arrow {

    margin-left: 0;

    margin-right: 20px;

}



.ar .tag-line .display-1:first-child:before {

    left: -6%;

    right: unset;

}



.banner-section .banner-data {

    border-radius: 30px;

    height: 500px;

    margin-top: 8px;

    overflow: hidden;

    position: relative;

}



.banner-section .banner-data .content {

    left: 120px;

    position: absolute;

    top: 104px;

    z-index: 9;

    text-align: left;

}



.banner-section .banner-data .content.pos-right {

    right: 120px;

    left: unset;

    text-align: right;

}



.banner-section .banner-data .content .banner-description {

    color: #ffffffcc;

    font-family: Inter, sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    letter-spacing: 0.12px;

    line-height: 27px;

    margin-top: 22px;

    width: 749px;

}



.banner-section .banner-data .content .head {

    color: #fff;

    font-family: "Plus Jakarta Sans";

    font-size: 60px;

    font-style: normal;

    font-weight: 600;

    line-height: 70px;

    margin-bottom: 7px;

}



.banner-section .banner-data .content .head:last-of-type {

    margin-left: 120px;

}



.banner-section .banner-data .content.pos-right .head:last-of-type {

    margin-left: 0px;

    margin-right: 120px;

}



.banner-section .banner-data .overlay {

    background: #1c1c1c6e;

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 2;

}



.banner-section .banner-data img {

    height: 100%;

    object-fit: cover;

    object-position: top;

}



.contact-us .content {

    margin-left: 68px;

    margin-top: 188px;

    width: 387px;

}



.contact-us .content .head {

    font-family: "Plus Jakarta Sans";

    font-size: 39px;

    font-weight: 600;

    line-height: 49.14px;

    margin-bottom: 1px;

}



.contact-us .content .wrap {

    align-items: flex-start;

    display: flex;

    flex-wrap: wrap;

    padding-top: 30px;

}



.contact-us .content a {

    color: #ffffff;

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    text-decoration: none;

}



.contact-us .content span {

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin-left: 20px;

    display: inline-block;

}



.contact-us .content svg {

    height: 24px;

    vertical-align: top;

    width: 24px;

}



.contact-us .formwrapper,

.contact-us .infowrapper {

    padding: 0;

}



.contact-us .frame-type-form_formframework {

    margin-left: 55px;

    padding: 11.5px 0;

    /* padding: 30px 0; */

}



.contact-us .infowrapper {

    background: #000000;

    border-radius: 11px;

    color: #ffffff;

    height: 647px;

    max-width: 523px;

}



.contact-us .shape-1 {

    background: url("../Images/e-796.png") no-repeat;

    height: 41px;

    left: 0;

    position: absolute;

    width: 107px;

}



.contact-us .shape-2 {

    background: url("../Images/e-795.png") no-repeat;

    height: 172px;

    left: 0;

    position: absolute;

    width: 33px;

}



.contact-us .shape-3 {

    background: url("../Images/e-793.png") no-repeat;

    bottom: 0;

    height: 63px;

    position: absolute;

    right: 0;

    width: 184px;

}



.contact-us .shape-4 {

    background: url("../Images/e-794.png") no-repeat;

    bottom: 0;

    height: 151px;

    position: absolute;

    right: 0;

    width: 110px;

}



.ar .contact-us .shape-2 {

    left: unset;

    right: 0;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}



.ar .contact-us .shape-1 {

    left: unset;

    right: 0;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}



.ar .contact-us .shape-4 {

    left: 0;

    right: unset;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}



.ar .contact-us .shape-3 {

    right: unset;

    left: 0;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}



.contact-us .wrapper {

    background: #ffffff;

    border-radius: 10px;

    box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.02);

    margin: 110px auto;

    padding: 30px;

    max-width: 1170px;

}



.contact-us form .clearfix {

    margin-bottom: 30px;

}



.contact-us form button {

    background: #ff2803 !important;

    border: 1px solid #ff2803 !important;

    box-shadow: 0px 0px 0px 6px #ff28032b !important;

    outline: none !important;

}



.contact-us form .form-group .input .error {

    color: #ff2803;

    margin-top: 10px;

    margin-left: 10px;

    font-size: 14px;

    font-family: "Poppins";

}



.ar .contact-us form .form-group .input .error {

    margin-left: 0px;

    margin-right: 10px;

}



.contact-us form .clearfix h2 {

    color: #000c;

    font-family: "Inter", sans-serif;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.1px;

    line-height: 25px;

}



.contact-us form .form-check {

    padding: 0;

}



.contact-us form .form-check label {

    color: #000000;

    display: flex;

    flex-wrap: wrap;

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

    line-height: 18px;

    vertical-align: middle;

    display: flex;

    flex-wrap: wrap;

}



.contact-us form .form-check label span {

    flex: 1;

    margin-left: 10px;

}



.ar .contact-us form .form-check label span {

    margin-left: 0px;

    margin-right: 10px;

}



.contact-us form .form-control {

    border-radius: 0;

    border: 0;

    border-bottom: 1px solid #000000;

    color: #000000;

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    padding: 10px 8px 3px;

}



.contact-us form .form-control::placeholder {

    color: #000000;

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



.contact-us form .form-control:focus {

    border-bottom: 1px solid #000000;

    border-color: #000;

    /* border: 0; */

    box-shadow: none;

}



.contact-us form .form-group {

    margin-bottom: 30px;

}



.contact-us form .form-group label:not(.add-on) {

    display: none;

}



.contact-us form button {

    align-items: center;

    background: #ff2803;

    border-radius: 50px;

    border: 1px solid #ff2803;

    box-shadow: 0px 0px 0px 6px #ff28032b;

    display: flex;

    font-family: "Plus Jakarta Sans";

    font-size: 18px;

    font-weight: 600;

    height: 50px;

    justify-content: center;

    line-height: 18px;

    padding: 9px 10px 9px 25px;

    text-align: center;

    width: 226px;

}



.contact-us form button:hover {

    background: #ff2803;

    border-radius: 50px;

    border: 1px solid #ff2803;

    box-shadow: 0px 0px 0px 6px #ff28032b;

}



.contact-us form h2 {

    font-family: "Plus Jakarta Sans";

    font-size: 40px;

    font-weight: 600;

    line-height: 50.4px;

    margin-bottom: 14px;

}



.contact-us form input[aria-hidden="true"] {

    display: none;

}



.contact-us form input[type="checkbox"] {

    border-radius: 4px;

    height: 16px;

    width: 16px;

}



.contact-us form textarea.form-control {

    height: 150px;

    resize: unset;

}



.creating-light .row .col-md-6 {

    height: 100%;

    padding: 0;

}



.creating-light .content {

    padding: 113px 75px 110px 133px;

    position: relative;

    z-index: 9;

}



.creating-light.climgpos.pos-right .row,

.ar .creating-light.climgpos.pos-right .row {

    flex-direction: row-reverse;

}



.ar .creating-light.climgpos.pos-left .row {

    flex-direction: row;

}



.creating-light .content .head {

    color: #fff;

    font-size: 39px;

    font-weight: 600;

    line-height: 49.14px;

    margin-bottom: 25px;

    font-family: Plus Jakarta Sans;

}



.creating-light .content-wraper {

    background-size: cover !important;

    position: relative;

    min-height: 100%;

}





.creating-light .row {

    height: 574px;

    margin-left: 5px;

    margin-right: 5px;

}



.creating-light .row .col-md-6 img {

    height: 100%;

    object-fit: cover;

}



.creating-light .row {

    border-radius: 30px;

    overflow: hidden;

}



.creating-light .row .col-md-6:nth-child(2):before {

    background: #00000033;

    content: "";

    height: 100%;

    position: absolute;

    width: 100%;

}





.creating-light .row .col-md-6>.content-wraper:before {

    background: #000000d9;

    content: "";

    height: 100%;

    position: absolute;

    width: 100%;

}





.hct_btn_header2 .btn.bkg-primary {

    border-radius: 50px;

    color: #fff;

    height: 48px;

    margin-left: -2px;

    margin-top: -3px;

    padding: 9px 10px 10px 25px;

}



.pos-pos-center .hct_btn_header2 .btn.bkg-primary,

.pos-center .hct_btn_header2 .btn.bkg-primary {

    margin-left: auto;

    margin-right: 0px;

}



.ar .hct_btn_header2 .btn.bkg-primary {

    padding: 9px 25px 12px 10px;

}



.hero .pos-pos-right .hct_btn_header2 .btn.bkg-primary {

    margin-right: -2px;

    margin-left: 0px;

}



/* .ar .pos-pos-center .hct_btn_header2 .btn.bkg-primary,

.ar .pos-center .hct_btn_header2 .btn.bkg-primary {

    margin-right: auto;

    margin-left: 0px;

} */



.hct_btn_header2 a.btn.bkg-primary .hcta_arrow {

    background: #fff;

    border-radius: 100%;

    height: 28.22px;

    line-height: 18px;

    /*! margin-bottom: -2px; */

    margin-left: 25px;

    /*! padding: 5px; */

    width: 28.22px;

}



.hct_btn_header2 a.btn.bkg-primary .hcta_arrow svg {

    height: 14px;

    width: 14px;

}



.hct_btn_header2 a.btn.bkg-primary span {

    font-weight: 500;

}



.hct_btn_header2 p {

    color: #ffffffcc;

    font-weight: 300;

    letter-spacing: 0.2px;

    margin-bottom: 0;

    padding-top: 0;

    position: absolute;

    right: -2px;

    top: 8px;

    width: 434px;

}



.solution.pos-right .content p {

    left: 0;

    text-align: left;

    right: unset;

}



.ar .solution.pos-right .content p {

    text-align: right;

}



.solution:not(.pos-right) .content h2 {

    text-align: left;

}



.ar .solution:not(.pos-right) .content .hct_btn_header2 {

    flex-direction: row-reverse;

}



.hcta_arrow.hcta_arrow_altbg,

.projects-section .owl-carousel .owl-dots .owl-dot.active span,

.owl-carousel .owl-dots .owl-dot.active span {

    background: #ff2803;

}



.hcta_arrow_altbg svg {

    filter: brightness(0) invert(1);

}



.hero .content_wrapper .play-icon svg:hover rect {

    fill: #ff2803;

}



.hero .content_wrapper .play-icon svg path,

.hero .content_wrapper .play-icon svg rect {

    transition: all .4s ease;

}



.hero .content_wrapper .play-icon svg:hover path {

    fill: #fff;

}



.hero .content {

    padding-left: 120px;

    padding-right: 120px;

    padding-top: 80px;

    position: relative;

    z-index: 9;

}



.hero .content .head:first-child,

.solution .content .head:first-child {

    margin-bottom: 29px;

}







.hero .content .head:last-child {

    margin-left: 40px;

    margin-top: 1px;

}





.hero .content_wrapper .play-icon {

    bottom: 38px;

    /* cursor: pointer; */

    position: sticky;

    padding-right: 57px;

    z-index: 9;

    padding-left: 57px;

    margin-bottom: 38px;

    flex: 0 0 100%;

    text-align: right;

}



.hero .pos-pos-right .content_wrapper .play-icon {

    text-align: left;

}



.hero .content {

    height: calc(100% - 160px);

}



.hero .content_wrapper .play-icon svg {

    border-radius: 100%;

    height: 122px;

    width: 122px;

    cursor: pointer;

}



.hero .head,

.solution .content .head {

    color: #fff;

    font-size: 80px;

    font-weight: 700;

    line-height: 80px;

    font-family: Plus Jakarta Sans;

}



.hero .pos-pos-right .content .head:last-child,

.ar .hero .pos-pos-center .content .head:last-child {

    margin-left: auto;

    margin-right: 40px;

}



.ar .hero .pos-pos-center .content .hct_btn_header2 .btn.bkg-primary {

    margin-left: 0px;

    margin-right: auto;

}



.hero .pos-pos-right .hct_btn_header2,

.solution.pos-right .hct_btn_header2 {

    flex-direction: row-reverse;

}



.ar .hero .pos-pos-right .hct_btn_header2,

.ar .solution.pos-right .hct_btn_header2 {

    flex-direction: unset;

}



.ar .hero .pos-pos-left .hct_btn_header2 {

    flex-direction: row-reverse;

}



.hero .pos-pos-right .content,

.pos-right .projects .items .content,

.solution.pos-right .content {

    text-align: right;

}



.hero .pos-pos-left .content,

.pos-left .projects .items .content {

    text-align: left;

}



.hero .pos-pos-center .content .hct_btn_header2 .btn.bkg-primary {

    margin-left: auto;

}



.hero .relative {

    height: 756px;

    position: relative;

}



.hero .relative,

.hero-video {

    border-radius: 30px;

    overflow: unset;

}



.hero .relative:before {

    background: #00000038;

    border-radius: 30px;

    content: "";

    right: 0;

    z-index: 9;

}



.hero .relative:before,

.hero-video {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.hero .pos-pos-center .content .head {

    text-align: center;

}



.hero .pos-pos-center .content .head:last-child {

    margin-right: auto;

}



.hero-video {

    bottom: 0;

    object-fit: cover;

    object-position: 50% 103%;

    right: 0;

}



.home-philosofy {

    margin-top: 74px;

}



.home-philosofy .container,

.home-philosofy .row .col-md-6,

.lightmaster.pd-section,

.lightmaster.pd-section .container,

.logo-slider.layout-1 .container,

.logo-slider.layout-2 .container,

.tag-line .container,

.type-mask_brand_profiles .brands-profile .container,

.type-mask_logo_slider .logo-slider.layout-3 .container {

    padding: 0;

}



.home-philosofy .row {

    align-items: center;

    display: flex;

    margin: 0;

}



.iframewrapper iframe {

    border-radius: 30px;

    border: 0;

    height: 461px;

    width: 100%;

}



.images.img-3 {

    display: flex;

    flex-wrap: wrap;

}



.light-way-wrapper .content {

    margin-left: 54px;

    padding: 30.86px 0;

    width: 496px;

}



.light-way-wrapper.pos-right .content {

    margin-left: 0px;

    margin-right: 54px;

}



body:not(.ar) .light-way-wrapper.pos-right.img-3 .images.img-3,

.ar .light-way-wrapper.pos-left.img-3 .images.img-3 {

    flex-direction: row-reverse;

}



.light-way-wrapper .content .desc {

    color: #000000cc;

    font-family: Inter, sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 25px;

    margin-top: 35px;

}



.light-way-wrapper .content .head {

    font-family: "Plus Jakarta Sans";

    font-size: 40px;

    font-weight: 600;

    line-height: 50.4px;

    margin-bottom: 0;

    padding-right: 70px;

}



.ar .light-way-wrapper .content .head {

    padding-right: 0px;

    padding-left: 70px;

}



.light-way-wrapper .img-wrapper {

    flex: 0 0 560px;

    max-width: 560px;

    padding: 0px;

}





.light-way-wrapper.pos-right .row,

.ar .light-way-wrapper.pos-left .row {

    flex-direction: row-reverse;

}



.ar .light-way-wrapper.pos-right .row {

    flex-direction: row;

}



.light-way-wrapper .lw-wrap {

    margin: 110px 123px;

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-1 img {

    height: 449px;

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:first-child {

    width: calc(50% - 17.95px);

    margin-right: 17.95px;

}



.light-way-wrapper.pos-right .lw-wrap .img-wrapper .images.img-3 .grid-img:first-child {

    margin-left: 17.95px;

    margin-right: 0px;

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:first-of-type img {

    height: 100%;

    object-fit: cover;

    object-position: left top;

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) {

    width: calc(51% - 7px);

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) .wrap picture:first-child img {

    height: 233px;

    margin-bottom: 17.95px;

    object-fit: cover;

    object-position: right;

}



.light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) .wrap picture:nth-child(2) img {

    height: 194px;

    object-fit: cover;

    object-position: bottom;

}



.light-way-wrapper .lw-wrap .img-wrapper img {

    border-radius: 17.95px;

    width: 100%;

}



.light-way-wrapper .lw-wrap .row {

    align-items: center;

    margin: 0px;

}



.light-way-wrapper .lw-wrap .row .col-md-6:nth-child(2) {

    margin-left: 0px;

    flex: 1;

    padding: 0px;

}



.light-way-wrapper.img-1 {

    margin-bottom: 100px;

}



.light-way-wrapper.img-1 .content .head,

.projects .items .content {

    padding-right: 0;

}



.light-way-wrapper.img-1 .img-wrapper {

    padding-left: 0px;

    padding-right: 0;

    flex: 0 0 575px;

    max-width: 575px;

}



.light-way-wrapper.img-1 .lw-wrap .img-wrapper .images.img-1 img {

    object-fit: cover;

}





.lightmaster .pos .head,

.logo-slider .bottom-border .head,

.logo-slider .bottom-border .head {

    font-family: "Plus Jakarta Sans";

    font-size: 40px;

    font-weight: 600;

    line-height: 50px;

    padding: 25px 0;

}



.lightmaster .pos .head {

    padding: 0px;

    margin-top: 7px;

    margin-bottom: 0px;

}



.lightmaster.pd-section .container>div {

    padding: 0 7.032vw;

}



.lightmaster.pd-section .projects {

    margin-top: 60px;

}



.lnkwrap {

    margin-bottom: 75px;

    margin-top: 69px;

}



.logo-slider {

    padding-left: unset;

}



.logo-slider .bottom-border {

    border-bottom: 1px solid #0000001a;

}



.logo-slider .hading {

    color: #595959;

    font-family: "Plus Jakarta Sans";

    font-size: 30px;

    font-weight: 600;

    line-height: 36px;

    margin-bottom: 0;

    max-width: 170px;

}



.logo-slider .line {

    border-top: 1px solid #0000001a;

}



.logo-slider .line,

.logo-slider.layout-2 {

    background: linear-gradient(180deg, #f5f8fa 0, #fff 100%);

    padding-right: 9vw;

}



.logo-slider .logo-wrapper {

    padding-left: 6.9277vw;

}





.logo-slider.layout-1 .logo-wrapper {

    overflow: hidden;

    padding-right: 0;

}



.ar .logo-slider.layout-1 .logo-wrapper {

    padding-left: 0px;

    padding-right: 6.9277vw;

}



.logo-slider.layout-1 .logo-wrapper .col-8.col-sm-9 .owl-carousel .owl-stage-outer .owl-stage {

    display: flex;

    flex-wrap: wrap;

}



.ar .logo-slider.layout-1 .logo-wrapper .col-8.col-sm-9 .owl-carousel .owl-stage-outer .owl-stage {

    padding-left: 42px !important;

    padding-right: 0px !important;

}



.logo-slider.layout-1 .logo-wrapper .col-8.col-sm-9,

.logo-slider.layout-1 .logo-wrapper .col-8.col-sm-9 .owl-carousel .owl-stage-outer .owl-stage .owl-item {

    align-self: center;

}



.logo-slider.layout-1 .row {

    margin: 0;

    /* overflow: hidden; */

    padding-bottom: 53px;

    padding-top: 36px;

    padding-left: 3px;

}



.logo-slider.layout-1 .row .col-4.col-sm-3 {

    flex: 0 0 230px;

    max-width: 230px;

    padding: 0;

}



.logo-slider.layout-1 .row .col-8.col-sm-9 {

    flex: 0 0 calc(100% - 230px);

    max-width: calc(100% - 230px);

    padding: 0;

}



.logo-slider.layout-1 .row .col-8.col-sm-9 .owl-carousel {

    margin-left: 9px;

}



.logo-slider.layout-1 img {

    height: 32.17px;

    max-width: 100%;

    object-fit: scale-down;

    object-position: center;

    padding: 0 2.3vw;

    text-align: center;

    width: max-content;

}



.logo-slider.layout-2 {

    padding-bottom: 8vw;

}



.logo-slider.layout-2 .logo-wrapper {

    /* background: linear-gradient(180deg, #f5f8fa 0, #fff 100%); */

    margin-bottom: -32.983vh;

    padding: 89px 7.032vw calc(32.983vh + 189px);

}



.logo-slider.layout-2 .logo-wrapper .head {

    margin-bottom: 0;

    padding-bottom: 50px;

    padding-top: 0;

}



.logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2 {

    padding: 0 20px 70px 0;

}



.logo-slider.layout-2.pos-right .logo-wrapper .row .col-6.col-md-2 {

    padding: 0 0 70px 20px;

}



.logo-slider.layout-2 .logo-wrapper .row:last-child {

    margin: -9px 0 0;

}



.logo-slider.layout-2 .logo-wrapper .row:nth-child(2) {

    margin: 50px 0 0;

}



.logo-slider.layout-2 .logo-description {

    /*! font-family: Inter, sans-serif; */

    /*! font-size: 24px; */

    /*! font-weight: 400; */

    /*! line-height: 35px; */

    margin-top: -6px;

    max-width: 83%;

    margin-right: auto;

}



.logo-slider.layout-2.pos-center .logo-description {

    margin-left: auto;

    margin-right: auto;

}



.logo-slider.layout-2.pos-right .logo-description {

    margin-left: auto;

    margin-right: 0px;

}



.logo-slider.layout-2 img {

    object-fit: scale-down;

    padding: 0;

    object-position: left;

    height: 30px;

}



.logo-slider.layout-2.pos-right img {

    object-position: right;

}



.logo-slider.layout-2.pos-center img {

    object-position: center;

}



.logo-slider.layout-2 picture {

    display: flex;

    flex-wrap: wrap;

    min-height: 100%;

    align-items: center;

}



/* .logo-slider.layout-1 .row .col-8.col-sm-9 .owl-carousel .owl-stage-outer {

    margin-right: -100%;

} */



/* .ar .logo-slider.layout-1 .row .col-8.col-sm-9 .owl-carousel .owl-stage-outer {

    margin-left: -100%;

    margin-right: 0%;

} */



.logo-slider.layout-1 {

    overflow: hidden;

}



.logo-slider.layout-3 {

    background: linear-gradient(180deg, #f5f8fa 0, #fff 100%);

    padding-bottom: 8vw;

    padding-right: 9vw;

}



.logo-slider.layout-3 .logo-description {

    font-family: Inter, sans-serif;

    font-size: 24px;

    font-weight: 400;

    line-height: 35px;

    max-width: 83%;

}



.logo-slider.layout-3 img {

    height: auto;

    margin: 20% 0;

    padding-right: 40%;

}



.owl-stage {

    padding-left: 0 !important;

}



.pd-section {

    padding: 0 6.989vw;

}



.philosofy_img img {

    border-radius: 20px;

    height: auto;

    object-fit: contain;

    width: 100%;

}



.philosofy_text {

    margin-left: 8.223%;

    margin-right: 9.968%;

    max-width: 370px;

    padding: 0;

}



.philosofy_text .btn.bkg-primary.text-white {

    width: max-content;

}



.philosofy_text .head {

    font-size: 40px;

    font-weight: 600;

    line-height: 50.4px;

    margin-bottom: 35px;

}



.philosofy_text p {

    margin-bottom: 42px;

}



.ar .btn.bkg-primary {

    padding-left: 10px;

    padding-right: 25px;

}



.pos-right .philosofy_text {

    margin-left: 9.968%;

    margin-right: 8.223%;

}



.home-philosofy.pos-right .row,

.ar .home-philosofy.pos-left .row {

    flex-direction: row-reverse;

}



.ar .home-philosofy.pos-right .row {

    flex-direction: row;

}



.pos-right .projects .items .bottombtn {

    right: 0;

}



.pos-left .projects .items .bottombtn {

    left: 0;

}



.ar .projects .items .bottombtn {

    padding-left: 6px;

    padding-right: 25px;

}



.ar .projects .items .bottombtn .hcta_arrow.hcta_arrow_altbg {

    margin-left: 0;

    margin-right: 20px;

}



.ar .projects .items .bottombtn .hcta_arrow.hcta_arrow_altbg {

    transform: scaleX(-1);

}



.ar .section-wrap>div:not(.pos-left) .projects .items .desc-wrap,

body:not(.ar) .section-wrap .pos-right .projects .items .desc-wrap,

.projects.projects-section .items .content.content-right .desc-wrap {

    padding-left: 80px;

    padding-right: 0;

}



.projects .items {

    background: url(../Images/projects-bg.png);

    border-radius: 20px;

    box-shadow: 0 5px 30px 5px #0d07361a;

    margin: 40px 0;

    padding: 60px 54.5px;

}



.projects .items .bottombtn {

    align-items: center;

    bottom: 0;

    box-shadow: 0 0 0 4px #ff28032b;

    display: flex;

    flex-wrap: wrap;

    padding: 6px 6px 6px 25px;

    position: absolute;

}



.projects .items .bottombtn .hcta_arrow.hcta_arrow_altbg {

    border-radius: 50px;

    height: 30px;

    line-height: 11px;

    margin-left: 24px;

    padding: 8px;

    width: 30px;

}



.projects .items .col-md-6 {

    flex: 0 0 575px;

    max-width: 575px;

    padding: 0;

}



.projects .items .col-md-6.cwrap {

    flex: 0 0 calc(100% - 575px);

    max-width: calc(100% - 575px);

    padding: 0;

}



.projects .items .desc-wrap {

    color: #000000b2;

    font-family: Inter, sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    padding-right: 80px;

}



.ar .section-wrap>div:not(.pos-left) .projects .items .desc-wrap,

body:not(.ar) .section-wrap .pos-right .projects .items .desc-wrap,

.projects.projects-section .items .content.content-right .desc-wrap {

    padding-left: 80px;

    padding-right: 0px;

}



.projects .items .head {

    color: #0d0736;

    font-size: 28px;

    line-height: 36.4px;

    margin: 0 0 14px;

    padding-bottom: 0;

    padding-top: 0;

}



.projects .items .head,

.projects .items .tagln {

    font-family: "Plus Jakarta Sans";

    font-weight: 600;

}



.projects .items .tagln {

    font-size: 11px;

    line-height: 36.4px;

    margin: 0;

    margin-bottom: 1px;

}



.projects .items img {

    border-radius: 15px;

    min-height: 360px;

    object-fit: cover;

}



.projects .lnkwrap .btn.bkg-primary.text-light {

    margin: 0 auto;

    width: max-content;

    margin-bottom: 10px;

}



.projects-section .data-wrapper .imgwrap .owl-nav {

    position: absolute;

    top: 40%;

    width: 100%;

}



.projects-section .data-wrapper .imgwrap .owl-nav button i {

    background: #ffffff7d;

    border-radius: 50%;

    color: #5f5f5f;

    font-size: 40px;

    padding: 7px 15px;

}



.projects-section .data-wrapper .imgwrap .owl-nav button,

.projects-section .data-wrapper .imgwrap .owl-nav button i {

    outline: 0;

}



.projects-section .data-wrapper .imgwrap .owl-nav button.owl-next {

    float: right;

    margin-right: 15px;

}



.ar .projects-section .data-wrapper .imgwrap .owl-nav button.owl-next {

    margin-right: 0px;

}



.ar .projects-section .data-wrapper .imgwrap .owl-nav button.owl-prev {

    float: left;

    margin-left: 15px;

    margin-right: 0px;

}



.projects-section .data-wrapper .imgwrap .owl-nav button.owl-next i {

    margin-right: 15px;

}



.projects-section .data-wrapper .imgwrap .owl-nav button.owl-prev i {

    margin-left: 15px;

}



.projects-section .img-right .imgwrap {

    order: 1;

}



.projects-section .owl-carousel .owl-dots {

    margin-top: 10px;

    text-align: center;

}



.projects-section .owl-carousel .owl-dots .owl-dot {

    border: 0 !important;

    outline: unset;

}



.projects-section .owl-carousel .owl-dots .owl-dot span,

.owl-carousel .owl-dots .owl-dot span {

    background: rgba(255, 40, 3, 0.2);

    border-radius: 100%;

    display: block;

    height: 11.9px;

    margin: 0 1px;

    width: 11.9px;

}





.projects.projects-section .items .col-md-6.imgwrap .imgwrap {

    padding-right: 17px;

}



.ar .projects.projects-section .items .col-md-6.imgwrap .imgwrap {

    padding-left: 17px;

    padding-right: 0px;

}



.projects .items .content.content-left {

    text-align: left;

}



.projects .items .content.content-right {

    text-align: right;

}



.projects .items .content.content-center {

    text-align: center;

}



.projects.projects-section .items .desc-wrap {

    color: #000000cc;

    line-height: 25px;

}



.projects.projects-section .items .head {

    font-size: 40px;

    line-height: 50.4px;

    margin-bottom: 30px;

    padding-right: 145px;

}



.projects.projects-section .items .content.content-center .head {

    padding: 0px;

}



.projects.projects-section .items .content.content-center .desc-wrap {

    padding: 0px;

}



.projects.projects-section .items .content.content-right .head {

    padding-left: 145px;

    padding-right: 0pc;

}



.projects.projects-section .items img {

    border-radius: 17.95px;

    max-height: 450px;

    min-height: 450px;

    object-fit: cover;

    object-position: 84% 100%;

    padding-left: 0;

    padding-right: 0;

}



.projects.projects-section .row.items {

    align-items: center;

    background: 0 0;

    box-shadow: none;

    justify-content: space-between;

    margin-bottom: 0;

    padding: 0 63px 0 144px;

}



.ar .projects.projects-section .row.items {

    padding: 0 144px 0 63px;

}



.ar .projects-section .img-left .col-md-6:not(.imgwrap) {

    order: 1;

}



.ar .projects-section .img-left .col-md-6.imgwrap {

    order: 2;

}



.ar .projects-section .img-right .col-md-6:not(.imgwrap) {

    order: 2;

}



.ar .projects-section .img-right .col-md-6.imgwrap {

    order: 1;

}







.full-image .bg-wrapper {

    border-radius: 0 0 30px 30px;

    margin: -25px 5px 0;

    padding-top: 125px;

}



.full-image .bg-wrapper .full_img_wrapper {

    padding: 0 115px 45px;

}



.full-image .bg-wrapper .head {

    font-size: 40px;

    font-weight: 600;

    line-height: 50.4px;

    margin-bottom: 33px;

}



.full-image .bg-wrapper img {

    border-radius: 19px;

}



.full-image .full_img_content_wrapper {

    padding: 0 135px;

}



.full-image .bg-wrapper p {

    margin-bottom: 42px;

    color: #000000CC;

    line-height: 25px;

    padding-left: 8px;

    padding-right: 8px;

}



/* 

.services .img-right .img-wrapper {

    order: 1;

} */



.solution .connected-items {

    margin-top: -138px;

    padding: 0px 30px 49px;

    position: relative;

}



.solution .connected-items .image-wrapper img {

    height: auto;

    object-fit: cover;

    width: 100%;

}



.solution .owl-carousel .owl-dots {

    margin-top: 20px;

    text-align: center;

}



.solution .connected-items .itmdescr {

    color: #000;

    font-family: Poppins;

    font-size: 18px;

    font-weight: 300;

    line-height: 27px;

    margin-top: 17px;

    padding: 0 9px 8px 12px;

}



.solution .connected-items .overlay {

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 4px 20px 0 #00000012;

    height: 100%;

    padding: 10px;

    transition: 0.3s;

}



.solution .connected-items .overlay:hover {

    transform: scale(1.05);

    transition: 0.3s;

}



.solution .connected-items .overlay:hover a {

    text-decoration: none;

}



.solution .connected-items .row.items-wrapper {

    margin-left: -9.5px;

    margin-right: -9.5px;

}



.solution .connected-items .row.items-wrapper .col-md-3 {

    padding-left: 9.5px;

    padding-right: 9.5px;

}



.solution .connected-items:before {

    background-color: #f5f8fa;

    border-radius: 20px;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: -1;

}



.solution .content {

    margin-left: 121px;

    margin-right: 164px;

    margin-top: 108px;

    padding: 0;

    position: relative;

    top: 0;

    z-index: 9;

}



.solution.pos-right .content {

    margin-right: 122px;

    margin-left: 164px;

}



.solution .content .head:first-child {

    margin-bottom: 32px;

}



.solution .content .head:last-child {

    margin-left: 40px;

}



.solution.pos-right .content .head:last-child {

    margin-left: auto;

    margin-right: 40px;

}



.solution.pos-center .content .head:last-child {

    margin-right: auto;

}



.solution .top {

    background-repeat: no-repeat !important;

    background-size: cover !important;

    border-radius: 20px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    height: 546px;

    position: relative;

    width: 100%;

}



.solution .top .content_wrapper {

    width: 100%;

}



.tag-line {

    overflow-x: clip;

    overflow-y: visible;

}



.tag-line .bg-red {

    background: #ff2803;

    border-radius: 19.89px;

    display: inline;

    height: 19.89px;

    margin-left: 32px;

    margin-right: 32px;

    padding: 10px;

    width: 19.89px;

}



.tag-line .d-flex.justify-content-between {

    align-items: center;

    justify-content: center !important;

    margin-left: -7px;

}



.tag-line .display-1 {

    -webkit-text-stroke: 3px #e5e5e5;

    color: #fff;

    font-family: "Plus Jakarta Sans", sans-serif;

    /* font-size: 5.8vw;

    font-weight: 700;

    line-height: 85px; */

    font-size: 7.8vw;

    font-weight: 700;

    line-height: 6.8vw;

    margin-bottom: 0;

    paint-order: stroke fill;

    white-space: nowrap;

}



.ar .tag-line .display-1 {

    font-size: 10.9vw;

    line-height: 9.8vw;

}



.tag-line,

.tag-line .display-1:first-child {

    position: relative;

}



.type-mask_brand_profiles .brands-profile {

    background: linear-gradient(180deg, #f5f8fa 0, #fff 100%);

}



.type-mask_brand_profiles .brands-profile .wrapper {

    margin-bottom: -70%;

    padding: 98px 151px calc(70% + 108px) 151px;

}



.type-mask_brand_profiles .brands-profile .wrapper .head {

    color: #000;

    font-weight: 600;

    margin-bottom: 52px;

    font-family: Plus Jakarta Sans;

    font-size: 40px;

    font-weight: 600;

    line-height: 50.4px;

    text-align: center;

}



.type-mask_brand_profiles .brands-profile.pos-right .wrapper .head {

    text-align: right;

}



.type-mask_brand_profiles .brands-profile.pos-left .wrapper .head {

    text-align: left;

}



.type-mask_brand_profiles .brands-profile.pos-center .wrapper .head {

    text-align: center;

}



.type-mask_brand_profiles .brands-profile .wrapper picture img {

    align-items: center;

    background-color: #fff;

    border-radius: 20px;

    display: flex;

    flex-wrap: wrap;

    height: 398px;

    justify-content: center;

    margin-bottom: 22px;

    object-fit: contain;

    object-position: center;

    padding: 30px;

    position: relative;

}



.type-mask_brand_profiles .brands-profile .row.img-wrap {

    margin-left: -11px;

    margin-right: -11px;

}



.type-mask_brand_profiles .brands-profile .row.img-wrap .col-md-4 {

    padding: 0 11px;

}



.type-mask_logo_slider .logo-slider.layout-2 {

    background: linear-gradient(180deg, #f5f8fa 0, #fff 100%);

    padding: 0;

}



.type-mask_logo_slider .logo-slider.layout-3 {

    background: #fff;

    padding-bottom: 109.54px;

    padding-right: 0;

    padding-top: 90px;

}



.type-mask_logo_slider .logo-slider.layout-3 .bottom-border {

    border-bottom: 2px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 45px;

    padding-bottom: 39px;

}



.type-mask_logo_slider .logo-slider.layout-3 .bottom-border .head {

    line-height: 7px;

    padding: 0;

}



.type-mask_logo_slider .logo-slider.layout-3 .logo-wrapper {

    padding-left: 151px;

    padding-right: 133px;

}



.ar .type-mask_logo_slider .logo-slider.layout-3 .logo-wrapper {

    padding-right: 151px;

    padding-left: 133px;

}



.type-mask_logo_slider .logo-slider.layout-3 .row {

    margin: 0;

}



.type-mask_logo_slider .logo-slider.layout-3 img {

/*    height: 30px;*/

    margin: 0;

    object-fit: scale-down;

    object-position: left;

    padding: 0;

}



.type-mask_logo_slider .logo-slider.layout-3.pos-right img {

    object-position: right;

}



.type-mask_logo_slider .logo-slider.layout-3.pos-center img {

    object-position: center;

}



.type-mask_services .services .service-wrapper {

    border-radius: 30px;

    padding: 109px 120px;

}



.type-mask_services .services .service-wrapper .col-md-6 {

    flex: 0 0 46.96723%;

    max-width: 46.96723%;

    padding: 0px;

}



.type-mask_services .services .service-wrapper.img-right .row,

.ar .type-mask_services .services .service-wrapper.img-left .row {

    flex-direction: row-reverse;

}



.ar .type-mask_services .services .service-wrapper.img-right .row {

    flex-direction: unset;

}



.type-mask_services .services .service-wrapper .col-md-6.img-wrapper {

    min-height: 576px;

    padding: 0;

}





.type-mask_services .services .service-wrapper .col-md-6.img-wrapper picture img {

    border-radius: 20px;

    height: 100%;

    left: 0;

    object-fit: cover;

    object-position: 75% 50%;

    position: absolute;

    right: 0;

    width: 100%;

}



.type-mask_services .services .service-wrapper .content {

    margin-bottom: 40px;

    margin-top: 48px;

}



.type-mask_services .services .service-wrapper .content .head,

.type-mask_services .services .service-wrapper .content h3 {

    color: #0d0736;

    font-family: Plus Jakarta Sans;

    font-size: 28px;

    font-weight: 600;

    line-height: 36.4px;

    margin-bottom: 18px;

}



.type-mask_services .services .service-wrapper .content h3 {

    margin-bottom: 25px;

    margin-top: 36px;

}



.type-mask_services .services .service-wrapper .content ul {

    list-style: none;

    margin-bottom: 0;

    padding-left: 0;

    padding-right: 0px;

}



.type-mask_services .services .service-wrapper .content ul li {

    color: #5f5f5f;

    /* font-family: Poppins; */

    font-size: 16.14px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 22px;

    margin-top: -1px;

    padding-left: 34.98px;

    position: relative;

}



.ar .type-mask_services .services .service-wrapper .content ul li {

    padding-right: 34.98px;

    padding-left: 0px;

}



.type-mask_services .services .service-wrapper .content ul li strong {

    color: #ff2803;

    /* font-family: Poppins; */

    font-size: 16.14px;

    font-weight: 500;

    line-height: 25.83px;

}



.type-mask_services .services .service-wrapper .content ul li:before {



    background: url('data:image/svg+xml, <svg version="1.1" viewBox="0 0 2048 2048" width="1280" height="1280" xmlns="http://www.w3.org/2000/svg"><path transform="translate(998)" d="m0 0h53l4 2 19 5 15 5 16 8 16 9 12 10 11 9 8 7v2l4 2v2l4 2v2l4 2v2l4 2 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 6 7 6 5 7 8 43 43 6 5 6 7 16 16 9 11 9 12 8 14 9 19 8 27 2 5h1v59l-2 1-5 19-6 18-13 25-12 16-13 15-854 854-20 16-15 9-21 10-21 7-12 3-11 2h-48l1-2-17-4-24-8-26-14-17-14-8-7-9-9-11-14-7-10-12-23-5-14-5-17-3-22-1-17 3-29 7-25 5-13 12-23 10-13 11-13 7-8 724-724-2-5-730-730-9-11-10-13-12-22-6-15-7-25-3-29 1-18 3-21 8-27 8-17 8-14 11-14 11-13 7-7 10-8 15-11 23-12 24-8 17-4z" style="stroke: %23fff;"/><path transform=" translate(164, 84)" d=" m0 0h21l18 2 20 5 19 7 24 13 10 8 11 9 13 12 14 14v2h2l7 8 9 9 7 8 11 11v2h2l7 8 9 9 7 8 10 10 7 8 14 14 7 8 11 11 7 8 9 9 7 8 13 13 7 8 13 13 7 8 10 10 7 8 10 10v2h2l7 8 10 10 7 8 13 13 7 8 12 12 7 8 9 9 7 8 13 13 7 8 11 11v2h2l7 8 9 9 7 8 11 11v2h2l7 8 10 10 7 8 13 13 7 8 12 12 7 8 9 9 7 8 13 13 7 8 11 11v2h2l7 8 9 9 7 8 11 11v2h2l7 8 9 9 7 8 13 13 7 8 11 11v2h2l7 8 9 9 7 8 11 11v2h2l7 8 11 11 7 8 11 11 7 8 11 11 7 8 7 7 22 28 8 14 10 21 7 23 4 20 1 11v30l-2 19-7 27-5 13-9 19-6 10-9 12-13 16-12 13-5 6h-2l-2 4-15 15-7 8-13 13-7 8-12 12-7 8-10 10-7 8-10 10-1 2h-2l-2 4-14 14-1 2h-2l-2 4-14 14-1 2h-2l-2 4-12 12-1 2h-2v2h-2l-2 4-13 13-7 8-12 12-7 8-13 13-7 8-10 10-7 8-10 10-1 2h-2l-2 4-14 14-1 2h-2l-2 4-14 14-1 2h-2l-2 4-12 12-1 2h-2v2h-2l-2 4-13 13-7 8-12 12-7 8-13 13-7 8-8 8-1 2h-2l-2 4-14 14-1 2h-2l-2 4-14 14-1 2h-2l-2 4-14 14-7 8-10 10-1 2h-2l-2 4-15 15-7 8-9 9-7 8-16 16-7 8-8 8-1 2h-2l-2 4-13 13-2 3h-2l-2 4-14 14-7 8-12 12-7 8-10 10-1 2h-2l-2 4-15 15-7 8-9 9-7 8-16 16-7 8-11 10-11 9-9 7-18 10-15 7-23 7-16 3-25 2-29-3-18-5-17-6-19-10-11-7-14-12-10-9-11-12-14-19-12-23-5-12-8-27-1-10-2-1v-53l7-28 7-21 12-24 8-11 10-13 9-11 10-10 7-8 9-9 7-8 10-10 7-8 13-13 7-8 12-12 7-8 9-9 1-2h2l2-4 13-13 7-8 13-13 1-2h2l2-4 14-14 7-8 10-10 1-2h2l2-4 14-14 7-8 12-12 3-4h2l2-4 13-13 7-8 9-9 1-2h2l2-4 13-13 7-8 13-13 1-2h2l2-4 14-14 7-8 10-10 1-2h2l2-4 14-14 7-8 12-12 3-4h2l2-4 13-13 7-8 9-9 1-2h2l2-4 13-13 7-8 13-13 1-2h2l2-4 17-17 7-8 9-9 1-2h2l2-4 13-13 7-8 12-12 2-3h2l2-4 14-14 7-8 5-6 5-5 3-1v-2h2l-1-5-14-15-5-5v-2h-2l-7-8-14-14-7-8-12-12v-2h-2l-7-8-6-6v-2h-2l-7-8-10-10v-2h-2l-7-8-13-13-7-8-12-12-7-8-8-8-7-8-13-13-7-8-14-14-7-8-12-12-7-8-9-9-7-8-11-11-7-8-13-13-7-8-13-13-7-8-8-8-7-8-12-12v-2h-2l-7-8-12-12-7-8-13-13-7-8-8-8-7-8-12-12-7-8-13-13v-2h-2l-7-8-10-10v-2h-2l-7-8-8-8-7-8-10-10v-2h-2l-7-8-13-13-7-8-12-12-7-8-8-8-7-8-12-12-7-8-11-13-12-16-12-22-6-15-7-23-2-8-1-2-1-5v-54l4-16 7-24 9-20 10-18 13-16 8-10 14-13 14-11 17-10 17-8 19-6 14-3z"/><path transform=" translate(1, 1726)" d=" m0 0"/><path transform=" translate(1053)" d=" m0 0"/></svg>') left/cover;

    content: "";

    display: block;

    filter: brightness(0) saturate(100%) invert(37%) sepia(92%) saturate(5722%) hue-rotate(359deg) brightness(98%) contrast(112%);

    height: 10px;

    left: 0;

    position: absolute;

    top: 8px;

    width: 10px;

}





.ar .type-mask_services .services .service-wrapper .content ul li:before {

    left: unset;

    right: 0;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}



.type-mask_services .services .service-wrapper .content ul li:last-child {

    margin-bottom: 0;

}



.type-mask_services .services .service-wrapper .row {

    margin: 0;

    justify-content: space-between;

}



.type-mask_services .services .service-wrapper p {

    color: #5f5f5f;

    letter-spacing: 0.058px;

}



.type-mask_services .services .service-wrapper.img-left {

    padding-bottom: 102px;

    padding-top: 102px;

}



/* .type-mask_services .services .service-wrapper.img-left .col-md-6:not(.img-wrapper) {

    padding: 0 0 0 71px;

} */



/* .ar .type-mask_services  .services  .service-wrapper.img-left .col-md-6:not(.img-wrapper) {

    padding: 0 71px 0 0;

} */



.type-mask_services+.type-mask_services:last-child {

    margin-bottom: 118.51px;

}





.button-404 {

    width: auto;

    max-width: 260px;

    margin: auto !important;

    padding: 15px !important;

    margin-bottom:  8.681vw !important;

}

.btn.bkg-primary.text-light.button-404:hover{

    background-color: transparent;

    border: 1px solid #ff2803;

    box-shadow: 0 0 0 6px #ff28032b;

    color: #ff2803 !important;

}

.logo-description { font-size:1.111vw; line-height:1.667vw; padding-top:25px; }

@media screen and (min-width: 1440px) {

    .container {

        max-width: 1440px;

    }



    .home-philosofy .philosofy_text {

        flex: 1;

    }

}



@media screen and (min-width:2100px) {

    .pd-section {

        padding: 0 134px;

    }



    .home-philosofy .pd-section {

        padding: 0 134px;

    }



    .logo-slider.layout-1 .logo-wrapper {

        padding-left: 134px;

    }



    .logo-slider.layout-1 .logo-wrapper {

        padding-right: 0;

    }



    .ar .logo-slider.layout-1 .logo-wrapper {

        padding-right: 134px;

    }



    .lightmaster.pd-section .container>div {

        padding: 0 135px;

    }



    .logo-slider.layout-2 .logo-wrapper {

        padding: 89px 135px calc(32.983vh + 189px);

    }



    .logo-slider.layout-1 img {

        padding: 0 1.3vw;

    }

}



/* @media screen and (min-width: 1921px) {

    .container {

        max-width: 80vw;

    }

} */



/* @media screen and (max-width: 1700px) {



    .logo-slider.layout-2 .logo-description,

    .logo-slider.layout-3 .logo-description {

        font-size: 16px;

        line-height: 24px;

        margin-left: 15px;

    }



    .projects .items {

        padding: 40px;

    }



    .projects .items .content {

        padding-right: 60px;

    }



    .projects .items .tagln {

        margin: 0;

    }

} */



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

    .creating-light .content {

        padding: 50px 30px;

    }



    .light-way-wrapper .content {

        width: 100%;

    }



    .light-way-wrapper .img-wrapper {

        flex: 0 0 400px;

        max-width: 400px;

    }



    .light-way-wrapper .lw-wrap .row .col-md-6:nth-child(2) {

        flex: 0 0 calc(100% - 400px);

        max-width: calc(100% - 400px);

    }



    .creating-light .row {

        height: 435.5px;

    }



    .hct_btn_header2 p {

        width: 317px;

    }



    .hero .content {

        padding-left: 60px;

        padding-right: 60px;

    }



    .light-way-wrapper.img-1 .img-wrapper {

        /*! padding-left: 15px; */

        /*! padding-right: 15px; */

        flex: 0 0 400px;

        max-width: 400px;

    }



    .philosofy_text {

        margin-left: 5.223%;

        margin-right: 3.968%;

    }



    .pos-right .philosofy_text {

        margin-right: 5.223%;

        margin-left: 3.968%;

    }



    .ar .section-wrap>div:not(.pos-left) .projects .items .desc-wrap,

    body:not(.ar) .section-wrap .pos-right .projects .items .desc-wrap,

    .projects.projects-section .items .content.content-right .desc-wrap {

        padding-left: 0;

    }



    .projects .items .col-md-6 {

        flex: 0 0 475px;

        max-width: 475px;

        padding: 0;

    }



    .projects .items .col-md-6.cwrap {

        flex: 0 0 calc(100% - 475px);

        max-width: calc(100% - 475px);

    }



    .projects .items .content {

        padding-right: 15px;

    }



    .projects .items .desc-wrap {

        padding-right: 0;

    }



    .ar .section-wrap>div:not(.pos-left) .projects .items .desc-wrap,

    body:not(.ar) .section-wrap .pos-right .projects .items .desc-wrap,

    .projects.projects-section .items .content.content-right .desc-wrap {

        padding-left: 0px;

    }



    .projects.projects-section .row.items {

        padding-left: 63px;

        padding-right: 63px;

    }



    .ar .projects.projects-section .row.items {

        padding-right: 63px;

        padding-left: 63px;

    }



    .solution .content,

    .solution.pos-right .content {

        margin-left: 60px;

        margin-right: 60px;

    }



    .solution .content .head:last-child {

        margin-left: 13px;

    }



    .solution.pos-right .content .head:last-child {

        margin-right: 13px;

    }



    .type-mask_services .services .service-wrapper {

        padding: 109px 5.25vw;

    }





    .hero .content_wrapper {

        flex-wrap: wrap;

        height: 100%;

        display: flex;

    }



    .hero .content_wrapper .content {

        height: calc(100% - 160px);

        flex: 0 0 100%;

    }



    .hero .content_wrapper .play-icon {

        padding-right: 37px;

        flex: 0 0 100%;

        padding-left: 37px;

        margin-bottom: 0px;

    }

}





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



    .hero .content_wrapper .play-icon svg {

        height: 100px;

        width: 100px;

    }



    .hero video {

        object-position: left;

    }

}



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



    .ar .contact-us .content,

    .contact-us .content {

        margin-left: auto;

        margin-right: auto;

    }



    .contact-us .infowrapper {

        height: auto;

        width: 50%;

    }





}



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



    a.btn.bkg-primary,

    .pos-right .btn.bkg-primary {

        padding: 9px 9px 9px 17px;

    }



    .banner-section .banner-data .content .head:last-of-type {

        margin-left: 80px;

    }



    .banner-section .banner-data .content.pos-right .head:last-of-type {

        margin-right: 80px;

    }



    .banner-section .banner-data {

        height: 450px;

    }



    .banner-section .banner-data .content {

        left: 80px;

        top: 90px;

    }



    .banner-section .banner-data .content.pos-right {

        right: 80px;

    }



    .creating-light .content {

        padding: 50px 30px 50px 30px;

    }



    .creating-light .row {

        height: 467px;

        margin: 0;

    }



    .hero .content .head:first-child,

    .solution .content .head:first-child {

        margin-bottom: 10px;

    }



    .hero .content .head:last-child,

    .solution .content .head:last-child {

        margin-left: 20px;

    }



    .hero .pos-pos-right .content .head:last-child,

    .solution.pos-right .content .head:last-child {

        margin-right: 20px;

    }



    .hero .head,

    .solution .content .head {

        font-size: 60px;

    }



    .solution .connected-items {

        margin-top: -200px;

    }



    .hero video {

        object-position: left;

    }



    .light-way-wrapper .content {

        /*! margin-left: 0; */

        width: unset;

    }



    .light-way-wrapper.pos-right .content {

        /* margin-right: 0; */

        width: unset;

    }



    .light-way-wrapper .lw-wrap {

        margin: 60px 40px;

    }



    .light-way-wrapper.img-1 {

        margin-bottom: 40px;

    }



    .light-way-wrapper.img-1 .img-wrapper {

        padding-left: 15px;

        padding-right: 15px;

        padding: 0px;

    }



    .logo-slider.layout-2 img {

        height: 100%;

        object-fit: scale-down;

        width: 100% !important;

    }



    .philosofy_text {

        margin-left: 3.223%;

        margin-right: 0;

    }



    .philosofy_text .head {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 20px;

    }



    .pos-right .philosofy_text {

        margin-right: 3.223%;

        margin-left: 0;

    }



    .projects .items {

        padding: 50px 44.5px;

    }



    .projects .items .col-md-6 {

        flex: 0 0 375px;

        max-width: 375px;

    }



    .projects .items .col-md-6.cwrap {

        flex: 0 0 calc(100% - 375px);

        max-width: calc(100% - 375px);

    }



    .projects .items .content {

        padding-right: 0;

    }



    .full-image .bg-wrapper {

        margin: -25px 0 0;

        padding-top: 100px;

    }



    .full-image .full_img_content_wrapper {

        padding: 0 80px 0px;

    }



    .full-image .bg-wrapper .full_img_wrapper {

        padding: 0 80px 45px;

    }



    .solution .connected-items {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        padding-left: 15px;

        padding-right: 0;

    }



    .ar .solution .connected-items {

        padding-right: 15px;

        padding-left: 0;

    }



    .ar .solution .connected-items .row.items-wrapper .owl-stage-outer .owl-stage {

        padding-right: 0px !important;

        padding-left: 30px !important;

    }



    .solution .connected-items .itmdescr {

        margin-top: 15px;

    }



    .solution .connected-items .row.items-wrapper .col-md-3 {

        flex: 0 0 100%;

        height: 100%;

        max-width: 100%;

    }



    .solution .connected-items .row.items-wrapper .owl-stage-outer .owl-stage {

        display: flex;

    }



    .solution .connected-items .row.owl-carousel {

        margin: 0 !important;

    }



    .solution .connected-items .row.owl-carousel .owl-stage-outer {

        overflow: visible;

    }



    .solution .connected-items .row.owl-carousel .owl-stage-outer .owl-item {

        opacity: 0;

        transition: 0.5s;

    }



    .solution .connected-items .row.owl-carousel .owl-stage-outer .owl-item.active,

    .solution .connected-items .row.owl-carousel .owl-stage-outer .owl-item.active+.owl-item {

        opacity: 1;

        visibility: visible;

    }



    .solution .container {

        overflow: hidden;

    }



    .solution .content,

    .solution.pos-right .content {

        margin-left: 52px;

        margin-right: 52px;

    }





    .tag-line .bg-red {

        height: 15px;

        margin-left: 25px;

        margin-right: 25px;

        padding: 7px;

        width: 15px;

    }



    .type-mask_brand_profiles .brands-profile .row.img-wrap .col-md-4 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .type-mask_services .services .service-wrapper {

        padding: 109px 4.25vw;

    }



    .projects.projects-section .row.items,

    .ar .projects.projects-section .row.items {

        padding-left: 50px;

        padding-right: 50px;

    }

}



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

    #type-mask_projects:nth-child(odd) .projects.projects-section .row.items {

        flex-direction: column-reverse;

    }



    .light-way-wrapper .lw-wrap .row .col-md-6:nth-child(2) {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .ar .hero .pos-pos-center .content .hct_btn_header2 .btn.bkg-primary {

        margin-left: auto;

    }



    .banner-section .banner-data .content .head:last-of-type {

        margin-left: 60px;

    }



    .banner-section .banner-data .content.pos-right .head:last-of-type {

        margin-right: 60px;

    }



    .solution.pos-center .content .head:first-child {

        text-align: center;

    }



    .solution.pos-center .content .head:last-child {

        margin-left: auto;

        margin-right: auto;

    }



    .solution.pos-center .hct_btn_header2 p {

        text-align: center;

    }



    .solution.pos-center .hct_btn_header2 .btn.bkg-primary {

        margin-right: auto;

    }



    .hero .pos-pos-right .hct_btn_header2,

    .solution.pos-right .hct_btn_header2,

    .ar .hero .pos-pos-right .hct_btn_header2,

    .ar .solution.pos-right .hct_btn_header2,

    .ar .solution:not(.pos-right) .content .hct_btn_header2,

    .ar .hero .pos-pos-left .hct_btn_header2 {

        flex-direction: column-reverse;

    }



    .ar .solution:not(.pos-right) .content h2 {

        margin-right: auto;

    }



    .ar .hero .pos-pos-left .hct_btn_header2 .head,

    .ar .hero .pos-pos-left .hct_btn_header2 .btn {

        margin-right: auto;

    }



    .ar .hero .pos-pos-left .hct_btn_header2 .btn {

        margin-left: 0px;

    }



    .ar .solution.pos-left .hct_btn_header2 .btn.bkg-primary,

    .ar .solution.pos-left .content p {

        margin-right: auto;

        text-align: left;

        margin-left: 0px;

    }



    .ar .hct_btn_header2 .btn.bkg-primary {

        padding: 9px 25px 12px 10px;



    }



    .hero .pos-pos-center .content .head:last-child,

    .ar .hero .pos-pos-center .content .head:last-child {

        margin-left: 10px;

        margin-right: 10px;

        width: calc(100% - 20px);

    }



    .solution.pos-right .hct_btn_header2 p {

        text-align: right;

    }



    .solution.pos-right .content .btn {

        margin-left: auto;

        margin-right: 0px;

    }



    .pos-pos-center .hct_btn_header2 .btn.bkg-primary,

    .ar .pos-pos-center .hct_btn_header2 .btn.bkg-primary {

        margin-left: auto;

        margin-right: auto;

        margin-top: 30px;

    }



    .banner-section .banner-data {

        height: 350px;

        margin-top: 0;

    }



    .banner-section .banner-data .content {

        left: 30px;

        top: 60px;

    }



    .banner-section .banner-data .content.pos-right {

        right: 30px;

    }



    .banner-section .banner-data .content .banner-description {

        font-size: 14px;

        line-height: 22px;

        width: 575px;

    }



    .banner-section .banner-data .content .head {

        font-size: 50px;

        line-height: 55px;

    }



    .connected-items .owl-item .col-md-3 {

        padding-left: 5px;

        padding-right: 5px;

    }



    .contact-us .content {

        margin-bottom: 60px;

        margin-top: 80px;

    }



    .contact-us .content {

        margin-top: 123px;

        width: calc(100% - 30px);

    }



    .contact-us .content .head {

        font-size: 29px;

        line-height: 39.14px;

    }



    .contact-us .content .wrap {

        padding-top: 25px;

    }



    .contact-us .content span {

        font-size: 14px;

        margin-left: 15px;

    }



    .contact-us .formwrapper,

    .contact-us .infowrapper,

    .light-way-wrapper.img-1 .img-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .contact-us .frame-type-form_formframework {

        margin-left: 0px;

    }



    .ar .contact-us .frame-type-form_formframework {

        margin-right: 0px;

    }



    .contact-us .infowrapper {

        order: 2;

    }



    .contact-us .infowrapper {

        margin-top: 30px;

        order: 2;

    }



    .contact-us .wrapper {

        margin-bottom: 80px;

        margin-top: 80px;

    }



    .contact-us form .clearfix {

        margin-bottom: 20px;

    }



    .contact-us form .clearfix h2 {

        font-size: 14px;

        line-height: 20px;

    }



    .contact-us form .form-control,

    .contact-us form .form-control::placeholder {

        font-size: 14px;

        line-height: 21px;

    }



    .contact-us form .form-group {

        margin-bottom: 20px;

    }



    .contact-us form h2 {

        font-size: 29px;

        line-height: 39.14px;

    }



    .contact-us form textarea.form-control {

        height: 100px;

    }



    .creating-light .content {

        padding: 23px;

    }



    .creating-light .row {

        height: 550.5px;

        margin: 0;

    }



    .hct_btn_header2 {

        align-items: start;

        flex-direction: column-reverse;

        justify-content: space-between;

    }



    .hct_btn_header2 p {

        left: unset;

        margin-top: 20px;

        padding-top: unset;

        position: relative;

        top: unset;

        width: auto;

    }



    .hct_btn_header2 p,

    .philosofy_text .btn.bkg-primary.text-white,

    .projects.projects-section .data-wrapper .col-md-6.imgwrap,

    .projects.projects-section .data-wrapper.img-left .col-md-6.imgwrap {

        margin-bottom: 30px;

    }



    .hero .content {

        padding-top: 60px;

    }



    .hero .content .head:first-child,

    .solution .content .head:first-child {

        margin-bottom: 0;

    }



    .hero .content .head:last-child,

    .solution .content .head:last-child {

        margin-left: 60px;

    }



    .hero .pos-pos-right .content .head:last-child,

    .solution.pos-right .content .head:last-child {

        margin-right: 60px;

    }



    .solution .connected-items {

        margin-top: -150px;

    }



    .hero .content,

    .solution .content,

    .solution.pos-right .content {

        padding-left: 40px;

        padding-right: 40px;

        width: 100%;

    }



    .hero .content_wrapper,

    .solution .content_wrapper {

        align-items: center;

        display: flex;

        justify-content: center;

    }



    .hero .content_wrapper {

        flex-wrap: wrap;

        height: 100%;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .hero .head,

    .solution .content .head {

        font-size: 60px;

    }



    .hero .content .hct_btn_header2 .btn.bkg-primary {

        margin-top: 14px;

    }



    .hero .pos-pos-right .content .hct_btn_header2 .btn.bkg-primary {

        margin-right: -2px;

        margin-left: auto;

    }



    .ar .hero .content .hct_btn_header2 a.btn.bkg-primary .hcta_arrow {

        margin-left: 0;

        margin-right: 25px;

    }



    .hero video {

        object-position: left;

    }



    .home-philosofy .row .col-md-6 {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 0;

    }



    .home-philosofy,

    .lnkwrap {

        margin-top: 60px;

    }



    .light-way-wrapper .content {

        margin-left: unset;

        width: auto;

    }



    .light-way-wrapper.pos-right .content {

        margin-right: unset;

    }



    .light-way-wrapper .content .head {

        padding-right: unset;

    }



    .ar .light-way-wrapper .content .head {

        padding-left: unset;

    }



    .light-way-wrapper .img-wrapper,

    .light-way-wrapper.pos-right .img-wrapper {

        padding-left: 0px;

        padding-right: 0px;

    }



    .light-way-wrapper .lw-wrap {

        margin: 60px 40px;

    }



    .light-way-wrapper .lw-wrap .row {

        justify-content: space-between;

    }



    .lightmaster.pd-section .container>div {

        padding: 0 6.032vw;

    }



    .lightmaster.pd-section .projects,

    .logo-slider.layout-2 .logo-wrapper .row:nth-child(2) {

        margin-top: 40px;

    }



    .lnkwrap {

        margin-bottom: 20px;

    }



    .logo-slider .logo-wrapper {

        padding-left: 5vw;

    }



    .logo-slider.layout-1 .row {

        padding-bottom: 49px;

        padding-top: 34px;

    }



    .logo-slider.layout-1 .row .col-4.col-sm-3 {

        flex: 0 0 200px;

        max-width: 200px;

    }



    .logo-slider.layout-1 .row .col-8.col-sm-9 {

        flex: 0 0 calc(100% - 200px);

        max-width: calc(100% - 200px);

    }



    .logo-slider.layout-2 .logo-wrapper {

        padding: 60px 6.032vw calc(32.983vh + 133px);

    }



    .logo-slider.layout-2 .logo-wrapper .head {

        padding-bottom: 40px;

    }



    .logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2 {

        flex: 0 0 25%;

        max-width: 25% !important;

        padding: 0 20px 50px 0;

    }



    .ar .logo-slider.layout-2.pos-right .logo-wrapper .row .col-6.col-md-2 {

        padding: 0 0 50px 20px;

    }



    .pd-section {

        padding: 0 5vw;

    }



    .philosofy_img {

        order: 1;

        padding: 0;

    }



    .philosofy_text {

        margin-left: auto;

        margin-right: 10px;

        max-width: 301px;

    }



    .philosofy_text .head {

        font-size: 30px;

        line-height: 35px;

    }



    .philosofy_text p {

        margin-bottom: 25px;

    }



    .pos-right .philosofy_text {

        margin-left: 10px;

        margin-right: auto;

        max-width: 301px;

    }



    .projects .items {

        padding: 40px 34.5px;

    }



    .projects .items .bottombtn {

        margin-bottom: 30px;

        margin-top: 20px;

        position: relative;

        width: max-content;

    }



    .projects .items .col-md-6,

    .projects .items .col-md-6,

    .projects .items .col-md-6.cwrap {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .projects.projects-section .row.items,

    .ar .projects.projects-section .row.items {

        padding-left: 42px;

        padding-right: 42px;

    }



    .full-image .bg-wrapper {

        margin: -25px 0 0;

        padding-top: 75px;

        padding-left: 20px;

        padding-right: 20px;

    }





    .full-image .bg-wrapper .full_img_wrapper,

    .full-image .full_img_content_wrapper {

        padding: 0 50px;

    }



    .full-image .bg-wrapper .full_img_wrapper {

        padding-bottom: 45px;

    }



    .section_margin {

        background-color: transparent;

        margin: 0 10px;

        padding-left: 0;

        padding-right: 0;

    }



    .solution .connected-items {

        padding-bottom: 39px;

        padding-left: 0;

    }



    .solution .connected-items .itmdescr {

        font-size: 14px;

        line-height: 23px;

    }



    .solution .connected-items .overlay {

        padding: 10px;

    }



    .solution .content,

    .solution.pos-right .content {

        margin-left: 0;

        margin-right: 0;

        margin-top: 40px;

    }





    .solution .items-wrapper {

        padding: 0 20px;

    }



    .solution .top {

        align-items: start;

    }



    .tag-line .display-1,

    .ar .tag-line .display-1 {

        line-height: 9.9vw;

    }



    .type-mask_brand_profiles .brands-profile .wrapper {

        padding-left: 6.865vw;

        padding-right: 8.896vw;

    }



    .type-mask_brand_profiles .brands-profile .wrapper picture img {

        height: 210px;

    }



    .type-mask_logo_slider .logo-slider.layout-3 .logo-wrapper {

        padding-left: 6.865vw;

        padding-right: 5.9277vw;

    }



    .type-mask_logo_slider .logo-slider.layout-3.pos-right .logo-wrapper {

        padding-right: 6.865vw;

        padding-left: 5.9277vw;

    }



    .type-mask_services .services .service-wrapper {

        padding: 80px 4.25vw;

    }



    .type-mask_services .services .service-wrapper .col-md-6 {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 0;

    }



    .type-mask_services .services .service-wrapper .col-md-6.img-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .type-mask_services .services .service-wrapper .content {

        margin-bottom: 0;

    }



    .type-mask_services .services .service-wrapper.img-left {

        padding-bottom: 60px;

        padding-top: 60px;

    }



    .type-mask_services .services .service-wrapper.img-left .col-md-6:not(.img-wrapper) {

        padding-left: 0;

    }



    .type-mask_services .services .service-wrapper.img-right .row {

        flex-direction: row-reverse !important;

    }



    .type-mask_services+.type-mask_services:last-child {

        margin-bottom: 80px;

    }



    .light-way-wrapper .img-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .projects-section .img-right .imgwrap,

    .ar .projects-section .img-left .col-md-6.imgwrap,

    .ar .projects-section .img-left .col-md-6:not(.imgwrap) {



        order: unset;

    }



    .projects.projects-section .data-wrapper.img-left .row.items {

        flex-direction: row !important;

    }



    .projects.projects-section .data-wrapper.img-right .row.items {

        flex-direction: row-reverse !important;

    }



    .contact-us form .form-check label {

        font-size: 14px;

        line-height: 16px;

    }



    .projects.projects-section .items .col-md-6.imgwrap .imgwrap,

    .ar .projects.projects-section .items .col-md-6.imgwrap .imgwrap {

        padding: 0px;

    }

}



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

    .button-404 { 

        margin-bottom: 0;

    }

    a.btn.bkg-primary .hcta_arrow {

        margin-left: 20px;

    }



    .hero .content_wrapper .content {

        height: calc(100% - 94px);

    }



    .solution .top {

        margin-bottom: -24vh;

    }



    .philosofy_img img {

        height: 327px;

        object-fit: cover;

    }



    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) .wrap picture:first-child img {

        margin-bottom: 12.5px;

    }



    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:first-child {

        width: calc(50% - 12.5px);

        margin-right: 12.5px;

    }



    .light-way-wrapper.pos-right .lw-wrap .img-wrapper .images.img-3 .grid-img:first-child {

        margin-left: 12.5px;

    }



    .solution .connected-items .row.owl-carousel .owl-stage-outer .owl-item {

        opacity: 1;

        transition: 0.5s;

    }



    #type-mask_projects {

        margin-top: 50px !important;

    }



    #type-mask_projects:nth-child(odd) .projects.projects-section .row.items {

        flex-direction: column-reverse;

    }



    .ar .contact-us .frame-type-form_formframework {

        padding: 0;

    }



    .banner-section .banner-data {

        border-radius: 10px;

        height: 450px;

    }



    .banner-section .banner-data .content {

        left: 10px;

        right: 10px;

        top: 95px;

    }



    .banner-section .banner-data .content.pos-right {

        right: 10px;

        left: 10px;

    }



    .banner-section .banner-data .content .banner-description {

        font-size: 16px;

        font-weight: 400;

        line-height: 27px;

        width: 100%;

    }



    body .banner-section .banner-data .content.pos-center .banner-description {

        width: calc(100% - 20px);

    }



    body .banner-section .banner-data .content.pos-center .head {

        width: calc(100% - 20px);

    }



    .banner-section .banner-data .content .head {

        font-size: 36px;

        line-height: 36px;

    }



    .banner-section .banner-data .content .head:last-of-type {

        margin-left: 50px;

    }



    .banner-section .banner-data .content.pos-right .head:last-of-type {

        margin-right: 50px;

    }



    .banner-section .banner-data img {

        height: 100%;

        object-fit: cover;

    }



    .connected-items .owl-item .col-md-3 {

        padding-left: 5px;

        padding-right: 5px;

    }



    .contact-us .btn-group>.btn:first-child {

        margin-left: 7px;

    }



    .ar .contact-us .btn-group>.btn:first-child {

        margin-left: 0px;

        margin-right: 7px;

    }



    .contact-us .container {

        padding: 0px 20px;

    }



    .contact-us .content {

        margin-bottom: 50px;

        margin-left: 25px;

        margin-top: 50px;

    }



    .ar .contact-us .content {

        margin-right: 25px;

    }



    .contact-us .content .head {

        font-size: 32px;

        line-height: 40px;

    }



    .contact-us .content a,

    .contact-us .content span {

        font-size: 14px;

        line-height: 21px;

    }



    .contact-us .formwrapper,

    .contact-us .infowrapper {

        margin: auto;

        width: 362px;

    }



    .contact-us .formwrapper,

    .contact-us .infowrapper {

        margin-left: 0px;

    }



    .contact-us .frame-type-form_formframework {

        margin: 0;

        padding: 0;

        width: 344.28px;

    }



    .contact-us .infowrapper {

        margin-top: 0px;

    }



    .contact-us .infowrapper {

        width: 100%;

    }



    .contact-us .shape-1 {

        background-size: 69px 80%;

    }



    .contact-us .shape-2 {

        background-size: 70%;

    }



    .contact-us .shape-3,

    .contact-us .shape-4 {

        background-position: bottom right;

        background-size: 66%;

    }



    .contact-us .wrapper {

        border-radius: 6.93px;

        box-shadow: 0px 0px 41.56px 20.78px #00000005;

        margin-bottom: 60px;

        margin-top: 69px;

        padding: 20px 12px;

    }



    .contact-us .wrapper .infowrapper {

        order: 1;

    }



    .contact-us form .clearfix {

        margin-bottom: 15px;

    }



    .contact-us form .clearfix h2 {

        font-size: 16px;

        line-height: 24px;

    }



    .contact-us form .form-control {

        padding: 8px 5px 7px;

    }



    .contact-us form .form-group {

        margin-bottom: 25px;

    }



    .contact-us form button {

        font-size: 12.4689px;

        height: 34.64px;

        line-height: 12px;

        margin-bottom: 35px;

        width: 156.55px;

        margin-top: 5px;

    }



    .contact-us form h2 {

        font-size: 32px;

        line-height: 40px;

        margin-bottom: 12px;

    }



    .container,

    .projects.projects-section .items .col-md-6.imgwrap .imgwrap,

    .ar .projects.projects-section .items .col-md-6.imgwrap .imgwrap {

        padding: 0 10px;

    }



    .content-element.mb-88 {

        margin-bottom: 45px !important;

    }



    .creating-light .content {

        padding: 30px 20px 40px;

    }



    .creating-light .content .desc {

        font-weight: 300;

        line-height: 22px;

    }



    .creating-light .content .head {

        font-size: 32px;

        line-height: 40px;

    }



    .creating-light .content-wraper,

    .creating-light .row .col-md-6>.content-wraper:before,

    .creating-light.pos-right .content-wraper,

    .creating-light.pos-right .row .col-md-6>.content-wraper:before {

        border-radius: 0 0 20px 20px;

    }



    .creating-light .row {

        flex-direction: column-reverse !important;

        height: unset;

        padding-bottom: 40px;

    }



    .creating-light .row .col-md-6 img,

    .creating-light .row .col-md-6:nth-child(2):before,

    .creating-light.pos-right .row .col-md-6 img,

    .creating-light.pos-right .row .col-md-6:nth-child(2):before {

        border-radius: 20px 20px 0 0;

    }



    .hct_btn_header2 {

        align-items: start;

        flex-direction: column-reverse;

    }



    .hero .content {

        padding-left: 29px;

        padding-right: 29px;

        padding-top: 126px;

    }



    .hero .content .btn,

    .solution .content .btn {

        margin-right: 95px;

        margin-top: 15px;

    }



    .ar .hero .content .btn,

    .ar .solution .content .btn {

        margin-left: 95px;

        margin-right: 0px;

    }



    .hero .content .head:first-child,

    .solution .content .head:first-child {

        line-height: 1.5;

        margin-bottom: 0;

    }



    .hero .content .head:last-child,

    .solution .content .head:last-child {

        line-height: 1;

        margin-left: 50px;

    }



    .hero .pos-pos-right .content .head:last-child,

    .solution.pos-right .content .head:last-child {

        margin-right: 50px;

    }



    .hero .pos-pos-right .hct_btn_header2 {

        align-items: flex-end;

        flex-direction: column-reverse;

    }



    .hero .content,

    .solution .content,

    .solution.pos-right .content {

        margin: 0;

        width: 100%;

    }



    .hero .content_wrapper .play-icon {

        bottom: 22px;

        padding-left: 16px;

        padding-right: 16px;

        margin-bottom: 0px;

        flex: 0 0 100%;

    }



    .hero .content {

        height: calc(100% - 77px);

    }



    .hero .content_wrapper .play-icon svg {

        height: 55px;

        width: 55px;

    }



    .hero .content_wrapper,

    .solution .content_wrapper {

        align-items: center;

        display: flex;

        justify-content: center;

        width: 100%;

    }



    .hero .head,

    .solution .content .head {

        font-size: 32px;

        font-weight: 600;

        line-height: 27px;

    }



    .hero .relative,

    .hero .relative::before,

    .hero-video {

        border-radius: 10px;

    }



    .hero video {

        object-position: 16% 50%;

    }



    .home-philosofy .row,

    .projects.projects-section .data-wrapper .col-md-6.imgwrap,

    .projects.projects-section .data-wrapper.img-left .col-md-6.imgwrap,

    .section_margin {

        margin: 0;

    }



    .iframewrapper iframe {

        border-radius: 8.74px;

        height: 202px;

        margin-bottom: 70px;

    }



    .light-way-wrapper .content {

        margin-left: unset;

        padding-bottom: 60px;

        padding-top: 40px;

        width: unset;

    }



    .light-way-wrapper.img-1 {

        margin-bottom: 70px;

    }



    .projects.projects-section .items .content {

        padding-bottom: 0px;

    }



    .projects.projects-section .items .content .desc-wrap {

        margin-bottom: 0px;

    }



    .full-image .bg-wrapper .head {

        font-size: 32px;

        line-height: 40.32px;

        margin-bottom: 20px;

    }



    .light-way-wrapper.pos-right .content {

        margin-right: unset;

        padding-right: 0px;

    }



    .light-way-wrapper .content .desc {

        font-weight: 300;

        margin-top: 20px;

    }



    .light-way-wrapper .content .head,

    .light-way-wrapper.img-1 .content .head,

    .philosofy_text .head {

        font-size: 32px;

        line-height: 40.32px;

    }



    .philosofy_text .head {

        margin-bottom: 10px;

    }



    .light-way-wrapper .img-wrapper,

    .light-way-wrapper.pos-right .img-wrapper {

        padding-right: 0px;

        padding: 0px;

    }



    .light-way-wrapper .img-wrapper,

    .light-way-wrapper .img-wrapper .images.img-3,

    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img,

    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img .wrap,

    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img img {

        height: 100%;

    }



    .light-way-wrapper .img-wrapper .images.img-3 {

        flex-wrap: unset;

    }



    .light-way-wrapper .lw-wrap {

        margin: 60px 10px 0;

    }



    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) .wrap picture:first-child img {

        height: 55%;

        margin-bottom: 12.5px;

    }



    .light-way-wrapper .lw-wrap .img-wrapper .images.img-3 .grid-img:nth-child(2) .wrap picture:nth-child(2) img {

        height: 40.8%;

    }



    .light-way-wrapper.img-1 .content {

        padding-bottom: 0;

        padding-left: 0px;

    }



    .light-way-wrapper.pos-right .img-1 .content {

        padding-left: 0px;

        padding-right: 30px;

    }



    .lightmaster.pd-section .container>div,

    .pd-section {

        padding: 0 20px;

    }



    .light-way-wrapper.img-1 .lw-wrap .img-wrapper .images.img-1 img {

        object-position: top;

    }



    .light-way-wrapper.img-1 .lw-wrap .row {

        margin-left: 0px;

    }



    .light-way-wrapper.pos-right .img-1 .lw-wrap .row {

        margin-left: -15px;

        margin-right: -25px;

    }



    .light-way-wrapper:not(.img-1) .lw-wrap .row .img-wrapper {

        height: 315px;

    }



    .lightmaster .pos .head {

        font-size: 32px;

        line-height: 40.32px;

        padding: 0;

    }



    .lightmaster .projects .lnkwrap .btn.bkg-primary.text-light {

        width: 100%;

    }



    .lightmaster.pd-section .projects {

        margin-top: 20px;

    }



    .lnkwrap {

        margin-top: 40px;

        padding-left: 18px;

        padding-right: 18px;

    }



    .logo-slider .bottom-border .head {

        font-size: 32px;

        line-height: 40.32px;

        text-align: center !important;

    }



    .logo-slider .hading,

    .projects .items .head {

        font-size: 25px;

        line-height: 30px;

    }



    .lightmaster .projects .items .head {

        font-size: 28px;

        line-height: 36.4px;

    }



    .logo-slider .line,

    .logo-slider.layout-2,

    .logo-slider.layout-3,

    .logo-slider.layout-3 img {

        padding-right: 20px;

    }



    .logo-slider .logo-wrapper {

        padding-left: 20px;

    }



    .logo-slider.layout-1 .owl-carousel.owl-loaded {

        margin: 15px 0;

    }



    .logo-slider.layout-1 .row {

        padding-bottom: 39px;

        padding-top: 24px;

    }



    .logo-slider.layout-1 .row .col-4.col-sm-3 {

        flex: 0 0 141px;

        max-width: 141px;

    }



    .logo-slider.layout-1 .row .col-8.col-sm-9 {

        flex: 0 0 calc(100% - 141px);

        max-width: calc(100% - 141px);

    }



    .logo-slider.layout-2 .logo-wrapper {

        padding: 41px 20px calc(32.983vh + 133px);

    }



    .logo-slider.layout-2 .logo-wrapper .head {

        padding-bottom: 30px;

    }



    .logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2 {

        flex: 0 0 33.33%;

        max-width: 33.33% !important;

        padding-bottom: 70.84px;

        padding-left: 15px;

        padding-right: 15px;

    }



    .logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2:last-child,

    .logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2:nth-last-child(2) {

        padding-bottom: 44px;

    }



    .logo-slider.layout-2 .logo-wrapper .row:nth-child(2) {

        margin-top: 30px;

    }



    .logo-slider.layout-2 .logo-wrapper img {

        height: 100%;

        object-fit: scale-down;

        padding-left: 41px;

        width: 100% !important;

    }



    .ar .logo-slider.layout-2.pos-right .logo-wrapper img {

        padding-right: 41px;

        padding-left: 0px;

    }



    .logo-slider.layout-2 .logo-description {

        font-size: 16px;

        line-height: 24px;

        margin-left: 0;

        margin-top: 0;

        max-width: 100%;

        padding: 0 8px;

        text-align: center;

    }



    .logo-slider.layout-3 .logo-description {

        font-size: 16px;

        line-height: 24px;

        margin-left: 0;

        max-width: 100%;

        padding: 0 20px;

        text-align: center;

    }



    .logo-slider.layout-3 .row {

        padding: 15px;

    }



    .philosofy_text {

        margin-left: 0;

        margin-right: 0;

        max-width: 100%;

        padding: 0;

    }



    .philosofy_text .btn.bkg-primary.text-white {

        margin-bottom: 40px;

        margin-left: 0;

        margin-right: 0;

        max-width: 100%;

    }



    .philosofy_text p {

        font-weight: 300;

    }



    .pos-right .philosofy_text {

        margin-left: 10px;

        margin-right: 0;

        max-width: 100%;

        padding: 0;

    }



    .projects .items {

        margin: 27px 0;

        padding: 30px 19px 23px 20px;

    }



    .projects .items .bottombtn {

        margin: 15px 0 40px;

        position: unset;

        width: fit-content;

    }



    .projects .items .col-md-6,

    .projects .items .col-md-6,

    .projects .items .col-md-6.cwrap {

        flex: unset;

        max-width: unset;

    }



    .projects .items .content {

        padding: 35px 10px 10px;

    }



    .lightmaster .projects .items .content {

        padding: 0px;

    }



    .type-mask_brand_profiles .brands-profile .wrapper picture img {

        padding: 10px;

    }



    .projects .items .desc-wrap {

        font-weight: 300;

        margin-bottom: 22px;

        padding-right: 0;

    }



    .projects-section .data-wrapper .imgwrap .owl-nav button i {

        font-size: 24px;

        height: 34.82px;

        line-height: 34px;

        padding: 0;

        width: 34.82px;

    }



    .projects-section .data-wrapper .imgwrap .owl-nav {

        left: 10px;

        right: 10px;

        width: calc(100% - 20px);

    }



    .projects-section .data-wrapper .imgwrap .owl-nav button.owl-next {

        margin-right: 0px;

    }



    .ar .projects-section .data-wrapper .imgwrap .owl-nav button.owl-prev {

        margin-left: 0px

    }



    .projects-section .data-wrapper .imgwrap .owl-nav button.owl-prev i {

        margin-left: 10px;

    }



    .projects-section .data-wrapper .imgwrap .owl-nav button.owl-next i {

        margin-right: 10px;

    }



    .projects-section .owl-carousel .owl-dots {

        display: flex;

        justify-content: center;

    }



    .projects-section .owl-carousel .owl-dots .owl-dot span,

    .projects-section .owl-carousel .owl-dots .owl-dot.active span {

        height: 8.29px;

        width: 8.29px;

    }



    .projects.projects-section .items .head {

        font-size: 32px;

        line-height: 40.32px;

        padding-right: 0;

    }



    .projects.projects-section .items .content.content-right .head {

        padding-left: 0px;

    }



    .projects.projects-section .items img {

        border-radius: 12.5px;

        max-height: 315px;

        min-height: 315px;

    }



    .projects.projects-section .row.items,

    .ar .projects.projects-section .row.items {

        margin-top: 0;

        padding-left: 0;

        padding-right: 0;

    }



    .full-image .bg-wrapper {

        display: flex;

        flex-direction: column-reverse;

        margin-top: -50px;

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 80px;

    }



    .full-image .bg-wrapper .full_img_wrapper {

        height: 555px;

        padding: 0 0 35px;

    }



    .full-image .bg-wrapper head {

        font-size: 32px;

        line-height: 40.32px;

        margin-bottom: 20px;

    }



    .full-image .bg-wrapper img {

        height: 100%;

        object-fit: cover;

        object-position: right;

    }



    .full-image .bg-wrapper p {

        font-weight: 300;

        margin-bottom: 35px;

    }



    .full-image .full_img_content_wrapper {

        padding: 0 10px;

    }



    .solution {

        padding-bottom: 0;

    }



    .solution .connected-items {

        margin-top: 0%;

        padding: 0 10px;

    }



    .solution .connected-items .itmdescr {

        font-size: 18px;

        line-height: 27px;

        padding-bottom: 15px;

    }



    .solution .connected-items .overlay {

        box-shadow: 0 5px 5px 0 #00000012;

        padding: 10px;

    }



    .solution .connected-items .row.items-wrapper .owl-stage-outer {

        overflow: visible;

    }



    /* .solution .connected-items .row.items-wrapper .owl-stage-outer .owl-item {

        opacity: 0;

        visibility: hidden;

    }



    .solution .connected-items .row.items-wrapper .owl-stage-outer .owl-item.active,

    .solution .connected-items .row.items-wrapper .owl-stage-outer .owl-item.active+.owl-item {

        opacity: 1;

        visibility: visible;

    } */



    .solution .connected-items .row.owl-carousel {

        margin-left: -20px !important;

    }



    .ar .solution .connected-items .row.owl-carousel {

        margin-left: 0px !important;

        margin-right: -20px !important;

    }



    .solution .connected-items:before {

        display: none;

    }



    .solution .content,

    .solution.pos-right .content {

        left: unset;

        padding-left: 24px;

        padding-right: 25px;

        padding-top: 30px;

        position: relative;

        top: unset;

    }



    .solution .content .btn {

        margin-top: 0;

    }



    .solution .items-wrapper {

        margin-left: 10px;

        padding: 0;

    }



    .tag-line .bg-red {

        height: 5.79px;

        margin-left: 10px;

        margin-right: 10px;

        padding: 3px;

        width: 5.79px;

    }



    .tag-line .d-flex.justify-content-between {

        justify-content: center !important;

    }



    .tag-line .display-1,

    .ar .tag-line .display-1 {

        -webkit-text-stroke: 1px #e5e5e5;

        font-size: 33.06px;

        font-weight: 700;

        line-height: 25px;

        text-align: left;

    }



    .tag-line .display-1:first-child:before {

        border-radius: 5.79px;

        height: 5.79px;

        top: 50%;

        width: 5.79px;

    }



    .tagln.color-primary {

        font-size: 11px;

        line-height: 36.4px;

    }



    .type-mask_brand_profiles .brands-profile .wrapper {

        background: #f5f8fa;

        padding: 60px 20px calc(70% + 40px);

    }



    .type-mask_brand_profiles .brands-profile .wrapper .head {

        margin-bottom: 40px;

        font-size: 32px;

        line-height: 40.32px

    }



    .type-mask_brand_profiles .brands-profile .row.img-wrap {

        margin-left: -9.82px;

        margin-right: -9.82px;

    }



    .type-mask_brand_profiles .brands-profile .row.img-wrap .col-md-4 {

        padding: 0 9.82px;

    }



    .type-mask_lighting_master {

        margin: 40px 0 60px !important;

    }



    .type-mask_logo_slider .logo-slider.layout-3 {

        padding-bottom: 70px;

        padding-top: 60px;

    }



    .type-mask_logo_slider .logo-slider.layout-3 .bottom-border {

        margin-bottom: 30px;

        padding-bottom: 27px;

    }



    .type-mask_logo_slider .logo-slider.layout-3 .bottom-border .head.text-left {

        text-align: left !important;

    }



    .type-mask_logo_slider .logo-slider.layout-3 .bottom-border .head.text-right {

        text-align: right !important;

    }



    .type-mask_logo_slider .logo-slider.layout-3 .logo-wrapper {

        padding-left: 20px;

        padding-right: 0;

    }



    .type-mask_logo_slider .logo-slider.layout-3.pos-right .logo-wrapper {

        padding-right: 20px;

        padding-left: 0;

    }





    .type-mask_logo_slider .logo-slider.layout-3 .row {

        padding: 0;

    }



    .type-mask_services .services .service-wrapper {

        padding: 60px 10px;

    }



    .type-mask_services .services .service-wrapper .col-md-6.img-wrapper {

        min-height: 404.76px;

    }



    .type-mask_services .services .service-wrapper .content {

        margin-top: 35px;

    }



    .type-mask_services .services .service-wrapper .content .head {

        /* color: #000;

        font-size: 32px;

        line-height: 40.32px; */

        margin-bottom: 25px;

    }



    .type-mask_services .services .service-wrapper .content h3 {

        font-size: 24px;

        line-height: 25.58px;

        margin-bottom: 25px;

        margin-top: 35px;

    }



    .type-mask_services .services .service-wrapper .content ul li {

        line-height: 25.6px;

        padding-left: 28.65px;

    }



    .ar .type-mask_services .services .service-wrapper .content ul li {

        padding-right: 28.65px;

    }



    .type-mask_services .services .service-wrapper p {

        color: #000c;

        margin-bottom: 0;

    }



    .type-mask_services .services .service-wrapper[style*="background-color"]:not([style="background-color: #ffffff;"]) {

        padding: 40px 20px;

    }



    .type-mask_services+.type-mask_services:last-child {

        margin-bottom: 59.79px;

    }



    #type-mask_projects.type-mask_projects {

        margin-bottom: 50px !important;

    }



    #type-mask_projects.type-mask_projects:last-child {

        margin-bottom: 60px !important;

    }





}



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



    .philosofy_img,

    .philosofy_text,

    .pos-right .philosofy_img,

    .pos-right .philosofy_text {

        padding: 0 15px;

    }



    .philosofy_text .btn.bkg-primary {

        margin-left: 10px;

        margin-top: 10px;

    }



    .philosofy_text .head {

        max-width: 270px;

    }

}



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



    .hero .content .btn,

    .solution .content .btn {

        margin-right: 24px;

    }



    .logo-slider.layout-2 .logo-wrapper .row .col-6.col-md-2 {

        flex: 0 0 50%;

        max-width: 50% !important;

    }



    .solution .content .head:last-child {

        margin-left: 50px;

    }



    .solution .content .head {

        font-size: 32px;

    }



    .hero .content .head:last-child,

    .solution .content .head:last-child {

        margin-left: 53px;

    }





    .hero .pos-pos-right .content .head:last-child,

    .solution.pos-right .content .head:last-child {

        margin-right: 53px;

    }



    .solution .connected-items {

        padding: 10px;

    }



    .solution .connected-items .itmdescr {

        /*! font-size: 14px; */

        /*! line-height: 28px; */

        padding-bottom: 6px;

    }

}



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

    a.btn.bkg-primary {

        font-size: 16px;

        line-height: 20px;

    }



    .lightmaster .pos .head {

        font-size: 23px;

    }



    .hero .head,

    .solution .content .head {

        font-size: 28px;

    }



    .banner-section .banner-data .content .head:last-of-type {

        margin-left: 10px;

    }



    .banner-section .banner-data .content.pos-right .head:last-of-type {

        margin-right: 10px;

    }



    .logo-slider.layout-2 .logo-wrapper {

        padding: 50px 20px calc(32.983vh + 83px);

    }



    .banner-section .banner-data .content .head {

        display: block;

        width: 100%;

    }



    .banner-section .banner-data {

        height: 310px;

    }



    .banner-section .banner-data .content {

        left: 10px;

        top: 0px;

        bottom: 0;

        margin-top: auto;

        margin-bottom: auto;

        display: flex;

        align-content: center;

        flex-wrap: wrap;

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .banner-section .banner-data .content.pos-right {

        right: 10px;

        justify-content: flex-end;

    }



    .ar .banner-section .banner-data .content.pos-right {

        justify-content: flex-start;

    }



    .ar .banner-section .banner-data .content.pos-left {

        justify-content: flex-end;

    }



    body .banner-section .banner-data .content.pos-center {

        justify-content: center;

    }



    body .banner-section .banner-data .content.pos-center .head:last-child {

        margin-left: 0px;

    }





    .banner-section .banner-data .content .banner-description {

        font-size: 13px;

        line-height: 20px;

    }



    .banner-section .banner-data .content .head {

        font-size: 28px;

        line-height: 28px;

    }



    .lightmaster .projects .items .head {

        font-size: 25px;

        line-height: 30px;

    }



    /* .contact-us {

        padding: 0px 17px;

    } */



    .contact-us .content a,

    .contact-us .content span {

        font-size: 12px;

        line-height: 19px;

    }



    .contact-us .formwrapper,

    .contact-us .infowrapper {

        width: 100%;

    }



    .contact-us .frame-type-form_formframework {

        width: 100%;

    }



    .contact-us .wrapper {

        margin-top: 60px;

        padding: 15px 12px;

    }



    .contact-us form .form-check label span {

        margin-left: 5px;

    }



    .contact-us form h2 {

        font-size: 28px;

        line-height: 34px;

    }



    .logo-slider.layout-2 .logo-wrapper img {

        padding-left: 10px;

    }



    .logo-slider.layout-2.pos-right .logo-wrapper img {

        padding-left: 0px;

        padding-right: 10px;

    }



    .projects .items .content {

        padding: 30px 10px 0;

    }



    .projects.projects-section .items .desc-wrap {

        margin-bottom: 0;

    }



    .projects.projects-section .items .head {

        margin-bottom: 20px;

    }



    .type-mask_brand_profiles .brands-profile .row.img-wrap .col-md-4 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .type-mask_services .services .service-wrapper .col-md-6.img-wrapper {

        min-height: 304.76px;

    }



    .banner-section .banner-data .content {

        left: 10px;

        right: 10px;

        top: 20px;

        bottom: 20px;

        margin-top: auto;

        margin-bottom: auto;

        height: auto;

        display: flex;

        flex-wrap: wrap;

        align-content: center;

    }



    .hero .pos-pos-right .content .head:last-child,

    .solution.pos-right .content .head:last-child {

        margin-right: 20px;

    }



    .hero .content .head:last-child,

    .solution .content .head:last-child {

        margin-left: 20px;

    }

}



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



    .hero .content,

    .solution .content,

    .solution.pos-right .content {

        padding-left: 15px;

        padding-right: 15px;

    }



    .projects .items img,

    .projects .items img {

        min-height: 300px;

    }



}



/* Button Hover Update */

.projects .lnkwrap .btn.bkg-primary.text-light,

.projects .lnkwrap .btn.bkg-primary.text-light .hcta_arrow,

.projects .lnkwrap .btn.bkg-primary.text-light .hcta_arrow svg path,

.lightmaster .no-container .projects .items .bottombtn,

.lightmaster .no-container .projects .items .bottombtn .hcta_arrow,

.lightmaster .no-container .projects .items .bottombtn .hcta_arrow svg path,

.solution .no-container .hct_btn_header2 .btn.bkg-primary,

.solution .no-container .hct_btn_header2 .btn.bkg-primary .hcta_arrow,

.solution .no-container .hct_btn_header2 .btn.bkg-primary .hcta_arrow svg path,

.philosofy_text .btn.bkg-primary,

.philosofy_text .btn.bkg-primary .hcta_arrow,

.philosofy_text .btn.bkg-primary .hcta_arrow svg path,

.hero .no-container .hct_btn_header2 .btn.bkg-primary,

.hero .no-container .hct_btn_header2 .btn.bkg-primary .hcta_arrow,

.hero .no-container .hct_btn_header2 .btn.bkg-primary .hcta_arrow svg path {

    transform: all 0.5s ease;

}



.projects .lnkwrap .btn.bkg-primary.text-light:hover,

.solution .no-container .hct_btn_header2 .btn.bkg-primary:hover,

.philosofy_text .btn.bkg-primary:hover,

.hero .no-container .hct_btn_header2 .btn.bkg-primary:hover {

    background-color: transparent;

    color: #ff2803 !important;

}



.projects .lnkwrap .btn.bkg-primary.text-light:hover .hcta_arrow,

.solution .no-container .hct_btn_header2 .btn.bkg-primary:hover .hcta_arrow,

.philosofy_text .btn.bkg-primary:hover .hcta_arrow,

.hero .no-container .hct_btn_header2 .btn.bkg-primary:hover .hcta_arrow {

    background-color: #ff2803;

}



.projects .lnkwrap .btn.bkg-primary.text-light:hover .hcta_arrow svg path,

.solution .no-container .hct_btn_header2 .btn.bkg-primary:hover .hcta_arrow svg path,

.philosofy_text .btn.bkg-primary:hover .hcta_arrow svg path,

.hero .no-container .hct_btn_header2 .btn.bkg-primary:hover .hcta_arrow svg path {

    fill: #fff;

}



.lightmaster .no-container .projects .items .bottombtn:hover {

    background-color: #ff2803;

    color: #fff !important;

}



.lightmaster .no-container .projects .items .bottombtn:hover .hcta_arrow {

    background-color: #fff;

}



.lightmaster .no-container .projects .items .bottombtn:hover .hcta_arrow svg,

.lightmaster .no-container .projects .items .bottombtn:hover .hcta_arrow svg path {

    fill: #ff2803 !important;

    filter: unset

}