html {
    direction: ltr!important;
}
body{
    direction: ltr;
    font-family: 'Manrope', sans-serif;;}
ul{
    padding: 0!important;
}
span{
    font-family: 'Manrope', sans-serif;;}
     .Landing_Page_Elementor{
         font-family: 'Manrope', sans-serif;
     }


.lead_form_request_ajax .form-group.half {
    width: 49%;
    display: inline-flex;
}
.lead_form_request_ajax  .form-group {
    width: 97%;
}
.lead_form_request_ajax  .btn {
    width: 97%;
    background-color: #f46d0f;
    border-radius: 0;
    color: #fff;
    height: 48px;
}
/* Body text (paragraphs) */
body, p {
    line-height: 1.6;
}

/* Headings */
h1 {
    line-height: 1.3; /* Main heading - tight but readable */
}

h2 {
    line-height: 1.4; /* Secondary heading - slightly looser */
}

h3 {
    line-height: 1.5; /* Tertiary heading - closer to body text */
}

h4, h5, h6 {
    line-height: 1.5; /* Uniformity for smaller headings */
}

/* Lists */
ul, ol {
    line-height: 1.6; /* Matches body text */
}

/* Blockquotes */
blockquote {
    line-height: 1.7; /* A bit more space for emphasis */
}
/******************header****************/


/* Title */

#TitleOrange b{
    color:#FF6900;
}


/* Btn */


.BTNStyle a {
    background: transparent !important;
    text-transform: uppercase;
    position: relative;
    width: 210px;
    text-align: left;
    padding: 0;
}
.BTNStyle a:after {
    position: absolute;
    width: 100%;
    content: "";
    height: 1px;
    border-top: 1px solid #fff;
    left: 0;
    top: 0;
}
.BTNStyle a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff;
    bottom: 0;
    left: 0;
}
.BTNStyle a .elementor-button-content-wrapper {
    padding: 20px 0;
}
.BTNStyle a .elementor-button-text {
    position: relative;
    float: left;
    width: 100%;
    transition: 0.5s;
    letter-spacing: 0.1em;
}
.BTNStyle a .elementor-button-text::after, .BTNStyle a .elementor-button-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation-name: styles_animate__BiXRO;
    animation-name: styles_animate__BiXRO;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.37,0,.63,1);
    animation-timing-function: cubic-bezier(.37,0,.63,1);
}
.BTNStyle a .elementor-button-text::after {
    opacity: 0.5;
}
.BTNStyle a .elementor-button-content-wrapper {
    position: relative;
}
.BTNStyle a .elementor-button-content-wrapper:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    transition: 0.5s;
}
.BTNStyle a:hover .elementor-button-content-wrapper::after {
    width: 100%;
    transition: 0.5s;
}
.BTNStyle a:hover .elementor-button-text {
    color: #000;
    position: relative;
    z-index: 9;
    padding-left: 0;
    transition: 0.5s;
    padding-left: 10%;
}

.BTNStyle a .elementor-button-text:after {
    animation-direction:alternate-reverse;
}

@-webkit-keyframes styles_animate__BiXRO {
    0% {
        transform:translateX(0)
    }
    to {
        transform:translateX(10px)
    }
}
@keyframes styles_animate__BiXRO {
    0% {
        transform:translateX(0)
    }
    to {
        transform:translateX(10px)
    }
}



.BTNStyle.black a::after , .BTNStyle.black a::before {
    border-color: #444;
}
.BTNStyle.black a {
    color: #000;
}
.BTNStyle.black a .elementor-button-content-wrapper::after {
    background: #000;
}
.BTNStyle.black a .elementor-button-text::after, .BTNStyle.black a .elementor-button-text::before {
    background: #000;
}
.BTNStyle.black a:hover .elementor-button-text {
    color: #fff;
}
.BTNStyle.black.rfa a {
    width: 245px;
}

#HeroSlide::after , #HeroSlide::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 140px;
    background: #fff;
    right: 7%;
    bottom: 0;
    opacity: 0.2;
    z-index:9;
}
#HeroSlide::after {
    opacity: 1;
    -webkit-animation-name: styles_scroll__mYEyG;
    animation-name: styles_scroll__mYEyG;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes styles_scroll__mYEyG {
    0% {
        transform:scaleY(0);
        transform-origin:top left
    }
    50% {
        transform:scale(1);
        transform-origin:top left
    }
    50.1% {
        transform:scale(1);
        transform-origin:bottom left
    }
    to {
        transform:scaleY(0);
        transform-origin:bottom left
    }
}
@keyframes styles_scroll__mYEyG {
    0% {
        transform:scaleY(0);
        transform-origin:top left
    }
    50% {
        transform:scale(1);
        transform-origin:top left
    }
    50.1% {
        transform:scale(1);
        transform-origin:bottom left
    }
    to {
        transform:scaleY(0);
        transform-origin:bottom left
    }
}



.CarouselServices .elementor-widget-container {
    height: 325px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.CarouselServices .elementor-widget-container:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    right: 0;
}


.CarouselServices .owl-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 9;
}
.CarouselServices .owl-item a span {
    position: absolute;
    width: auto;
    background: #000;
    color: #fff;
    z-index: 9;
    padding: 9px 19px;
    left: 17px;
    bottom: 14px;
    letter-spacing: 0.1em;
    font-weight: 300;
}
.CarouselServices .owl-item:nth-child(2n) a span {
    background: #fff;
    color: #000;
}

.CarouselServices .owl-dots {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: -27px;
    background: #d9d9d9;
    height: 8px;
    display: flex !important;
    flex-wrap: nowrap;
}
.CarouselServices .owl-dots .owl-dot {
    background: #EC8031;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s;
}
.CarouselServices .owl-dots .owl-dot.active {
    opacity: 1;
    transition: 0.4s;
}

#AboutUS #aboutusbg .elementor-widget-wrap {
    filter: grayscale(1) blur(0.2px);
    transition:0.5s;
}
#AboutUS:hover #aboutusbg .elementor-widget-wrap {
    filter: grayscale(0) blur(0);
    transition:0.5s;
}

.ExtraLine {
    position: relative;
    overflow:hidden;
}
.ExtraLine:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #dedede;
    top: 62%;
}
.ExtraLine h2 {
    float: left;
    padding: 0 14px 0 0;
    height: auto !important;
    line-height: 1.3;
}

#CustomerList .swiper-slide-inner {
    background: #eee;
    width: 95%;
    padding: 29px;
    height: 190px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#CustomerList .swiper-slide-inner img {
    width: 96%;
    
}
#CustomerList .swiper-slide-inner:hover img {
    filter: grayscale(0);
}


#main-carousel {
    float: left;
    width: 100%;
}
#main-carousel .splide__arrows.splide__arrows--ttb {
    display: none;
}
#main-carousel .splide__pagination.splide__pagination--ttb {
    display: none;
}
#main-carousel #main-carousel-track {
    float: left;
    width: 100%;
    height: 202px !important;
    padding: 0 0 0 0 !important;
    margin: 5px 0 0 0;
}

#main-carousel #main-carousel-track #main-carousel-list .splide__slide {
    color: #fff;
    font-size: 27px;
    font-family: "Manrope", Sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    height: 40px !important;
    margin: 20px 0;
}

#main-carousel:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 67px;
 
    left: 0;
    top: 0;
}
#Whychooseus #main-carousel:after {
    background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 63%) 100%);
}
#Whychooseus #main-carousel:before {
    background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 63%) 100%);
}

#main-carousel::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 59px;

    bottom: 0;
    left: 0;
    z-index: 9;
}


.list_of_blogs {
    float: left;
    width: 100%;
    margin: 16px 0 0 0;
}
.list_of_blogs .box_Blog_large {
    float: left;
    width: 100%;
}
.list_of_blogs .Blog_item {
    float: left;
    width: 100%;
    position: relative;
}
.list_of_blogs .box_Blog_large .Blog_item .thumb {
    float: left;
    width: 100%;
    height: 430px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.list_of_blogs .Blog_item .box_blog {
    float: left;
    width: 70%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    padding: 15px 20px;
    margin: -53px 15% 0;
    position: relative;
    top: 0;
    transition: 0.5s;
}
.list_of_blogs  .Blog_item .box_blog .date {
    float: left;
    width: 100%;
    color: #888;
    font-size: 12px;
    font-family: Manrope;
}
body {
}
.list_of_blogs .Blog_item .box_blog h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #000;
    margin: 5px 0 3px 0;
    font-family: Manrope;
}
.list_of_blogs .Blog_item .box_blog .readMore {
    float: right;
    font-size: 13px;
    font-family: Manrope;
    color: #FF6900;
    margin: 6px 0 0 0;
}
.list_of_blogs .box_Blog_small {
    width: 48%;
    margin: 0 1% 23px;
    float: left;
}
.list_of_blogs .box_Blog_small:first-child {
    width: 98%;
}
.list_of_blogs .box_Blog_small .thumb {
    float: left;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
}
.list_of_blogs .box_Blog_small .box_blog {
    width: 90%;
    margin: -53px 5% 0;
    padding: 11px;
}
.list_of_blogs .box_Blog_small .box_blog h3 {
    font-size: 18px;
}
.list_of_blogs .Blog_item:hover .box_blog {
    top: -10px;
    transition: 0.5s;
}


body.admin-bar header.english {
    top: 32px;
}
header.english {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 15px 0;
    background: rgba(0,0,0,0);
    transition: 0.5s;
}
header.english.active{
    background: rgba(0,0,0,1);
    transition: 0.5s;
}
header.english #header_logo {
    float: left;
    width: 130px;
}
header.english #header_logo img {
    width: 100%;
    float: left;
    height:auto;
    
}
header.english ul#menu-new-menu {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
}
header.english .menu-new-menu-container {
    width: 100%;
    float: left;
}
header.english ul#menu-new-menu a {
    font-size: 15px;
    padding: 18px 19px;
    color: #fff;
    text-decoration: none;
    font-family: Manrope !important;
    cursor:pointer;
}
header.english .row {
    align-items: center;
}
header.english .MobileMenuIcon {
    display: none;
}
header.english .header_btn {
    float: right;
    background: #fff;
    color: #000;
    font-family: Manrope !important;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 23px;
}

footer.english {
    float: left;
    width: 100%;
    background: white;
    padding: 50px 0;
    margin: 20px 0 0 0;
}
footer.english p {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 12px;
    text-align: left;
    line-height:1.8em;
}
.footertitle {
    font-size: 22px;
    color: #000000;
    padding: 10px 0;
    font-weight: 700;
    margin-top: 10px;
}
footer.english #contact_form_footer {
    float: left;
    width: 70%;
    padding: 0 30px;
    margin: 0 15%;
}
footer.english #contact_form_footer label {
    display: none;
}
footer.english #contact_form_footer .form-group.half {
    float: left;
    width: 50%;
}
footer.english #contact_form_footer .form-group {
    width: 100%;
    padding: 8px;
}
footer #footer_category {
    float: left;
    width: 100%;
    background: transparent;
    border-radius: 0;
    font-size: 13px;
    padding: 12px;
    border: 1px solid #777;
    font-family: Manrope !important;
    color: #777;
    padding: 15px;
}
footer.english #contact_form_footer input , footer.english #contact_form_footer textarea {
    float: left;
    width: 100%;
    background: transparent;
    border-radius: 0;
    font-size: 13px;
    padding: 12px;
    border: 1px solid #777;
    font-family: Manrope !important;
}
footer.english #contact_form_footer .btn {
    float: left;
    width: calc(100% - 14px);
    margin: 11px 0 0 7px;
    margin-bottom: 0px;
    background: #fff;
    font-size: 14px;
    padding: 10px 0;
    color: #000 !important;
}
footer.english ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 1.9!important;
}
footer.english ul li {
    width: 100%;
    float: left;
    color: #000000;
}
footer .about-us li {
    display: flex;
    flex-direction: row;
    float: left;
}
footer.english ul li a {
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    font-family: Manrope !important;
    margin: 3px 0;
    float: left;
    font-weight: 500;
    width: 100%;
}
footer.english .SocialMedia {
    display: flex;
    
}
footer.english .SocialMedia li {
    width: auto;
}
footer.english .SocialMedia li a {
    margin:0 4px;
    font-size: 20px;
}
i.las.la-building {
    color: #000000;
    font-size: 20px;
    margin-right: 10px;
}
i.las.la-map-marker {
    color: #000000;
    font-size: 24px;
    margin-right: 10px;
}
.ExtraLine::after {
    display: none;
}
.elementor-10 .elementor-element.elementor-element-23bdcc4 .elementor-heading-title {
    width: 100%;
    padding: 0;
}
section#WGA-bg {
    background-position-x: 140%;
}
/******header form*******/
input[type=text], input[type=tel], input[type=email] {
    width:100%;
    padding: 15px;
    margin: 5px 9px 5px 0px;
    display: inline-block;
    border: 1px solid black;
   
    font-size: 12px;
    line-height: 2em;
    border-radius:0 ;
}
input[type=text]:focus, input[type=tel]:focus , input[type=email]:focus {
    background-color: #ddd;
    outline: none;
}
.Leadg-form input[type="text"], input[type="tel"], input[type="email"] {
  background-color: f1f1f1;
}

hr {
    margin-bottom: 25px;
}
.registerbtn {
    background-color: #FF6900;
    color: white;
    padding: 8px 20px;
    border: none;
    cursor: pointer;
    width: 98%;
    opacity: 0.9;
    margin: 0% 1%;
}
.Seo-form input[type=text],.Seo-form input[type=tel],.Seo-form input[type=email] {
    width: 20%;
    margin: 2% 2.2%;
    padding: 10px;
}
.Seo-form .registerbtn {
    width: 20%;
    margin: 2% 2.2%;
    padding: 10px;
}
.registerbtn:hover {
    opacity: 1;
}
input#message {
    width: 97%;
}
.AdsWhyUs #main-carousel::before {
    background: linear-gradient(15deg, rgb(53 55 77) 0%, rgb(53 55 77 / 88%) 100%);
}
.AdsWhyUs #main-carousel:after {
    background: linear-gradient(180deg, rgb(53 55 77) 0%, rgba(53, 55, 77, 88%) 100%);

}
div#price_list_read_more:before {
    content: "READ MORE";
    position: absolute;
    bottom: -8px;
    background: linear-gradient(  #ffffffbd,white);
    width: 100%;
    height: 50px;
    left: 0;
    font-weight:700;
}
div#price_list_read_more.active:after {
    content: "READ LESS";
    position: absolute;
    bottom: -8px;
    background: linear-gradient(  #fffffffd,white);
    width: 100%;
    height: 50px;
    left: 0;
    font-weight:700;
}


div#price_list_read_more {
    position: relative;
    height:70px;
    overflow:hidden;
}
div#price_list_read_more.active {
    height:auto;
}
ul#tabs_price_list {
    list-style: none;
    display: flex;
    margin: 12px 0 0 0;
    justify-content: center;
}
ul#tabs_price_list li {
    display: flex;
    margin: 0 20px;
    cursor: pointer;
    font-family: Manrope;
    font-size: 17px;
    font-weight: 600;
}
ul#tabs_price_list li:hover, ul#tabs_price_list li.active {

    color: #ff6900;
}
#WGA-bg_seo img{
    margin: 0 -50% 0 0;
    max-width: 120%!important;

}
#WGA-bg_seo_parent{
    overflow: hidden;
}




header.english #menu-main-menu-english li {
    position: relative;
    padding: 10px 0;
}
header.english ul#menu-new-menu li .sub-menu {
    position: absolute;
    width: 200px;
    background: #ffffff9e;
    /* left: 0; */
    top: 130%;
    display: none;
    /* padding: 11px !important; */
    list-style: none;
    margin: 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header.english ul#menu-new-menu li .sub-menu:after {
    position: absolute;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffffff9e;
    top: -10px;
    left: 27px;
}
header.english ul#menu-new-menu li .sub-menu li {
    float: right;
    width: 100%;
    padding: 0;
}
header.english ul#menu-new-menu li .sub-menu li a {
    float: right;
    width: 100%;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #eee;
    padding: 14px 11px;
    margin: 0;
    font-size: 15px;
}
header.english ul#menu-new-menu li:hover .sub-menu {
    display: block;
}
header.english ul#menu-new-menu li .sub-menu li a:hover {
    background: #ff6900;
    color: #fff;
}

#googleadsagency {
    padding: 0 0;
}

.BorderToButtom {
    width: 2px;
    height: 130px;
    background: #B6B6B6;
    margin: -11px calc(50% - 1.5px) 10px;

    position: relative;
}
.BorderToButtom.Two {
    margin-top: 10px;
    margin-bottom: -10px;
}


.BorderToButtom:after{
    position: absolute;
    content: "";
    width:100%;
    right:0;
    top:0;
    height: 100%;
    background:#000;
    -webkit-animation-name: styles_scroll__mYEyG;
    animation-name: styles_scroll__mYEyG;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.BorderToButtom.Two:after {
    animation-direction: reverse;
}


#text2gaa b {
    color: #ff6900;
}

#IMGWhy img {
    float: right;
    width: 120% !important;
    max-width: 120%;
    margin-right: -20%;
}


#Services_left_item {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
}
.ListOfServices {
    float: left;
    width: 100%;
    display: flex;
    height: calc(100vh - 100px);
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    margin-top: 100px;
    position: relative;
}

.ListOfServices:after {
    position: absolute;
    width: 1px;
    height: 80%;
    content: "";
    right: 10%;
    background: #fff;
    border-radius: 100%;
    top: 10%;
    opacity: 0.3;
}
.ListOfServices li {
    float: left;
    width: 100%;
    font-size: 21px;
    color: #fff;
    font-family: "Manrope", Sans-serif;
    font-weight: 400;
    padding: 8px 0;
}
.ListOfServices li.active {
    font-weight: bold;
    padding-left: 22px;
    position: relative;
    font-size: 20px;
    color: #fff;
}
.ListOfServices li.active:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 4px;
    background: #ff6900;
    left: 0;
    top: 22px;
}


.Seo-form {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 16px 13px;
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
}
.Seo-form .success {
    position: absolute;
    bottom: -18px;
    width: 80%;
    text-align: center;
    background: #fff;
    right: 10%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    padding: 2px 0;
}
.Seo-form input {
    width: 100% !important;
    margin: 0 5px !important;
}
.Seo-form .registerbtn {
    width: 166%;
    margin: 0 0 0 5px !important;
}

/*#SocialShare li {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    background: rgba(0, 0, 0, 0.09);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    padding: 0;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*}*/
#SocialShare li .elementor-icon-list-icon {
    margin: 0 -5px 0 0 !important;
    float: right;
}

#FirrstSectionWeb {
    background-position: 159% bottom;
}
#WebsiteFirstHeader .text1 {
    letter-spacing: 6px;
    color:#ff9446;
}
#WebsiteFirstHeader b {
    color: transparent;
    -webkit-text-stroke: 3px #fff;
    text-transform: uppercase;
}






.portfolio_item {
    float: right;
    position: relative;
    width: 80%;
    justify-content: center;
    display: flex;
    margin: 34px 20% 34px 0;
}
.portfolio_item .thumb {
    width: 350px;
    height: 436px;
    background-size: cover;
    position: relative;
    background-position: top center;
    transform: rotate(3deg);
    transition: 10s;
    filter: grayscale(1);
}
.portfolio_item .thumb:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.portfolio_item span {
    position: absolute;
    height: 100%;
    top: 0;
    left: calc(50% + 145px);
    width: 300px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.portfolio_item span i {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    margin: 0 0 6px 0;
    color: #ccc;
}

.portfolio_item span b {
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
}

.portfolio_item span a.site {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    align-items: center;
    margin: 10px 0 0 0;
}

.portfolio_item span a.site .text {
    font-family: tahoma;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
}

.portfolio_item span a.site .icon {
    float: right;
    margin: 0 8px 0 0;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;

}

.portfolio_item span a.site .icon svg {
    width: 12px;
    height: 12px;
}

.portfolio_item span a.site:hover .icon {
    background: #fff;
}

.portfolio_item span a.site:hover .icon svg path {
    fill: #000!important;
}


.portfolio_item .thumb:hover {
    background-position: bottom center;
    transition: 10s;
    filter: grayscale(0);
}

.portfolio_item .thumb:hover:after {
    background: rgba(0,0,0,0.2);
}



#PortfolioCarosel .owl-nav.disabled {
    position: absolute;
    display: block !important;
    right: 3%;
    width: 94%;
    top: 48%;
    background: ;
}
#PortfolioCarosel .owl-nav.disabled button {
    float: left;
    background: #ff6900;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
#PortfolioCarosel .owl-nav.disabled button.owl-next {
    float: right;
}
#PortfolioCarosel .owl-nav.disabled button span {
    position: relative;
    top: -2px;
}
.BackMobileMenuSideUp{
    display: none;
}

.MobileMenuSideUp{
    height: 0;
    
    opacity: 0;
}


#contact_form_footer {
    text-align: center;
    color: #fff;
}
#contact_form_footer .btn {
    margin-bottom: 9px !important;
    display: block;
}
.form-control {
    color: #999;
}

#ReadyFormGoogleAds .success {
    width: 100%;
    text-align: center;
    float: right;
    margin: 9px 0 0 0px;
}

#ReadyFormContactUs .success {
    float: right;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
}
.whatsappCall {
    position: fixed;
    left: 15px;
    bottom: 11px;
    background: #128c7e;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    z-index:999;
}
.whatsappCall i {
    font-size: 27px;
    margin: 0 4px 0 0;
}

.BreadCrumbs {
    float: right;
    width: 100%;
    height: 400px;
    background: #35374D;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.BreadCrumbs h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 900;
}



#breadcrumbs {
    float: right;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    list-style: none;
}
#breadcrumbs li {
    margin: 0 4px;
    font-weight: normal;
}
#breadcrumbs li a {
    color: #FF6900;
    text-decoration: none;
}

.content_div {
    float: left;
    width: 100%;
    padding: 100px 0;
}


.ListPackage.active {
    background: #eee;
}
.ListPackage {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    list-style: none;
    padding: 16.4px 10px !important;
    background: #f9f9f9;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
.ListPackage li {
    width: 100%;
    text-align: center;
}
.ListPackage.head {
    background: #35374d;
}
.ListPackage.head li {
    color: #fff;
}
.ListPackage input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index:99;
}
.ListPackage.active:after {
    position: absolute;
    content: "\f14a";
    color: #ff6900;
}
.ListPackage:after {
    position: absolute;
    content: "\f04d";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    top: 10px;
    font-size: 26px;
    color: #35374d;
}


.order_request {
    float: left;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
}
.order_request li {
    width: 100%;
    text-align: center;
    background: #eee;
    padding: 14px 0;
    border-bottom: 1px solid #cacaca;
    font-size: 15px;
}
.order_request li.head {
    background: #35374d;
    color: #fff;
}


.PackagePrice {
    float: left;
    width: 48%;
    margin: 0 1% 9px;
    background: #eee;
    position: relative;
    padding: 0 0 26px 0;
    border: 3px solid transparent;
}
.PackagePrice input {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 99;
}
.PackagePrice .head {
    padding: 11px 0;
    background: #35374d;
    text-align: center;
    font-size: 26px;
    color: #fff;
}
.PackagePrice .body {
    padding: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 2;
}
.PackagePrice.active::after {
    position: absolute;
    content: "selected";
    background: #ff6900;
    color: #fff;
    right: calc(50% - 44px);
}
.PackagePrice:after {
    position: absolute;
    content: "Select";
    border: 1px solid #ff6900;
    color: #ff6900;
    font-size: 15px;
    padding: 2px 10px;
    bottom: 9px;
    right: calc(50% - 33px);
}
.PackagePrice.active {
    border: 3px solid #ff6900;
}

.order_reqeust_text {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 17px 0 10px 0;
    padding: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}
#Calc_price_google_Ads_ajax {
    float: left;
    width: 100%;
}
#phone {
}
#Calc_price_google_Ads_ajax #name {
    width: 100%;
}
#Calc_price_google_Ads_ajax .btn {
    background: #ff6900;
    width: 100%;
    margin: 0;
    color: #fff;
    padding: 10px 0;
    border-radius: 0;
}
#Calc_price_google_Ads_ajax input {
    border-radius: 0;
}

#Calc_price_google_Ads_ajax input[type=text], input[type=tel], input[type=email] {
    width: 100%;
    padding: 10px 12px;
    margin: 5px 9px 5px 0px;
    display: inline-block;
    border: 1px solid black;
    font-size: 12px;
    line-height: 2em;
    border-radius: 0;
}

.page404 .page_not_found .content a {
    background-color: #FF6900;
    text-decoration: none;
    padding: 16px 30px;
    color: white;
    font-size: 16px;
    border-radius: 2px;
}
.page404 .page_not_found .content p {
    color: white;
    font-size: 46px;
    font-weight: 300;
    margin-bottom: 38px;
}

.page404 .page_not_found .content h1 {
    color: white;
    font-size: 120px;
    font-weight: 800;
}

.page404 .page_not_found {
    position: relative;
}
.page404 .content {
    position: absolute;
    top: 32%;
    right: 10%;
    z-index: 999;
    text-align: center;
}
.page404 .page_not_found {
    background-image: url(https://hdmarketing.ae/wp-content/uploads/2023/05/Untitled-3-1.jpg);
    float: right;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
}

.category_list_item {
    float: right;
    width: 100%;
    margin: 100px 0 50px 0;
}
.category_list_item .mag_item {
    float: right;
    width: 100%;
    background: #fff;
    margin: 0 0 57px 0;
    text-decoration: none;
}
.category_list_item .mag_item .thumb {
    background-size: cover;
    background-color: #eee;
    width: 100%;
    height: 200px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}
.category_list_item .mag_item .text {
    float: right;
    width: 90%;
    margin: -20px 5% 0;
    position: relative;
    z-index: 2;
}
.category_list_item .mag_item .thumb:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255, 255, 255) 2%, rgba(0,0,0,0.05) 50%, rgb(255, 255, 255) 98%);
}
.category_list_item .mag_item  h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #35374D;
}
.category_list_item .mag_item .text p {
    text-align: justify;
    color: #000;
    font-size: 14px;
    line-height: 2;
    margin: -11px 0 0 0;
}
.category_list_item .mag_item .text .readMore {
    float: right;
    color: #FF6900;
}
.pagination {
    float: right;
    width: 100%;
    margin: 0 0 100px 0;
    display: flex;
    justify-content: center;
}
.pagination span , .pagination a {
    margin: 0 28px;
    text-decoration: none;
    color: #000;
    font-family: iransans;
}
.pagination .page-numbers.current , .pagination a:hover {
    color: #FF6900;
}

img.logofooter {
    scale:0.9;
    padding: 10px 0;
    height:auto;
}
/***********form************/
.elementor-field-group.elementor-field-type-submit {
  align-items: inherit;
}
.ads-linear-form .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
  margin: 0;
  padding: 8px 20px;
}

div#price_list_parts {
    position: relative;
}

div#price_list_parts:before {
    position: absolute;
    width: 100%;
    background: #ffffff63;
    z-index: 1;
    content: '';
    height: 100%;
}
div#price_list_parts.active:before{
    display: none;
}
footer .Form_footer {
    float: left;
    width: 95%;
    padding: 0 30px;
    margin: 0 ;
    margin-left:30px;
    margin-top:15px;
}

.english input.btn {
    background-color: #35374d !important;
}

.english input.btn:hover{
   color:white!important;
}


.footertitle.Form {
  
  padding-left: 57px;
}

footer .Form_footer select#form-field-field_23993b5 {
    color: #858585;
    padding: 15px;
    margin-bottom: 6px;
    font-size: 15px;
    margin-left: 3px;
}
footer button.elementor-button.elementor-size-sm {
    margin-top: 8px;
}
footer .Form_footer button.elementor-button.elementor-size-sm {
    background-color: #35374D;
    color: #ffffff;
}

/*NEW HDM*/
/* new seo */
.orange {
    color: #FB8500!important;
    
}

.text.orange {
    color: #FB8500!important;
}
.myheading{
    font-size:35px;
    font-weight:bold;
}

b.white {
    color: white;
}
/* تغییر رنگ متن در زمان هاور کردن روی کل کانتینر */
.why-choose-us:hover {
    color: white !important;
}

.why-choose-us-home:hover {
    color: white !important;
}

/* اطمینان از اینکه لینک‌ها و متن‌های داخل کانتینر هم رنگ سفید می‌گیرند */


.why-choose-us-home:hover a {
    color: #fff !important;
}

/* حذف آیکون هنگام هاور روی کل کانتینر */
.why-choose-us:hover .elementor-icon {
    display: none !important;
}

.why-choose-us-home:hover .elementor-icon {
    display: none !important;
}
.why-choose-us:hover {
    background-color:rgba(177, 187, 197, 0.5);
}
.why-choose-us:hover .separator-Hoverstyle {
    --divider-color: #fff;
}

.why-choose-us-home:hover .separator-Hoverstyle {
    --divider-color: #fff;
}
.why-choose-us-description{
    display:none;
}
.why-choose-us:hover .why-choose-us-description{
    display:block;
}
.why-choose-us-home:hover .why-choose-us-description{
    display:block;
}
.why-choose-us:hover .why-choose-us-title{
    display:none;
}
.why-choose-us-home:hover .why-choose-us-title{
    display:none;
}


.myBTN .elementor-button{
 font-family: "Manrope", Sans-serif;
    font-size: 24px;
    font-weight: bold;
    fill: #000000;
    color: #000000;
    background-color: var(--e-global-color-1e8c8fc);
    border-radius: 2px;
    box-shadow: 8px 8px 0px 0px #B1BBC5!important;
    transition: box-shadow 0.5s ease!important;

}

.myBTN .elementor-button:hover{
 box-shadow: 0px 0px 0px 0px #B1BBC5!important;

}
.the-process-text span {
    opacity: 0.2; /* کلمات در ابتدا کم‌رنگ هستند */
    transition: opacity 0.3s ease-in-out;
}

.lqd-throwable-scene {
    position: relative;
    height: 120vh;
    overflow: hidden;
}

.lqd-throwable-element {
    position: absolute;
    padding: 10px 20px;
    background-color: #fb850087;
    border-radius: 50px;
    text-align: center;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    font-size:23px;
}

.lqd-throwable-element {
    display: none; /* مخفی کردن بیضی‌ها به‌صورت پیش‌فرض */
}

.newServices  {
    padding: 8px 0;
    transition: backdrop-filter 0.5s ease;
    cursor:pointer;
}

.newServices:hover {
    backdrop-filter: blur(16px);
}

.picnone img {
    display: none!important;
}

canvas {
    position: absolute;
    right: -23px;
    top: -208px;
}

.newBrandCarousel .elementor-32149 .elementor-element.elementor-element-f64a717 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-32149 .elementor-element.elementor-element-f64a717 .elementor-swiper-button.elementor-swiper-button-next {

    margin-right: -35px;
}

a.header_btn.logo_header.load.fadeUp.myBTN.loaded {
    background: #fb8500;
    padding: 4px 14px;
    border-radius: 2px;
    color: black;
    font-weight: 700;
    font-size: 17px;
    box-shadow: 6px 6px 0px 0px #B1BBC5;
}

a.header_btn.logo_header.load.fadeUp.myBTN.loaded:hover {
    box-shadow: 0px 0px 0px 0px #B1BBC5 !important;
}

.footertitle .elementor-heading-title{
    font-size:22px;
    font-weight:700;
}

.elementor-32149 .elementor-element.elementor-element-c3e6342 .elementor-post__text{
    background-color: white;
    margin-top: -8px;
}

.elementor-32149 .elementor-element.elementor-element-c3e6342 .elementor-post {
    background-color: #35374d;
}

.elementor-32149 .elementor-element.elementor-element-9bc33f6 .elementor-post {
    background-color: #35374d;
}

.elementor-32149 .elementor-element.elementor-element-9bc33f6 .elementor-post__text {
    margin-top: -11px;
    background-color: white;
}

.elementor-32149 .elementor-element.elementor-element-f5459a8 .elementor-post__excerpt p{
    padding:10px 0;
}


.newServicesItem {
    cursor: pointer;
}


.AlertForm {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #35374d;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
}

.Form_footer .AlertForm {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 30px 0;
    background: #35374d;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
}

.AlertForm.error {
    background: #ff3030;
    font-size: 20px;
}

.elementor-32149 .elementor-element.elementor-element-c3e6342 .elementor-post__title, .elementor-32149 .elementor-element.elementor-element-c3e6342 .elementor-post__title a{
    overflow: hidden;
    height: 62px;
    display: block;
}

.hide_mobile{
    display:block;
}

.hide_desktop {
    display: none;
}

.newBrandCarousel img {
    height: 150px!important;
}

.newServicesHiddenLink a {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0;
}
.newServicesHiddenLink {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
}

canvas {
    cursor: default !important;
}

.elementor-33953 .elementor-element.elementor-element-dc4e1df .elementor-post{
    border-bottom-color: #ffffff4f;
}

.singleBlog .elementor-author-box__avatar img {
    width: 350px!important;
    border-radius: 0!important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 500px!important;
    box-shadow: -13px 13px #fb8500!important;
}

.elementor-33953 .elementor-element.elementor-element-d90c9dd .elementor-button[type="submit"]{
    display:none;
}

h3#comments {
    display: none;
}

img.avatar.avatar-32.photo {
    border-radius: 50%;
}

ul.elementor-inline-items.elementor-icon-list-items.elementor-post-info {
    list-style: none;
}

.lead_form_request_ajax .btn:hover {
    background-color: #f46d0f;
    color: white;
}

.elementor-32149 .elementor-element.elementor-element-f5459a8 .elementor-post__excerpt {
    margin-bottom: 0px;
    height: 130px;
    overflow: hidden;
}



.team_member_carousel_content {
    margin-top: -68px !important;
    position: absolute !important;
    /* float: right !important; */
    right: 0!important;
    left: 24px!important;
    bottom: 10px !important;
    z-index: 10 !important;
    width: 80% !important;
    border-radius: 5px !important;
    /* margin-right: 72px; */
}

.ue-flip-item-text {
    opacity: 0!important;
}

.flipster__item__content:hover .ue-flip-item-text{
    opacity:1!important;
    color:white!important;
}

/* همه تصاویر را سیاه و سفید کنید */
.owl-item img {
    filter: grayscale(100%)!important;
    transition: filter 0.3s ease!important; /* ایجاد افکت نرم هنگام تغییر */
}

/* فقط تصویری که کلاس active دارد رنگی باشد */
.owl-item.active.center img  {
    filter: grayscale(0%)!important;
}

/* فقط تصویری که کلاس active دارد رنگی باشد */
.owl-item.active:hover img  {
    filter: grayscale(0%)!important;
}

.elementor-34166 .elementor-element.elementor-element-c7af191 .elementor-swiper-button.elementor-swiper-button-prev
{
    position: absolute;
    top: 164px;
    
}

.elementor-34166 .elementor-element.elementor-element-c7af191 .elementor-swiper-button.elementor-swiper-button-next
{
    position: absolute;
    top: 164px;
    
}

/* General Table Styles */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    min-width: 800px; /* عرض حداقلی جدول برای دسکتاپ */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Header Row */
thead th {
    background-color: #fb8500;
    color: white;
    text-align: left;
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-transform: uppercase;
}

/* Table Body */
tbody tr {
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s;
}



tbody td {
    padding: 12px 15px;
    border: 1px solid #ddd;
}

/* Default wrapper for table */
.table-wrapper {
    overflow-x: visible; /* در دسکتاپ اسکرول غیرفعال باشد */
}

/* Responsive Table for Mobile */
@media (max-width: 768px) {
    .table-wrapper {
        overflow-x: auto; /* اسکرول افقی در موبایل فعال شود */
        -webkit-overflow-scrolling: touch; /* تجربه بهتر در موبایل */
    }

    table {
        min-width: 600px; /* عرض حداقلی جدول در موبایل */
    }

    thead th {
        padding: 10px; /* کاهش فاصله برای موبایل */
        font-size: 14px;
    }

    tbody td {
        padding: 10px; /* کاهش فاصله سلول‌ها */
        font-size: 14px;
    }
}


#menu-item-32562 > a::after {
    content: "\25BC";
    font-size: 10px; /* سایز فلش */
    margin-left: 8px; /* فاصله از متن */
    display: inline-block;
    vertical-align: middle;
    color: #fff; /* رنگ فلش */
}

.priceplans .elementor-column {

    align-items: center;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
    background-color: #FF6900;
    border: none;
    padding: 5px 20px 5px 20px;
}

form {
  display:flex;
  flex-wrap: wrap;
  flex-direction: column !important;
}
.comment-form-comment {
  order: 4 !important; /* کامنت در بالا */
  display: flex;
  flex-direction: column;
}

.comment-form-cookies-consent,
.aiowps-captcha,
.aiowps-captcha-equation {
  order: 5 !important; /* المان‌های میانی */
}

.form-submit {
  order: 6 !important; /* دکمه ارسال در انتها */
  margin-top: 20px;
}

label {
  margin-bottom: 8px; /* فاصله بین label و textarea */
}

textarea#comment {
  width: 100%; /* عرض کامل */
  resize: vertical; /* فقط تغییر ارتفاع */
  height:80px;
}
#author,#email,#comment,input.aiowps-captcha-answer{
    border: 1px solid #FB8500 !important;
}
cite{
    font-style:normal;
    
}
.reply a{
    color:#FB8500;
}
.comment-meta a{
    color: #060606;
    font-size:12px;
}