/* 
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
*/
.blue-cta a span.elementor-button-icon svg,  .whit_btn a span.elementor-button-icon svg{
    font-size: 1.4em;
    transition: 0.3s ease-in-out !important;
}
.blue-cta a:hover span.elementor-button-icon svg {
filter: brightness(0) saturate(100%) invert(32%) sepia(100%) saturate(928%) hue-rotate(177deg) brightness(98%) contrast(85%);
transform: translateX(0.2em);
}
.whit_btn a:hover span.elementor-button-icon svg{
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(4%) hue-rotate(146deg) brightness(109%) contrast(99%);
    transform: translateX(0.2em);
}

.banner-sub-head .elementor-heading-title {
    position: relative;
}

/*Left lined headings*/
.left-text-line .elementor-heading-title,
.left-text-line-white .elementor-heading-title{
    position: relative;
}
.left-text-line .elementor-heading-title::before,
.left-text-line-white .elementor-heading-title::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 42px;

    left: -51px;
    top: 50%;
    transform: translateY(-50%);
}
.left-text-line .elementor-heading-title::before{
    background-color: #2E106C;
}
.left-text-line-white .elementor-heading-title::before{
    background-color: #fff;
}

.banner-sub-head .elementor-heading-title::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 62px;
    background-color: #fff;
    top: 9px;
    left: -84px;
}
.service-box .elementor-icon-wrapper {
    opacity: 0;
    transform: scale(0.5);
    transition: 0.3s ease-in-out;
}
.service-box:hover .elementor-icon-wrapper{
    opacity: 1;
    transform: scale(1);
}
.service-box .service-desc {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    opacity: 1;
    transform: translateY(103px);
    transition:
        max-height 0.6s ease,
        opacity 0.4s ease,
        transform 0.2s ease;
}

.service-box:hover .service-desc {

    opacity: 1;
    transform: translateY(0);
    transition: ease-in-out 0.3s;
}
.blog_des{
    opacity: 0;
}
.service-box:hover .blog_des{
    opacity: 1;
    transition: ease-in-out 0.3s;
}
.hvr-img{
opacity:0;
transition:all .4s ease;
}

.hvr-img.active{
opacity:1;
}
.hover-bx:hover {
    background: rgb(244 244 244);

}

.hover-bx {
    transition: 0.3s ease all;
}
.testimonials-loop .elementor-swiper-button:hover svg{
    filter: brightness(0) saturate(100%) invert(99%) sepia(72%) saturate(2%) hue-rotate(314deg) brightness(112%) contrast(101%);
}

.peocess-counter{
    position: relative !important;
}
.peocess-counter::before {
    content: "" !important;
    position: absolute !important;
    height: calc(100% - 63px)!important;
    background-image: url(https://dev.wordpress-developer.us/international-it-solutions/wp-content/uploads/2026/03/Rectangle-240647862.svg) !important;
    background-repeat: repeat-y !important;
    background-position: center;
    background-size: contain;
    width: 1px !important;
    left: 37px !important;
    top: 18px !important;
}

ul.service-list{
    padding-left: 46px;
}
ul.service-list li.service-list-item {
    list-style: none;
    position: relative;
}
li.service-list-item{
    margin-bottom: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}
li.service-list-item:last-child{
    margin: 0;
}
ul.service-list li.service-list-item::before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%231A7DC1'/%3E%3Cpath d='M8.98878 14.4093C8.70697 14.4101 8.43114 14.4888 8.1932 14.6363C7.95527 14.7839 7.76495 14.9942 7.64427 15.243C7.52358 15.4918 7.47747 15.7689 7.51125 16.0422C7.54504 16.3156 7.65735 16.574 7.83519 16.7876L11.6263 21.3247C11.7614 21.4887 11.9347 21.6188 12.1317 21.7042C12.3287 21.7896 12.5436 21.8279 12.7588 21.8158C13.219 21.7917 13.6344 21.5512 13.8993 21.1558L21.7743 8.76504C21.7756 8.76297 21.777 8.76093 21.7783 8.75891C21.8522 8.64807 21.8283 8.42841 21.6758 8.29042C21.6339 8.25253 21.5845 8.22341 21.5306 8.20487C21.4768 8.18633 21.4196 8.17876 21.3626 8.18262C21.3057 8.18648 21.2501 8.20169 21.1994 8.22732C21.1487 8.25294 21.1039 8.28844 21.0678 8.33162C21.0649 8.33502 21.062 8.33836 21.059 8.34165L13.1169 17.1084C13.0867 17.1418 13.05 17.1689 13.009 17.1883C12.9679 17.2077 12.9233 17.2189 12.8778 17.2213C12.8322 17.2237 12.7867 17.2173 12.7437 17.2023C12.7008 17.1874 12.6613 17.1643 12.6275 17.1343L9.99171 14.7909C9.71796 14.5457 9.36015 14.4096 8.98878 14.4093Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -40px;
    top: 0;
}

/*Service details page*/
/* Initialize counter */
.counter-wrapper {
    counter-reset: icon-counter;
}

/* Increment counter for each icon */
.counter-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon {
    counter-increment: icon-counter;
    position: relative;
}

/* Display the counter */
.counter-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon::before {
    content: counter(icon-counter, decimal-leading-zero);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    transform: translate(-50%, -50%);
}
/*contact form*/
.contact-form label.gfield_label.gform-field-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    text-transform: capitalize;
    color: #010101;
    margin-bottom: 27px;
}

.contact-form input:not([type="submit"]),
.contact-form select ,
.contact-form textarea{
    background-color: #fff;
    padding: 19px !important;
    border-radius: 8px;
}
.contact-form input:not([type="submit"]),
.contact-form select ,
.contact-form textarea,
.contact-form input:not([type="submit"])::placeholder,
.contact-form select::placeholder ,
.contact-form textarea::placeholder{
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 16px;
}
.contact-form input:not([type="submit"])::placeholder,
.contact-form select::placeholder ,
.contact-form textarea::placeholder{
    color: #01010153;
}
.contact-form input:not([type="submit"]),
.contact-form select ,
.contact-form textarea{
    color: #000;
}

.contact-form input:not([type="submit"]):focus,
.contact-form select:focus ,
.contact-form textarea:focus{
outline: none;
}
.contact-form select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6324 0H1.00233C0.146223 0 -0.314062 1.0057 0.245508 1.65362L7.56056 10.1237C7.95942 10.5855 8.67534 10.5855 9.07421 10.1237L16.3893 1.65362C16.9488 1.0057 16.4885 0 15.6324 0Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center right 15px;
}
.contact-form textarea{
    height: 159px !important;
    resize: none;
}
.contact-form .gform_wrapper.gravity-theme .gform_fields{
row-gap: 37px;
}

.contact-form .gform-footer.gform_footer.top_label {
    justify-content: center;
    padding-bottom: 0;
    margin-top: 32px;
}
.contact-form .gform-footer.gform_footer.top_label input[type="submit"] {
    padding: 9px 31px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}
.contact-form .gform-footer.gform_footer.top_label input[type="submit"]:hover{
    color: #1a7dc1;
    background-color: #fff;

}

div#gform_confirmation_message_2 {
    text-align: center;
}

.icon-border {
    position: relative;
}

.icon-border::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -82px;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #0EABE3 50%, #FFFFFF 100%);
}
.contact-form p.gform_required_legend {
    display: none;
}
.contact-form .gfield {
    position: relative;
}
.contact-form .validation_message {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(50%);
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00001 0C8.85666 0 10.6373 0.737551 11.9501 2.0504C13.263 3.36325 14.0005 5.14385 14.0005 7.0005C14.0005 8.85715 13.263 10.6378 11.9501 11.9506C10.6373 13.2634 8.85666 14.001 7.00001 14.001C5.14336 14.001 3.36276 13.2634 2.04991 11.9506C0.737062 10.6378 -0.000488281 8.85715 -0.000488281 7.0005C-0.000488281 5.14385 0.737062 3.36325 2.04991 2.0504C3.36276 0.737551 5.14336 0 7.00001 0ZM8.05001 4.298C8.57001 4.298 8.99201 3.937 8.99201 3.402C8.99201 2.867 8.56901 2.506 8.05001 2.506C7.53001 2.506 7.11001 2.867 7.11001 3.402C7.11001 3.937 7.53001 4.298 8.05001 4.298ZM8.23301 9.925C8.23301 9.818 8.27001 9.54 8.24901 9.382L7.42701 10.328C7.25701 10.507 7.04401 10.631 6.94401 10.598C6.89864 10.5813 6.86072 10.549 6.83707 10.5068C6.81342 10.4646 6.8056 10.4154 6.81501 10.368L8.18501 6.04C8.29701 5.491 7.98901 4.99 7.33601 4.926C6.64701 4.926 5.63301 5.625 5.01601 6.512C5.01601 6.618 4.99601 6.882 5.01701 7.04L5.83801 6.093C6.00801 5.916 6.20601 5.791 6.30601 5.825C6.35528 5.84268 6.39565 5.87898 6.41846 5.92609C6.44127 5.97321 6.4447 6.02739 6.42801 6.077L5.07001 10.384C4.91301 10.888 5.21001 11.382 5.93001 11.494C6.99001 11.494 7.61601 10.812 8.23401 9.925H8.23301Z' fill='%23FF0000'/%3E%3C/svg%3E") right center no-repeat #fff !important;
    background-size: 25px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}
.contact-form .validation_message:hover {
	font-size: 10px !important;
	max-width: calc(100% - 20px) !important;
	width: auto !important;
	border: 1px solid #c02b0a !important;
	transition: all 0.3s ease-in-out;
}
div#gform_confirmation_message_1 {
    color: #fff;
}
/*Case studies */
.case-studdy-block {
    background-color: #1a7ec112;
    overflow: hidden;
    border-radius: 19px;
    padding: 30px 38px;
    padding-bottom: 19px;
    position: relative;
}
.case-studdy-block::before {
    position: absolute;
    content: "";
    background-color: #1a7dc1;
    height: 100%;
    width: 8px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.case-studdy-block h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin: 0;
    margin-bottom: 10px;
}
.case-studdy-block p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #1E1E1E;
}
.case-studies-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
/*prev next pagination*/
.prev-nxt-loop nav.elementor-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.prev-nxt-loop .page-numbers.next,
.prev-nxt-loop .page-numbers.prev{
    color: transparent !important;
}
.prev-nxt-loop .page-numbers.next,
.prev-nxt-loop .page-numbers.prev{
    position: relative;
}
.prev-nxt-loop .page-numbers.next::before,
.prev-nxt-loop .page-numbers.prev::before{
    content: "";
    position: absolute;
    background-position: center;
    background-size: cover;
    height: 16px;
    width: 9px;
}
.prev-nxt-loop a.page-numbers:hover::before{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.prev-nxt-loop .page-numbers.next::before{
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7.99997C9 7.71322 8.89196 7.4265 8.67633 7.20788L1.88748 0.328227C1.45562 -0.109409 0.755441 -0.109409 0.32376 0.328227C-0.10792 0.765686 -0.10792 1.4751 0.32376 1.91277L6.33091 7.99997L0.323971 14.0872C-0.10771 14.5249 -0.10771 15.2342 0.323971 15.6716C0.755651 16.1095 1.45583 16.1095 1.88769 15.6716L8.67654 8.79207C8.8922 8.57334 9 8.28662 9 7.99997Z' fill='%234E4E4E'/%3E%3C/svg%3E%0A");
}
.prev-nxt-loop .page-numbers.prev::before{
		  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.03984e-07 7.99997C6.16519e-07 7.71322 0.108042 7.4265 0.323673 7.20788L7.11252 0.328227C7.54438 -0.109409 8.24456 -0.109409 8.67624 0.328227C9.10792 0.765686 9.10792 1.4751 8.67624 1.91277L2.66909 7.99997L8.67603 14.0872C9.10771 14.5249 9.10771 15.2342 8.67603 15.6716C8.24435 16.1095 7.54417 16.1095 7.11231 15.6716L0.323463 8.79207C0.107797 8.57334 5.91455e-07 8.28662 6.03984e-07 7.99997Z' fill='%234E4E4E'/%3E%3C/svg%3E%0A");
}


.prev-nxt-loop .page-numbers.current {
    background-color: #1A7DC1;
    color: #fff;
}
.page-numbers {
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}
a.page-numbers:hover{
    background-color: #000;
    color: #fff;
}
.faq-accord details{
    position: relative  ;
}
.faq-accord details::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #000;
    bottom: 0;
} 

@media only screen and (max-width:1460px){
    .banner-sub-head .elementor-heading-title::before {
    width: 37px;
    top: 9px;
    left: -51px;
}
.peocess-counter::before {
    height: calc(100% - 112px)!important;
    width: 1px !important;
    left: 20px !important;
    top: 23px !important;
}
.icon-border::before{
    right: -50px;
}
}

@media only screen and (max-width: 1200px) {
    .icon-border::before {
        right: -24px;
    }
    .case-studdy-block {
    padding: 20px 26px;
    padding-bottom: 10px;
}
}

@media only screen and (max-width:1024px){
.peocess-counter::before {
    height: calc(100% - 68px)!important;
}

ul.service-list li.service-list-item::before {
    height: 20px;
    width: 20px;
    left: -31px;
    top: 2px;
}
li.service-list-item{
    margin-bottom: 10px;
}
.counter-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon::before{
    font-size: 18px;
}
.icon-border:nth-child(2)::before {
    display: none;
}
 .icon-border::before {
        right: 0;
    }

.contact-form .gform_wrapper.gravity-theme .gform_fields {
    row-gap: 19px;
}
.contact-form label.gfield_label.gform-field-label {
    font-size: 18px;
    margin-bottom: 15px;
}
.contact-form .gform-footer.gform_footer.top_label {
    margin-top: 10px;
}
.contact-form input:not([type="submit"]), .contact-form select, .contact-form textarea {
    padding: 13px !important;
}

.case-studdy-block h4,.case-studdy-block p{
    font-size: 16px;
}
}



@media (max-width: 767px) {
    .hvr-img{
opacity:1;
transition:all .4s ease;
position: relative !important;
right: 0!important;
bottom: 0 !important;
}

.banner-sub-head .elementor-heading-title::before{
display: none;
}

.peocess-counter::before {
    display: none !important;
}
.left-text-line .elementor-heading-title::after,
.left-text-line-white .elementor-heading-title::after{
        content: "";
    position: absolute;
    height: 1px;
    width: 25px;
    right: -31px;
    top: 50%;
    transform: translateY(-50%);
}
.left-text-line .elementor-heading-title::after{
    background-color: #2E106C;
}
.left-text-line-white .elementor-heading-title::after{
        background-color: #fff;
        width: 25px;
}
.left-text-line-white .elementor-heading-title::before {
    background-color: #fff;
    width: 25px;
    left: -31px;
}

.left-text-line .elementor-heading-title::before{
    width: 25px;
    left: -31px;
}
.icon-border::before{
    display: none;
}
}