/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.logged-in .header-sec{
    margin-top: 30px;
}
.elementor-button {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%, 0 60%);
}
.header-menu .elementor-nav-menu>li:not(:last-child):after {
    transform: rotate(24deg);
}
.header-menu .elementor-menu-toggle {
    width: 36px;
    height: 36px;
    background: #fff !important;
    border-radius: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%, 0 70%);
}
.header-menu .elementor-menu-toggle span {
    line-height: unset !important;
    display: flex;
}
.footer-info .elementor-image-box-content {
    display: flex;
    align-items: center;
    justify-content: start;
}
.footer-info p.elementor-image-box-title {
    min-width: 60px;
}
.footer-info p.elementor-image-box-description a{
    color: #000 !important;
}
.footer-info p.elementor-image-box-description a:hover{
    color: #1D71B8 !important;
}
.footer-social .elementor-social-icon {
    width: 45px;
    height: 45px;
    background: url(/wp-content/uploads/2025/05/footer-icon-shape.svg) no-repeat center;
    background-size: contain !important;
}
.footer-social .elementor-social-icon:hover svg{
    filter: brightness(0) invert(1);
}
.footer-social .elementor-social-icon:hover{
    background: url(/wp-content/uploads/2025/05/social-hover.svg) no-repeat center;
}
.service-menu .elementor-nav-menu {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.service-menu .elementor-nav-menu li {
    width: 50% !important;
}
.footer-row {
    width: 100%;
    max-width: calc(100% - 60px);
    clip-path: polygon(0 0, 85% 0, 100% 43%, 100% 100%, 0 100%);
}
#cookie-consent-form label,#cookie-banner p{
    color: #000;
}
#allow-all {
    background: #1074BC !important;
}
#allow-all:hover {
    background: #000 !important;
}
.roltex-para p {
    display: flex;
    align-items: center;
    gap: 8px;
}
.client-name .elementor-widget-container {
    width: 48px !important;
    height: 48px !important;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    right: 190px;
    bottom: -40px;
    text-transform: capitalize;
    padding-top: 5px;
}
.project-slider .slick-current.slick-active img,
.service-slider .slick-current.slick-active img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%, 0 70%);
}

.service-slider .slick-slide:hover img{
  transform: scale(1.03);
  transition: all .4s ease-in-out;
}
.service-slider .slick-slide img{
    transition: all .4s ease-in-out;
}
.service-slider .elementor-widget-image .elementor-widget-container {
    overflow: hidden;
}
.elementor-location-footer {
    overflow: hidden;
}
.header-sec.scrolled {
    background: #0A5288;
    box-shadow: 0px 4px 18px 0px #00000042;
}
.header-sec.scrolled > .e-con-inner{
    padding: 10px 0 !important;
}
.header-sec.scrolled .header-btn,
.header-sec.scrolled .header-menu {
    align-self: center;
}
.header-sec.scrolled .header-menu > .elementor-widget-container{
    margin-top: 0 !important;
}
.header-sec.scrolled .header-logo img {
    max-width: 100px !important;
}
.header-menu a.elementor-item:hover,
.header-menu a.elementor-item.elementor-item-active {
    border-bottom: solid 1px #fff;
}
/*********** Contact Form **************/

.contact-form .jet-form-builder__field-wrap.checkradio-wrap span{
	display:block;
	align-items: start!important;
	width:fit-content;
}
.contact-form .jet-form-builder__field-wrap.checkradio-wrap span::before{
	margin-right:10px;
}
/* .contact-form .jet-form-builder__field-wrap.checkradio-wrap span a{
	text-decoration:underline;
} */
.contact-form .wp-block-columns {
    margin-bottom: 20px !important;
    gap: 30px;
}
.contact-form button{
    clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 60%, 0 0);
}
.contact-form button:hover{
    background: #fff !important;
    color: #1D71B8 !important;
}
.contact-form .jet-form-builder__fields-group.checkradio-wrap {
    margin-top: 10px;
}
.contact-form span::before{
	pointer-events:all;
	position:absolute;
	left:0px;
}
.contact-form label.jet-form-builder__field-label.for-checkbox{
	pointer-events:none;
	padding-left:29px;
}
.contact-form .jet-form-builder__field-wrap.checkradio-wrap span a {
    text-decoration: underline;
    pointer-events: all;
}
.contact-form .jet-form-builder__field-wrap.checkradio-wrap span a:hover{
	color:black
}
.contact-form input:focus{
	outline:none;
}
.contact-form textarea:focus{
	outline:none;
}
.contact-form .error-message{
    background: #fff;
    margin-top: 5px;
    padding-left: 10px;
    line-height: 17px;
    padding-top: 2px;
}
.about-img, .hero-image {
    clip-path: polygon(0 38%, 0 0, 100% 0, 100% 100%, 27% 100%);
}
.service-btn span.elementor-button-icon{
    width: 20px;height: 20px;
}
.service-btn span.elementor-button-content-wrapper{
    align-items: center;
}
.over-info h3.elementor-icon-box-title {
    margin-top: 30px !important;
}
.hero-image .elementor-widget-container {
    overflow: hidden;
    max-width: 696px;
    margin-left: auto;
}
.about-img .elementor-widget-container{
    overflow: hidden;
    max-width: 758px;
    margin-left: auto;
}
.about-img .elementor-widget-container img,
.hero-image .elementor-widget-container img {
    transition: all 0.4s ease-in-out;
}
.about-img .elementor-widget-container:hover img,
.hero-image .elementor-widget-container:hover img {
    transform: scale(1.03);
}
.service-btn .elementor-button {
    clip-path: none;
}
.over-info p.elementor-icon-box-description {
    max-width: 295px;
    margin: 0 auto;
}
.project-row{
    margin-left: calc((100% - 1170px) / 2) !important;
}
.recent-project-sec{
    overflow: hidden !important;
}
.service-slider .elementor-button-text {
    text-align: right !important;
}
/******************/
body .team_slider .slick-arrow:before{
    background: url(/wp-content/uploads/2025/05/Subtract-white.svg) no-repeat center !important;
}
.project-slider .slick-arrow:before,
.service-slider .slick-arrow:before,
.team_slider .slick-arrow:before {
    position: absolute;
    content: '';
    background: url(/wp-content/uploads/2025/05/Subtract.svg) no-repeat center !important;
    width: 45px !important;
    height: 45px !important;
}
.project-slider .next-arrow.slick-arrow:before,
.service-slider .next-arrow.slick-arrow:before,
.team_slider .next-arrow.slick-arrow:before{
    transform: rotate(90deg);
}
.project-slider .next-arrow.slick-arrow:hover,
.service-slider .next-arrow.slick-arrow:hover,
.team_slider .next-arrow.slick-arrow:hover{
    transform: rotate(180deg);
}
.project-slider .slick-arrow,
.service-slider .slick-arrow,
.team_slider .slick-arrow{
    background: url(/wp-content/uploads/2025/05/Arrow.svg) no-repeat center !important;
    background-size: auto !important;
}
.project-slider .slick-arrow svg,
.service-slider .slick-arrow svg,
.team_slider .slick-arrow svg{
    width: 0 !important;
}
.team_slider .slick-arrow{
    filter: brightness(5) invert(0);
}
.project-slider .slick-arrow:hover,
.service-slider .slick-arrow:hover,
.team_slider .slick-arrow:hover{
    background-color: #000 !important;
    clip-path: polygon(20% 0%, 64% 0, 100% 35%, 100% 80%, 100% 100%, 0 100%, 0 53%, 0 0);
    filter: brightness(5) invert(0);
}
.project-image a {
    width: 100%;
    overflow: hidden;
}
.project-slider .slick-arrow:hover:before,.team_slider .next-arrow.slick-arrow:hover:before,
.service-slider .slick-arrow:hover:before,.team_slider .next-arrow.slick-arrow:hover:before,
.team_slider .slick-arrow:hover:before,.team_slider .next-arrow.slick-arrow:hover:before{
    display: none !important;
}
.project-slider img{
    height: 488px !important;
}
.related-project .slick-track {
    margin-left: 0 !important;
}

/*************************/
@media (min-width: 1650px) and (max-width: 1800px) {
    .project-slider .slick-arrow.next-arrow{
        right: 820px !important;
    }
    .project-slider .slick-arrow.prev-arrow{
        right: 875px !important;
    }
}
@media (min-width: 1441px) and (max-width: 1649px) {
    .project-slider .slick-arrow.next-arrow{
        right: 600px !important;
    }
    .project-slider .slick-arrow.prev-arrow{
        right: 665px !important;
    }
}
@media(max-width: 1300px){
    .project-row {
    margin-left: calc((100% - 1210px) / 2) !important;
}
}

@media(max-width:1200px){
.project-row {
    margin-left: 0 !important;
}
}
@media(max-width:1024px){
.header-menu .elementor-nav-menu {
    padding: 10px 0;
}
.header-sec.scrolled .header-logo img {
    max-width: 80px !important;
}
.footer-row {
    max-width: 100%;
    clip-path: polygon(0 0, 85% 0, 100% 30%, 100% 100%, 0 100%);
}
.project-slider img {
    height: 375px !important;
}
.header-sec.scrolled .header-menu > .elementor-widget-container{
    margin: 0 !important;
}
}
@media(max-width:880px){
.footer-row {
    clip-path: polygon(0 0, 85% 0, 100% 16%, 100% 100%, 0 100%);
}
.project-slider .slick-arrow, .service-slider .slick-arrow{
    bottom: -75px !important;
     right:50%!important;
    top: auto !important;
}
.project-slider .jet-listing-grid__slider-icon.next-arrow.slick-arrow,
.service-slider .jet-listing-grid__slider-icon.next-arrow.slick-arrow{
	right:calc(50% - 60px)!important;
}
.about-img, .hero-image {
    clip-path: polygon(0 75%, 0 0, 100% 0, 100% 100%, 25% 100%);
}
}

@media(max-width:767px){
.project-slider .slick-arrow{
    bottom: -80px !important;
}
.service-slider .slick-arrow {
    bottom: -50px !important;
}
.service-menu .elementor-nav-menu li {
    width: 100% !important;
}
.footer-row {
    clip-path: polygon(0 0, 85% 0, 100% 5%, 100% 100%, 0 100%);
}
.contact-form input{
	width:100%!important;
}
.contact-form textarea{
	width:100%!important;
}
.w-100 .elementor-button,
.contact-form button {
    clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 60%, 0 0);
}
.footer-social .elementor-social-icon {
    width: 33px;
    height: 33px;
}
/* .project-slider .slick-current.slick-active img, .service-slider .slick-current.slick-active img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 0 88%);
} */
}