*{box-sizing:border-box}
html{font-size:16px;overflow-x:none;scroll-padding-top:110px;scroll-behavior:smooth}
::-webkit-scrollbar{width:.4rem;background-color:#555859}
::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #555859}
::-webkit-scrollbar-thumb{background-color:#000;outline:0 solid #000}
body{font-size:1rem;line-height:1.3;color:#515251;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{line-height:125%!important;text-transform:uppercase}
.elementor-swiper-button{background-image:url(assets/img/button_bg.png);background-repeat:no-repeat;border-radius:25px;padding:5px 10px;width:35px;height:35px;background-size:cover;background-position:top center}
.swiper-pagination-bullet{transition:all .5s ease-in-out;border-radius:5px!important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:2rem!important;border-radius:5px!important}
.btn_custom a{background-image:url(assets/img/button_bg.png);background-repeat:no-repeat;background-size:cover;background-position:top center}
.btn_custom button{background-image:url(assets/img/button_bg.png);background-repeat:no-repeat;background-size:cover;background-position:top center}
.sticky .elementor-sticky{background-color:#594f69cc}
body:not(.home) .logo_w{display:block}
body:not(.home) .logo{display:none}
.home .logo_w{display:none}
.home .sticky .logo_w{display:block}
.home .sticky .logo{display:none}
.elementor-swiper-button.elementor-swiper-button-prev{left:auto!important;right:5%!important}
.elementor-swiper-button.elementor-swiper-button-next{right:4%!important}
.slider_btn .cls-1{fill:#FFF}
.slider_btn svg{width:2em!important}
.services_slider .elementor-swiper-button.elementor-swiper-button-prev{left:-25%!important;right:auto!important;top:90%!important}
.services_slider .elementor-swiper-button.elementor-swiper-button-next{left:-20%!important;right:auto!important;top:90%!important}
.project_box .e-con-inner{position:relative}
.project_box .project_box_title{transition:all .5s ease-in-out!important;margin:2rem;position:absolute;bottom:20%;z-index:3;width:calc(100% - 4rem)}
.project_box .project_box_title h3{color:#FFF;font-size:1.25rem}
.project_box .project_box_arrow{transition:all .5s ease-in-out!important;position:absolute;bottom:7%;z-index:3;left:85%}
.project_box:hover .project_box_arrow{left:90%}
.project_box:hover .project_box_title{bottom:18%}
.project_box:hover::after{background:linear-gradient(180deg,#662d9100 0%,#662d91b3 100%)}
.project_box .project_box_arrow a{background-image:url(assets/img/button_bg.png);background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:50px}
.project_box .project_box_arrow svg{width:.75rem;fill:#FFF!important}
.project_box::after{transition:all .5s ease-in-out!important;background:#662D91;background:linear-gradient(180deg,#662d9100 50%,#662d91b3 100%);display:block;content:'';width:calc(100% - 20px);height:calc(100% - 10px);position:absolute;z-index:2}
.service_grid_box .e-con-inner{position:relative}
.service_grid_box .service_grid_box_title{transition:all .5s ease-in-out!important;margin:2rem;position:absolute;bottom:15%;z-index:3;width:calc(100% - 4rem)}
.service_grid_box .service_grid_box_title h3{color:#FFF;font-size:1.5rem}
.service_grid_box:hover .service_grid_box_title{bottom:13%}
.service_grid_box:hover::after{background:linear-gradient(180deg,#662d9100 0%,#662d91b3 100%)}
.service_grid_box::after{transition:all .5s ease-in-out!important;background:#662D91;background:linear-gradient(180deg,#662d9100 50%,#662d91b3 100%);display:block;content:'';width:100%;height:100%;position:absolute;z-index:2}
.projects_slider .elementor-swiper-button.elementor-swiper-button-prev{right:5%!important;left:auto!important;top:-10%!important}
.projects_slider .elementor-swiper-button.elementor-swiper-button-next{right:0!important;left:auto!important;top:-10%!important}
body.page-id-1167 .logo_w,body.project-template-default .logo_w{display:none}
body.page-id-1167 .sticky .logo_w,body.project-template-default .sticky .logo_w{display:block}
body.page-id-1167 .logo,body.project-template-default .logo{display:block}
body.page-id-1167 .sticky .logo,body.project-template-default .sticky .logo{display:none}
body.page-id-1167 .sticky .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text,body.project-template-default .sticky .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text{color:#FFF}
.popup_content{display:flex;flex-direction:column;justify-content:center}
.popup_content .cpt-popup-title,.popup_content .cpt-popup-content{color:#FFF}
.popup_content .cpt-popup-title{text-transform:uppercase}
.team_member{position:relative}
.sm_team_member{position:absolute!important;right:10%;top:50%}
.team_position p{min-height:50px}
.certificates .elementor-swiper-button.elementor-swiper-button-prev{left:0!important;right:auto!important;top:50%!important}
.certificates .elementor-swiper-button.elementor-swiper-button-next{left:auto!important;right:0!important;top:50%!important}
body.page-id-1167 .elementor-widget-n-menu .e-n-menu-toggle svg{fill:#58549b!important}
body.project-template-default .elementor-widget-n-menu .e-n-menu-toggle svg{fill:#58549b!important}
body.page-id-1167 .sticky .elementor-widget-n-menu .e-n-menu-toggle svg{fill:#FFF!important}
body.project-template-default .sticky .elementor-widget-n-menu .e-n-menu-toggle svg{fill:#FFF!important}
.clients_slider .left_arrow.slick-arrow{cursor:pointer;left:5%;position:absolute;top:50%;width:20px;z-index:2}
.clients_slider .right_arrow.slick-arrow{cursor:pointer;right:5%;position:absolute;top:50%;width:20px;display:none;z-index:2}
.clients_slider .slick-arrow:before{color:#000}
.main_slider::after{background:#662D91;background:linear-gradient(180deg,#662d91b3 0%,#662d9100 50%);display:block;content:'';width:100%;height:100%;position:absolute;z-index:2}
.triggered-gallery{display:none}

.swiper-wrapper {display: flex;align-items: center;}

/* Make Elementor lightbox wider */
.elementor-lightbox .dialog-widget-content {
  max-width: 95vw !important;  /* wider viewport, default is ~80vw */
  max-height: 95vh !important; /* keep inside viewport */
}

.elementor-lightbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;  /* keeps different aspect ratios neat */
}


/* Slight zoom when hovering the image */
.elementor-lightbox img:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
@media screen and (min-width: 1920px) {
html{font-size:16px}
.btn_custom a{font-size:1rem;line-height:140%}
.btn_custom button{line-height:140%;padding:1rem 2rem;min-height:2.5rem!important}
.slider_btn a{padding:1rem 2rem}
}
@media screen and (min-width: 2200px) {
html{font-size:18px}
.btn_custom a{font-size:1rem;line-height:140%}
.btn_custom button{line-height:140%;padding:1rem 2rem}
.slider_btn a{padding:1rem 2rem}
}
@media screen and (max-width: 1024px) {
.services_slider .elementor-swiper-button.elementor-swiper-button-prev{left:-25%!important;right:auto!important;top:90%!important}
.services_slider .elementor-swiper-button.elementor-swiper-button-next{left:-15%!important;right:auto!important;top:90%!important}
.projects_slider .elementor-swiper-button.elementor-swiper-button-prev{right:4rem!important}
.projects_slider .elementor-swiper-button.elementor-swiper-button-next{right:1rem!important}
.popup_content .cpt-popup-title{font-size:1.5rem}
}
@media screen and (max-width: 768px) {
.services_slider .elementor-swiper-button.elementor-swiper-button-prev{left:calc(50% - 40px)!important;right:auto!important;top:106%!important}
.services_slider .elementor-swiper-button.elementor-swiper-button-next{left:auto!important;right:calc(50% - 40px)!important;top:106%!important}
}