/******************************* HEADER START *******************************/
.header-menu a.elementor-item-active.has-submenu .sub-arrow svg path{
    fill: #000000 !important;
}
.header-menu li.current-page-parent a.has-submenu .sub-arrow svg path{
    fill: #66B6E2 !important;
}
.header-menu li a.has-submenu .sub-arrow svg{
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}
.header-menu li a.has-submenu:hover .sub-arrow svg{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/******************************* HEADER END *******************************/


/******************************* HOME PAGE START *******************************/
.h-bnr-left-img::after{
    content: '' !important;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 98, 153, 0) 39.52%, #006299 100.05%);
    pointer-events: none;
    z-index: 1;
}

.h-bnr-right-img::after{
    content: '' !important;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 46, 72, 0) 39.52%, #002E48 100.05%);
    pointer-events: none;
    z-index: 1;
}
/******************************* HOME PAGE END *******************************/

/******************************* RECENT PROJECT SECTION START *******************************/
.recent-project-grid .elementor-button-wrapper a{
    border-image: linear-gradient(180deg, #66B6E2 -0.57%, #017CC2 83.33%) !important;
    border-image-slice: 1 !important;
    transition: background-position 0.6s ease, color 0.3s ease, background-color 0.6s ease;
    -webkit-transition: background-position 0.6s ease, color 0.3s ease, background-color 0.6s ease;
    -moz-transition: background-position 0.6s ease, color 0.3s ease, background-color 0.6s ease;
    -ms-transition: background-position 0.6s ease, color 0.3s ease, background-color 0.6s ease;
    -o-transition: background-position 0.6s ease, color 0.3s ease, background-color 0.6s ease;
}
.recent-project-grid .elementor-button-wrapper a:hover{
    background: linear-gradient(180deg, #66B6E2 -0.57%, #017CC2 83.33%) no-repeat !important;
}
.recent-project-grid .elementor-button-wrapper a:hover .elementor-button-text{
    color: #ffffff !important;
}
.recent-project-grid .elementor-button-wrapper a .elementor-button-text{
    background: linear-gradient(180deg, #66B6E2 -0.57%, #017CC2 83.33%) !important;
    background-clip: text !important;
    color: transparent !important;
        transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/******************************* RECENT PROJECT SECTION END *******************************/

/******************************* MEDIA QUERIES START *******************************/
@media(min-width: 575px) and (max-width: 767px){
    .recent-project-grid .elementor-loop-container.elementor-grid{ grid-template-columns: repeat(2, 1fr) !important; }
}
/******************************* MEDIA QUERIES END *******************************/