/*

* Theme Name: Seocify Child
* Theme URI: https://themeforest.net/user/xpeedstudio/portfolio
* Description: seocify is a powerful and modern Seo responsive WordPress Theme.
* Version: 1.0
* Author: XpeedStudio
* Author URI: http://www.xpeedstudio.com
Template: seocify
Version: 1.0
Text Domain: seocify
Tags: left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/

/* Hide author (and author icon) on single post page */
.single .author-card,
.single .author-card .author-bio,
.single .author-card .author-img,
.single .author-card .author-header,
.single .entry-meta a[rel="author"],
.single .entry-meta .meta-author,
.single .entry-meta .author,
.single .entry-meta span:has(a[rel="author"]),
.single .entry-meta span:has(.meta-author),
.single .seocify-author,
.single .posted-by,
.single .entry-header .entry-meta span.meta-author,
.single .entry-header .entry-meta a[rel="author"],
.single .entry-header .entry-meta span:has(a[rel="author"]),
.single .entry-meta i.xsicon-user,
.single .entry-meta .meta-author i,
.single .entry-meta .author i,
.single .entry-meta a[rel="author"] i {
    display: none !important;
}

.header-style3.xs-header.header-main .nav-btn a.btn {
    background-color: linear-gradient(to right, #0d0091, #c819fd);
    --box-shadow-color: rgba(83, 109, 253, 0.25);
    background: linear-gradient(to right, #0d00 9) !important;
    background: linear-gradient(to right, #0d0091, #c819fd);
}

.nav-brand > .attachment-full size-full{

    width: auto !important;
     height:auto !important;
   max-height: 70px;
   object-fit: contain;

}


.nav-brand >.logo-sticky{
    width: auto;
    height:auto;
     max-height: 70px;
      padding-top:5px;
}
.copyright {
    padding: 10px 0 10px !important;
}
.home .single-blog-post-thumb {
    height: 470px !important;
}
.blink {
        animation: blink-effect 1s infinite;
    }

    @keyframes blink-effect {
        50% {
            opacity: 0;
        }
    }

    .header .xs-top-bar {
    background-color: #00173e !important;;
}

.social-list a i.fa-youtube {
    background-color: #000 !important;

}


.social-list a i.fa-pinterest-p {

    background-color: #000 !important;

}


.single-blog-post-thumb {

    height: auto !important;

}


.services_section .choose-us-img {

    text-align: center !important;;

}


.services_section .xs-content-title {

    text-align: center !important; 

}


.services_section .elementor-6 .elementor-element.elementor-element-00fe3b8 .why-choose-us-block p {

    text-align: center !important;

  }


 .services_section p{

    text-align: center !important;

    }

    section.elementor-section.elementor-top-section.elementor-element.elementor-element-bf516ae.elementor-section-full_width.divHidded_block.elementor-section-height-default.elementor-section-height-default.elementskit-parallax-multi-container {

        display: none !important;

    }



.xs-logo-wraper {
    width: 144px;
}
a.reviewTxtColor {

    color: #ff5800 !important;
    font-weight: bold !important;
}
.form-textarea textarea {
    height: 120px;
    resize: vertical;
    min-height: 101px !important;
}

/* Input wrapper to hold input and icon */
.input-wrapper, .textarea-wrapper {
    position: relative;
  }
  .input-wrapper input,
  .textarea-wrapper textarea,
  .input-wrapper select {

    width: 100%;
    padding-right: 40px; /* Space for the icon */
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;

  }

  .form-item-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
  }
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
}

 .modal-backdrop {
  display: none !important;
}
.modal-dialog {
    max-width: 80% !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal-body {
    /* background: url(https://sortiqsolutions.com/wp-content/uploads/2025/06/fresher-hiring-background.webp); */
    background-size: cover;
    height: 100%;
    max-height: 100%;
    z-index: 9999999;
    background-repeat: no-repeat;
}
.empformdiv {
    background: #00173e;
}
h2.letsconnect {
    color: #fff;
    text-align: center;
}
h2.fresherhiring-head.menulist.active.blink_me {
    animation: blink 1s infinite; /* Apply the animation */
    text-align: center;
	font-weight: bold;
    color: white;
    text-transform: uppercase;
	font-family: 'Roboto Slab';

}
.empformmargin {
    padding: 5px 15px;
}
.uploadProp {
    padding-bottom: 0 !important;
}
.empformmargin .capthhaDiv {
    margin-top: 0 !important;
}
.form-item.uploadItem label.form-item-btn {
    top: 30% !important;
}
.empformmargin .form-item input{ padding: 2px 35px !important;}
.empformmargin .form-textarea{margin-bottom: 0 !important;}
@keyframes blink {
    0%, 100% {
        opacity: 1; /* Fully visible */
    }
    50% {
        opacity: 0; /* Invisible */
    }
}
button.close {
    color: #fff;
}
.enqueryForm .wpcf7-response-output {
    color: #fff;
}
/*
.vp-pagination__item {
    display: none !important;
}*/

/*h2.vp-portfolio__item-meta-title {
    display: none;
}*/

h2.vp-portfolio__item-meta-title {
    display: none;
}

.header-style3 .contact-info > img {
 
    filter: none !important;
}

a.vp-pagination__load-more {
    background: #ff5800 !important;
    color: #fff !important;
}
a.vp-pagination__load-more:hover {
    background: #00173e !important;
    color: #fff !important;
}
.vp-filter__item.vp-filter__item-active{
    background: #ff5800 !important;

}
.vp-filter__style-minimal .vp-filter__item>a:focus, .vp-filter__style-minimal .vp-filter__item>a:hover {
    background: #00173e !important;
    color: #fff !important;
}
.vp-filter__style-minimal .vp-filter__item.vp-filter__item-active>* {
  
    color: #fff;
}

img.testi_faces {
    height: 20px !important;
}

.header-style3.xs-header.header-main .nav-btn a.btn {
    background-color: #ff5800 !important;
  
}
.header-style3.xs-header.header-main .nav-btn a.btn:hover {
    background-color: #00173e !important; /* Change background color on hover */
    color: #fff; /* Keep text color white */
    transform: scale(1.05); /* Slightly enlarge the button on hover */
}

.xs-header.header-style3 .xs-menus .nav-menu>li.active > a {
   
   color:#ff5800 !important;
}

.navSidebar-button .fa-envelope:before {
   
    color: #ff5800 !important;
}
.xsicon.xsicon-facebook-f:hover {
     color: #ff5800 !important;
      transform: scale(1.2); /* Slightly enlarge the icon */
}
.xsicon.xsicon-twitter:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.xsicon.xsicon-linkedin-in:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.xsicon.xsicon-instagram:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.fab.fa-youtube:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.fa.fa-pinterest-p:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.fa.fa-medium:hover {
    color: #ff5800; /* Change color to orange on hover */
    transform: scale(1.2); /* Slightly enlarge the icon */
}
.social-list a i.fa-youtube:hover {
     color: #ff5800; /* Change color to orange on hover */
    background-color: #fff !important;
}
.social-list a i.fa-pinterest-p:hover {
    color: #ff5800; /* Change color to orange on hover */
    background-color: #fff !important;
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw {
   
    background: #ff5800 !important;
  
 
}
.footer-widget ul li a:hover {
    color: #ff5800 !important;
}
.single-blog-post-thumb .entry-header .entry-title a:hover {
     color: #ff5800 !important;
}
.pagination li a:hover, .pagination li.active a {
    background-color: #ff5800 !important;
}

/* Submit button styling */
.custom-btn {
    background-color: #ff5800!important;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}
.custom-btn:hover {
    background-color: #00173e;
    color: #fff;

}

.xs-seocify-testimonial-review > i {

    color: #ff5800 !important;
}

.reviewBlock{
    background:#fff !important;
    padding: 30px !important;
}

.social-list a i.fa-pinterest {
    background-color: #000 !important;
} 
.header-style3.xs-header.header-main .xs-menu-tools > li > a {
    font-weight: 400 !important;
    font-size: 15px;
     padding-top: 10px !important;
    box-shadow: 0 10px 25px 0 rgba(83, 109, 253, 0.25) !important;
    border-radius: 28px !important;
    background: #00173e  !important;
    color: #fff !important;
    padding: 0 21px !important;
    height: 36px !important;
    line-height: 36px !important;
  
}

.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
    padding-bottom: 0px !important;
  
}
i.fas.fa-file-alt {
    color: #ff5800 !important;
}

i.fa.fa-question-circle {
    color: #ff5800 !important;
}
i.far.fa-lightbulb {
  color: #ff5800 !important;
}
i.fa.fa-briefcase {
     color: #ff5800 !important;
}

i.fa.fa-user {
     color: #ff5800 !important;
}

i.fas.fa-video {
     color: #ff5800 !important;
}

/*i.fa.fa-code {
      color: #ff5800 !important;
}
i.fa.fa-server {
    color: #ff5800 !important;
}

i.fa.fa-paint-brush {
      color: #ff5800 !important;
}*/

.recent-post .post-body {
    padding: 15px !important;
}

.footer-main {
    padding: 10px 0 !important;
   
   
}
.footer-widget .xs-content-title {
    color: #fff;
    margin-bottom: 15px !important;
}
.footer-widget .menu li {
    margin-bottom: 10px !important;
}
.footer-widget.widget_recent_entries ul li {
    margin-bottom: 10px !important;
}

.subscribe-from p, .sideabr-list-widget span, .close-side-widget, .subscribe-from .sub-btn {
    color: #00173e !important;
}
/*.nav-menus-wrapper.clearfix.nav-menus-wrapper-open li.display-mobile {
    display: none;
}*/
.reviewDiv {
    display: flex
;
}
@media only screen and (max-width: 600px) {

    .reviewDiv {
         display: flex;
        width: 100%;
        position: relative;
        border-top: solid 1px #f0f0f0;
        padding-top: 20px;
        padding-bottom: 20px;
}
.reviewImg {
    padding-left: 10px;
    padding-right: 10px;
}
li.display-mobile.fresherHiring {
         padding-left: 10px;
       border-top: solid 1px #f0f0f0;
        padding-top: 20px;
        padding-bottom: 20px;
}

a.navSidebar-button.enqueryNow {
    border-top: solid 1px #f0f0f0;
    font-weight: 400 !important;
    font-size: 15px;
    max-width: 45%;
    box-shadow: 0 10px 25px 0 rgba(83, 109, 253, 0.25) !important;
    border-radius: 28px !important;
    background: #00173e !important;
    color: #fff !important;
	padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 18px !important;
    margin-left: 10px;
    text-align: center;
	text-transform: uppercase !important;
}
}


.header-style3 .contact-info a {display: flex!important;}

.reviewBlock.elementor-widget.elementor-widget-text-editor {
    border-radius: 1rem;
    padding: 1.5rem;
    background: white;
    transition: all ease 0.3s;
	box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}
i.fas.fa-star.filled {
    color: gold;
}
.upwork-rating {
    text-align: right;
    width: 100%;
    display: inline-block;
}
.testi-author {
    margin-top: 1em;
}
.testi-author img {
    margin-bottom: 0;
}
.upwork-rating img {
    margin-bottom: 0;
}
span.elementor-drop-cap-letter {
    color: #ff6d00;
}
.inner-banner-content {
    padding-top: 5em;
}
li.single-menu-item i {
    color: #ff5800;
}
label.form-item-btn, i.fa.fa-list-alt {
    color: #ff5800;
}
figure.swiper-slide-inner img.swiper-slide-image {
    width: 50%;
}
.xs-heading[class*=text-] {
        margin-bottom: 0;
}
.contentPropSection h3.section-subtitle {
    text-align: justify;
}
.form-textarea p {
    margin-bottom: 0 !important;
}
.formColProp .form-textarea {
    margin-bottom: 0 !important;
}
.careerCV p {
    margin-bottom: -25px;
}
.careerCaptcha {
    margin-bottom: 15px;
}
.careerCV {
    margin-top: 5px;
}
.internSend {
    margin-left: 10px;
	  margin-top: 10px;
}
.formColProp {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.formColProp .form-item {
	margin-bottom: 15px!important;
}
.formColProp .capthhaDiv {
    margin-top: 10px!important;
		padding-left:0!important;
	  margin-bottom: 15px;
}
.sidebar-textwidget .sidebar-logo-wraper {max-width: 60%!important;margin-bottom: 0!important;}
.sidebar-textwidget > p {margin-bottom: 20px!important;}
.sidebar-logo-wraper img {
    width: 60%!important;
}
.fresherCol {
    padding: 5px !important;
}
.textareaCol {
	padding: 5px 5px 0 5px !important;
}
.capthhaDiv {
    padding: 0 5px 0 5px;
}
.sendMessageCol{
	padding: 10px 5px 0 5px;
}
.enqueryForm .modal-body {
    padding: 0;
}
.textareaCol {
    /* margin-top: -27px; */
}
.contactProp .wpcf7-submit:hover{background-color: #00173e !important;}
.vp-filter__item {
    background-color: #00173e;
    color: white;
}
.vp-filter__item:hover {
    background-color: #ff5800;
}
p.enqueryFormTitile {
    margin-bottom: 0!important;
}
.enquiryForm .form-item input{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  padding-left: 35px!important;}
.copyright i.fab:hover {
    color: #ff5800;
    transform: scale(1.2);
    background-color: white !important;
}
.empformdiv button.close{
	border-radius: 50%;
  width: 40px;
  height: 40px;
	background-color: white;
	color: black;
}
.header.nav-sticky.xs__sticky_header div#exampleModal {
    position: z;
    z-index: 99999;
}
.enquiryForm .form-item {
    margin-bottom: 0!important;
}
.enquiryForm .form-textarea {
    margin-bottom: 0 !important;
}
.blog-grid-sidebar-area {
    margin-top: 6em;
}
.no-border .mf-input-wrapper .mf-input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.no-border .mf-input-wrapper{
	position: relative;
}
.no-border .mf-input-wrapper::after{
	content: "";
	position: absolute;
	background-color: rgba(12, 90, 219, 0.25);
    width: 1px;
    height: 32px;
    z-index: 1;
	transform: translate(50%, 50%);
}

/* General styles for the form */
.form-item, .form-textarea {
    position: relative;
    margin-bottom: 20px;
}

.form-item input,
.form-item select,
.form-textarea textarea {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    color: #333;
}

.form-item input:focus,
.form-item select:focus,
.form-textarea textarea:focus {
    outline: none;
    border-color: #4CAF50;
}

.form-item-btn {
    position: absolute;
    top: 34%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
}

.form-textarea textarea {
    resize: vertical;
    min-height: 120px;
}

.custom-iconsads i {
    color: #555;
}



/* Icon in the select dropdown */
.contactDropdown {
    padding-left: 40px;
}

/* Placeholder styling */
::placeholder {
    color: #aaa;
    font-style: italic;
}

/* Column layout for different screen sizes */
.row {
    display: flex;
    flex-wrap: wrap;
}
.col-lg-6, .col-md-6, .col-sm-12 {
    padding: 10px;
    box-sizing: border-box;
}

.col-lg-6, .col-md-6 {
    flex: 0 0 50%;
}

.col-sm-12 {
    flex: 0 0 100%;
}

.custom-btn:hover {
    background-color: #001d4c;
}

/* Styling for recaptcha */
.capthhaDiv {
    margin-top: 20px;
}
.form-item-btn {
    position: absolute;
    /* top: 50%; */
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #aaa;
    margin-right: 10px; /* Add space between the icon and the input field */
}
/* If you want to add more space between the icon and the text in the input field itself */
.form-item input {
    padding-left: 35px; /* Adjust this to create more space */
}
.form-item input, .form-item select, .form-textarea textarea {
  
    padding-left: 35px;
   
}
.footer-logo {
    width: 144px;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    color: #333;
}
.form-item.durationDiv {
    display: flex;
}
.col-lg-6.col-md-6.col-sm-12.durationDiv {
    display: flex
;
	justify-content: space-around;
}
.duration-options {
    display: flex;
	  gap: 30px; /* Space between radio options */

}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
   
    height: 50px;

}
.empformdiv .form-item{
	margin-bottom:0px !important;
}
.inner-banner-area {
    display: none;
}
.elementor-element-767045e .elementor-image-box-img {
    width: 15%!important;
}
.wpcf7-not-valid-tip {
    z-index: 11;
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0;
}
.contact-icon{
		background-color: #ff5800;
    color: white;
    padding: 13px;
    border-radius: 22px;
    font-size: 16px;
	  margin-right: 5px;
}
.fb-icon{
	background-color: #ff5800;
    color: white;
    padding: 13px 15px;
    border-radius: 22px;
    font-size: 16px;
	  margin-right: 5px;
}
.contact-icon:hover, .fb-icon:hover {
    background-color: #00173e;
}
.contact-section h3 {
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    color: #00173E;
}
.contact-section p {
    color: #00173E;
    font-weight: 600;
    font-size: 18px;
}
.contactseccol {padding-left: 25px!important;text-align: left;}
.contactseccol p a{color: #00173E;}
ul.alm-listing.alm-ajax {
    display: flex
}

li.alm-item {
    width: 25%;
	  margin-right: 10px !important;
}
li.alm-item h6.heading {
    display: none;
}
.sidebar-textwidget p.enqueryFormTitile {
    text-align: center;
    background-color: #00173e;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
}
.alm-item.card {
    list-style: none;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.alm-item.card:hover {
    transform: translateY(-5px);
}

.card-inner {
    display: flex;
    flex-direction: column;
}

.card-image {
    width: 100%;
    max-height: 200px; /* Adjust as needed */
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.card-content {
    padding: 16px;
    font-size: 16px;
    color: #333;
}
.xs-heading[class*=text-] {margin-bottom: 0!important;}
.testimonialContent .single-blog-post-thumb .entry-meta span i{color: #ff5800!important;}
section.inner-banner-area {display: none;}
.alm-item.card.no-img .card-content {
    padding-top: 20px;
}
.clients-logo .card-content {   
padding-top: 40px;
padding-bottom: 40px;
}
.clients-logo li.alm-item img{
left: 25%!important;
top: 25%!important;
}

.alm-listing.alm-ajax {
    display: flex
;
}

.LogoMainDiv {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Default: 4 columns */
    gap: 20px; /* Space between logos */
    justify-content: center;
    padding: 20px;
    margin: 4em auto; /* Centered layout */
    max-width: 1200px; /* Limit width for a better layout */
}

.ClientlogoDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white; /* Light background */
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
	margin-bottom: 30px;
}

.ClientlogoDiv:hover {
    transform: scale(1.05); /* Subtle hover effect */
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 5px;
}

.paginationLogo {
    text-align: center;
    margin-top: 50px;
	  margin-bottom: 100px;
}

.paginationLogo a {
    padding: 10px 15px;
    margin: 5px;
    background: #ff5800 !important;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.4s ease !important;
	font-size: 18px;
}

.paginationLogo a:hover {
    background: #00173e !important;
    transform: scale(1.2);
    color: white;
}
.paginationLogo .current {
    padding: 10px 15px;
    margin: 5px;
    background: #00173e !important; /* Change to your desired active color */
    color: white;
    font-weight: bold;
    border-radius: 50%;
}
.banner-section {
    text-align: center;
    background: url('https://sortiqsolutions.com/wp-content/uploads/2025/02/multi-color-background.png') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 50px 0 50px 0;
    position: relative;
	  margin-top: 133px;
}
.banner-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay for readability */
    border-radius: 8px;
}

.banner-section h1,
.banner-section p {
    position: relative;
    z-index: 1;
}

.banner-section h1 {
    font-size: 2rem;
    margin-bottom: 10px;
	  color: white;
}

.banner-section p {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* Video Gallery Banner */
.video-gallery-banner {
    text-align: center;
    background: url('https://sortiqsolutions.com/wp-content/uploads/2025/02/video-background-multicolor.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
	  padding: 50px 15px 50px 15px;
    position: relative;
	  margin-top: 133px;
}

.video-gallery-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay for readability */
    border-radius: 8px;
}

.video-gallery-banner h1,
.video-gallery-banner p {
    position: relative;
    z-index: 1;
}

.video-gallery-banner h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
	  color: white;
}

.video-gallery-banner p {
    font-size: 1.3rem;
    opacity: 0.9;
}

/* Video Gallery Container */
.video-gallery-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 videos per row */
    gap: 20px;
    padding: 20px;
    margin: 4em auto; /* Centered layout */
    max-width: 1200px; /* Limit width for better layout */
}

.video-gallery-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    padding: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.video-gallery-box iframe {
    max-width: 100%;
    border-radius: 5px;
}

/* Video Gallery Pagination */
.video-gallery-pagination {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}

.video-gallery-pagination a {
    padding: 8px 15px;
    margin: 5px;
   background: #ff5800 !important;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.video-gallery-pagination a:hover {
    background: #00173e!important;
}
.video-gallery-pagination .current {
    background: #00173e!important;
}
.courseFormHeading{
    background-color: #00173e;
    padding: 10px 0 10px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
	}
.form-item.uploadItem.careerCV {
    margin-bottom: 0 !important;
}
.formColProp.careerCaptcha {
    margin-top: -12px!important;
}
.custom-radio input[type="radio"] {
    width: auto;
}
.internSendButton {
    margin-top: 10px;
}
a.vp-pagination__load-more {
    margin-top: 3em;
}
.pagination li a:hover, .pagination li.active a {
    background-color: #00173e !important
}
.pagination li a {color: white!important;background-color: #ff5800!important;}
.teamTitle h2.section-title {font-size: 18px !important;}
.empformdiv button.close {margin-top: 15px;}
h2.letsconnect {margin-top: 15px;}
.chooseIconSection img {
    width: 125px;
    height: 125px;
}
.chooseIconSection p {
    text-align: justify;
}
.header .xs-top-bar .xs-list li a:hover {
    color: #ff5800;
}
.vp-portfolio__items-wrap {
    margin-top: 60px !important;
}
.vp-filter__item {
    border: 1px solid;
}

.close-side-widget{margin-right: 15px;margin-top: -15px;}
.reviewBlock{height:270px;}
@media only screen and (max-width: 300px) {
	ul.xs-menu-tools.xs-menu-tools-mobile { display: inline-grid!important;}
	.xs-menu-tools > li > a {display: inline!important;}
	.header-style3.xs-header.header-main .xs-menu-tools > li > a {padding: 10px 40px!important;}
	ul.xs-menu-tools.xs-menu-tools-mobile li.display-mobile {margin-bottom: 10px;}
	.header-style3.xs-header.header-main .nav-btn a.btn {padding: 0 35px !important;}
	.xs-menu-tools-mobile.xs-menu-tools > li {margin-right: 0!important;}
	    .elementor-element.elementor-element-3c54bbf.elementor-widget.elementor-widget-slider_revolution {
        margin-top: 253px;
    }
}

@media (min-width: 349px) and (max-width: 599px) {
    .header-style3.xs-header.header-main .xs-menu-tools > li > a {height: auto!important;line-height: 1!important;padding: 10px 10px!important;}
	.header-style3.xs-header.header-main .nav-btn a.btn {padding: 10px 10px!important;height: auto!important;line-height: 1!important;}
	ul.xs-menu-tools.xs-menu-tools-mobile {display: block;}
}

@media (min-width: 301px) and (max-width: 348px) {
    .header-style3.xs-header.header-main .xs-menu-tools > li > a {height: auto!important;line-height: 1!important;padding: 10px 10px!important;}
	.header-style3.xs-header.header-main .nav-btn a.btn {padding: 10px 10px!important;height: auto!important;line-height: 1!important;}
	ul.xs-menu-tools.xs-menu-tools-mobile {display: flex;}
}
@media screen and (max-width: 376px){
	i.fa-brands {margin-bottom: 5px;}
	.socialProp .contact-icon {font-size: 12px;margin-right: 2px;padding: 11px;}
	.careerCaptcha div, .capthhaDiv div {width: 100% !important;}
	.social-list a i{margin-right: 0px!important;width: 32px!important;
    height: 32px!important;line-height: 32px!important;font-size: 12px!important;}
    .social-list li {margin-right: 2px!important;}
}
@media (max-width: 480px) {
 .contactDetailsCol .elementor-widget-wrap.elementor-element-populated {
    padding-left: 0 !important;
}
}
@media screen and (max-width: 527px){
footer.xs-footer-section .footer-logo {width: 100%;text-align:center;}
footer.xs-footer-section .address-info-list, .footer-widget .xs-content-title, .copyright, .footer-widget.widget_recent_entries{text-align:center;}
footer.xs-footer-section .address-info-list li .address-info{margin-left:0;text-align:center;}
footer.xs-footer-section ul#menu-company {width: 50%;margin: auto;}
footer.xs-footer-section ul#menu-services, ul#menu-solutions {width: 75%;margin: auto;}
.xs-footer-section .social-list{padding-left: 0;}
.social-list a i{width: 45px;height: 45px;line-height: 45px;font-size: 22px;margin-right: 0;}
}
@media screen and (max-width: 768px) {
.video-gallery-container {grid-template-columns: repeat(1, 1fr); /* 1 column on mobile */}
.contactPageSection .fb-icon {font-size: 12px;margin-right: 2px;padding: 11px 13px;}
.contactBanner {margin-top: 162px !important;}
.blog-inner-page {margin-bottom: 0!important;}
.blog-grid-sidebar-area .pagination {margin: 0 !important;}
.video-gallery-banner {margin-top: 133px;}
.video-gallery-banner h1 {font-size: 24px;}
.banner-section {margin-top: 165px;}
.elementor-element-c27787d.elementor-section-content-top.formSectionPage, .expertiseFormSection {padding-bottom: 0 !important;}
.aboutSection h2.section-title, .aboutChooseSection h2.section-title, .headingCenter .h2.section-title {text-align: center;}
.aboutSection .xs-heading .line, .aboutChooseSection .xs-heading .line{display: flex !important;}
.aboutSection .xs-heading .line::after, .aboutChooseSection .xs-heading .line::after, .headingCenter .xs-heading .line::after{left: 43%;}
.aboutBannerSection, .expertiseBanner{margin-top: 162px!important;}
.contactBanner {margin-top: 146px !important;}
.banner-section{padding: 50px 15px 50px 15px!important;}
.servicesBannerProp h2.section-title {text-align: center;}
.servicesBannerProp .line::after{left: 43%!important;}
.servicesBannerProp .xs-heading .line{display: flex;}
.servicesBannerProp {padding-top: 50px !important;padding-bottom: 50px !important;}
.services_section .why-choose-us-block {margin-bottom: 0;}
.services_section .btn-imagebox-footer{line-height: 2em!important;}
.single-testimonial-preview p{text-align:justify;}
.LogoMainDiv {margin: 2em auto 0 auto!important;padding-bottom:0!important;}
.video-gallery-container{margin: 0 auto;}
.video-gallery-pagination{margin-bottom: 0;margin-top: 25px;}
.video-gallery-box {margin-bottom: 25px;}
.paginationLogo{margin-top:25px!important;margin-bottom:50px!important;}
.areasCol .elementor-widget-wrap.elementor-element-populated{padding-top: 0 !important;padding-bottom: 0 !important;}
.modal-dialog {max-width: 100% !important;}
.empformdiv, .hireusform {
    max-width: 100%;margin: auto;
      background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 170px !important;
}
.vp-portfolio__filter-wrap .vp-filter__item {margin-bottom: 15px;}
}
@media (max-width: 991px){
.wpcf7-form-control-wrap.your-message {
	
	margin: 0px;
	}
	
.post-footer .social-share, .post-footer .post-tags {

    width: 100% !important;
}

.single-blog-post .post-footer .social-list {
    
    margin-top: -32px !important;
}
.footer-widget {margin-bottom: 0!important;}
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
    .video-gallery-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
    }
}
/* Responsive styling for smaller screens */
@media (max-width: 767px) {
    .col-lg-6, .col-md-6 {
        flex: 0 0 100%;
    }
}
/* If no image is available, adjust styling */



/* Responsive Adjustments */
@media (max-width: 1024px) {
    .LogoMainDiv {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for medium screens */
    }
}

@media (max-width: 768px) {
    .LogoMainDiv {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */
    }
}

@media (max-width: 480px) {
    .LogoMainDiv {
        grid-template-columns: repeat(1, 1fr); /* 1 column for mobile */
    }
}
.page .seocify-main-content {
    padding-bottom: 0 !important;
}
.xs-section-padding {
    padding: 0 0 !important;
}
section.xs-section-padding.blog-grid-sidebar-area {
    padding-top: 100px !important;
}
section.xs-section-padding.blog-single-post-section {
    margin-top: 175px !important;
}
@media (max-width: 991px) {
    .xs-menus .nav-brand{height: 68px!important;}
    .xs-menus .nav-menus-wrapper {
    height: 100vh!important;
}
 
}

.footer-logos-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}

.footer-logos-wrapper a img.logoBrand {
    transition: all 0.3s ease;
    cursor: pointer;
}

.footer-logos-wrapper a:hover img.logoBrand {
    transform: scale(1.08);
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.6));
}

button.search-btn {
    background-color: #ff5800 !important;
}

.search-btn:hover {
    background-color: #00173e !important; /* Matches Enquiry Now background */
    color: #fff !important;
}

.blog-sidebar-wraper .widget ul li::before,
.blog-sidebar-wraper .widget_recent_entries ul li::before {
    background-color: #ff5800 !important;
}


/* ==========================================================================
   FOOTER - FINAL PERFECTED CSS (UNIFIED)
   ========================================================================== */

/* --- Desktop Styles --- */
/* ==========================================================================
   FOOTER - COMPLETE PERFECTED CSS
   ========================================================================== */

/* --- Desktop Styles --- */
.address-info-list { display: flex !important; justify-content: flex-start !important; gap: 50px !important; margin: 0; padding: 0; }
.address-info-list li { list-style: none !important; margin: 0 !important; }
.footer-contact-item { display: flex !important; align-items: center !important; margin-bottom: 8px; justify-content: flex-start; }
.footer-contact-item i,
.footer-contact-item .xsicon { color: #fff !important; font-size: 18px; margin-right: 6px !important; flex-shrink: 0; }
.footer-contact-item .address-info { margin-left: 0 !important; padding-left: 0 !important; }
.footer-contact-item .address-info a { color: #fff !important; text-decoration: none; font-size: 15px; }
.col-md-8:has(.address-info-list) { padding-left: 90px !important; }
.footer-widget .menu li { margin-bottom: 15px !important; display: list-item; }
.footer-widget .menu li a { display: flex !important; align-items: flex-start !important; }

/* --- Fixed WhatsApp button (desktop) --- */
#whatsapp-widget.footer-fixed-whatsapp {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 1000;
}
.footer-fixed-whatsapp-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #25D366;
    color: white;
    padding: 10px 15px;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.footer-fixed-whatsapp-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    flex-shrink: 0;
}
.footer-fixed-whatsapp-text {
    white-space: nowrap;
}

/* --- Perfect Mobile View (max-width: 767px) --- */
@media (max-width: 767px) {
    
    /* 1. LOGOS: Space on top and between logos */
    .xs-footer-section .footer-logos-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 18px !important;
        width: 100% !important;
        margin: 0 auto 18px auto !important;
    }

    .xs-footer-section .footer-logos-wrapper a {
        display: flex !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
    }

    .xs-footer-section .footer-logos-wrapper a img {
        height: 48px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Boost wide logos (Upwork & Digital Marketing) */
    .xs-footer-section .footer-logos-wrapper a img[src*="upwork-logo"],
    .xs-footer-section .footer-logos-wrapper a img[src*="digital-marketing"] {
        height: 52px !important;
        transform: scale(1.1) !important;
    }

    /* 2. CONTACT INFO & footer top area */
    .xs-footer-section .footer-top-area {
        padding-top: 28px !important;
        padding-bottom: 16px !important;
    }
    .address-info-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .footer-contact-item {
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 4px !important;
    }
    .footer-contact-item:last-child { margin-bottom: 0 !important; }
    .col-md-8:has(.address-info-list) {
        padding-left: 15px !important;
        margin-top: 0 !important;
    }

    /* Footer: remove top padding/unwanted line, reduce extra spacing between sections */
    .xs-footer-section {
        padding-top: 0 !important;
        border-top: none !important;
    }
    .xs-footer-section .footer-main {
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
        border-top: none !important;
    }
    .footer-main .footer-widget {
        text-align: center !important;
        margin-bottom: 22px !important;
        width: 100% !important;
        display: block !important;
    }
    .footer-main .footer-widget:last-child {
        margin-bottom: 0 !important;
    }
    .footer-main .footer-widget:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .footer-widget .widget-title {
        text-align: center !important;
        margin-bottom: 12px !important;
        margin-top: 0 !important;
    }
    .footer-main .container {
        padding-top: 0 !important;
    }

    /* The 'Magic' Centering for lists */
    .footer-widget ul, 
    .footer-widget .menu {
        display: inline-block !important; /* Centers the whole block */
        text-align: left !important;      /* Items stay aligned to each other */
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: 90% !important;        /* Prevents horizontal scroll */
    }

    .footer-widget ul li, 
    .footer-widget .menu li {
        margin-bottom: 15px !important;
        list-style: none !important;
    }

    /* Menu specific alignment */
    .footer-widget .menu li a, 
    .footer-widget ul li a {
        display: flex !important;
        align-items: flex-start !important; /* Keep icons at top for multi-line */
        justify-content: flex-start !important;
    }

    .footer-widget ul li a i, 
    .footer-widget .menu li a i {
        margin-right: 12px !important;
        margin-top: 4px; /* Align icon with first line of text */
        flex-shrink: 0 !important;
    }

    /* Allow Article Titles to Wrap Normally */
    .footer-widget .recent-posts-title, 
    .footer-widget a {
        white-space: normal !important; /* Forces wrapping for long text */
        line-height: 1.4 !important;
    }

    /* 4. COPYRIGHT & SOCIAL - mobile: one line, minimal gap between copyright and social */
    .copyright, .copyright-text p { text-align: center !important; }
    .copyright-text p {
        white-space: nowrap !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        overflow: visible !important;
        min-width: max-content !important;
    }
    .copyright-text br { display: none !important; }
    .copyright-text { overflow: visible !important; margin-bottom: 0 !important; }
    .copyright .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 100% !important;
    }
    .copyright .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .copyright .col-md-6 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-bottom: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .copyright .col-md-6:first-child { padding-bottom: 4px !important; }
    .xs-footer-section .copyright {
        padding-top: 10px !important;
        padding-bottom: 16px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .social-list {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-top: 4px !important;
        margin-bottom: 8px !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
        padding-top: 0 !important;
    }
    
    /* Fixed buttons: WhatsApp LEFT, Chat RIGHT - above copyright text */
    #whatsapp-widget.footer-fixed-whatsapp {
        bottom: 200px !important;
        left: 14px !important;
        right: auto !important;
        margin-bottom: 0;
    }
    .footer-fixed-whatsapp-link {
        padding: 8px 12px !important;
    font-size: 14px !important;
    box-sizing: border-box;
    position: fixed !important;
    right: 15px !important;
    left: unset !important;
    bottom: 80px !important;
    z-index: 99999 !important;

    }
    .footer-fixed-whatsapp-icon {
        width: 22px !important;
        height: 22px !important;
        margin-right: 8px !important;
    }
    .footer-fixed-whatsapp-text {
        white-space: nowrap !important;
        overflow: visible !important;
    }
    body .floating-btn-wraper,
    .xs-footer-section ~ .floating-btn-wraper {
        position: fixed !important;
        bottom: 200px !important;
        right: 14px !important;
        left: auto !important;
        z-index: 1000 !important;
        transform: none !important;
    }
    body .floating-btn-wraper .btn-floating {
        position: relative !important;
    }
}

/* ==========================================================================
   Revolution Slider - theme button colors (orange #ff5800 / dark blue #00173e)
   ========================================================================== */
.elementor-widget-slider_revolution .rev_slider_wrapper .tparrows,
body .rev_slider_wrapper .tparrows,
body .rev_slider .tparrows.tp-leftarrow,
body .rev_slider .tparrows.tp-rightarrow,
.elementor-widget-slider_revolution .rev_slider_wrapper .tp-arrow,
.elementor-widget-slider_revolution .rev_slider_wrapper .rs-arrow,
body .rev_slider_wrapper .tp-arrow,
body .rev_slider_wrapper .rs-arrow {
    background-color: #00173e !important;
    background: #00173e !important;
    color: #fff !important;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
}
body .rev_slider_wrapper .tparrows:before,
body .rev_slider .tparrows.tp-leftarrow:before,
body .rev_slider .tparrows.tp-rightarrow:before {
    color: #fff !important;
}
body .rev_slider_wrapper .tparrows:hover,
body .rev_slider .tparrows.tp-leftarrow:hover,
body .rev_slider .tparrows.tp-rightarrow:hover,
body .rev_slider_wrapper .tp-arrow:hover,
body .rev_slider_wrapper .rs-arrow:hover {
    background-color: #ff5800 !important;
    background: #ff5800 !important;
    color: #fff !important;
}
body .rev_slider_wrapper .tparrows:hover:before,
body .rev_slider .tparrows.tp-leftarrow:hover:before,
body .rev_slider .tparrows.tp-rightarrow:hover:before {
    color: #fff !important;
}

/* Slider content buttons (Get Started, etc.) - RS5 (tp-caption) + RS6 (rs-layer) */
.elementor-widget-slider_revolution .rev_slider_wrapper .tp-caption a,
.elementor-widget-slider_revolution .rev_slider_wrapper .rs-layer a,
.elementor-widget-slider_revolution .rev_slider_wrapper .rs-layer button,
body .rev_slider .tp-caption a,
body .rev_slider_wrapper .tp-caption a,
body .rev_slider .tp-caption .tp-btn,
body .rev_slider_wrapper .tp-caption .tp-btn,
body .rev_slider .tp-caption a.tp-btn,
body .rev_slider_wrapper .tp-caption a.tp-btn,
body .rev_slider .tp-caption button,
body .rev_slider_wrapper .tp-caption button,
body .rev_slider_wrapper .rs-layer a,
body .rev_slider_wrapper .rs-layer button,
body .rev_slider_wrapper .rs-layer .tp-btn,
body .rev_slider_wrapper a.tp-btn,
body .rev_slider_wrapper .tp-caption a.tp-btn {
    background-color: #00173e !important;
    background: #00173e !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}
.elementor-widget-slider_revolution .rev_slider_wrapper .tp-caption a:hover,
.elementor-widget-slider_revolution .rev_slider_wrapper .rs-layer a:hover,
.elementor-widget-slider_revolution .rev_slider_wrapper .rs-layer button:hover,
body .rev_slider .tp-caption a:hover,
body .rev_slider_wrapper .tp-caption a:hover,
body .rev_slider .tp-caption .tp-btn:hover,
body .rev_slider_wrapper .tp-caption .tp-btn:hover,
body .rev_slider .tp-caption a.tp-btn:hover,
body .rev_slider_wrapper .tp-caption a.tp-btn:hover,
body .rev_slider .tp-caption button:hover,
body .rev_slider_wrapper .tp-caption button:hover,
body .rev_slider_wrapper .rs-layer a:hover,
body .rev_slider_wrapper .rs-layer button:hover {
    background-color: #ff5800 !important;
    background: #ff5800 !important;
    color: #fff !important;
}



.testimonial-slider-preview {
    padding: 0px !important;
    margin-bottom: 20px;
}


.social-icons svg{
width:18px;
height:18px;
display:block;
margin:auto;
}


.blog-grid-item {
    padding:0px !important;
}


/* Reduce blog image height */
.blog-inner-page .xs-blog-thumb img{
    height:180px !important;
    object-fit:cover;
}

/* Reduce blog card padding */
.blog-inner-page .xs-blog-post{
    padding:15px !important;
}

/* Limit excerpt to 3 lines */
.blog-inner-page .entry-content p{
    font-size:14px;
    line-height:1.5;
    max-height:65px;
    overflow:hidden;
}

/* Reduce title size */
.blog-inner-page .entry-title{
    font-size:18px !important;
    line-height:1.3;
}

/* Reduce spacing between posts */
.blog-inner-page .xs-blog-post{
    margin-bottom:20px !important;
}
.xs-footer-section {
    background-color: #001d4c;
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: top 40px center;
    overflow: hidden;
}
/* i.bi.bi-microsoft-teams.team-icon {
    background-color: #ff5800;
    color: white;
    padding: 13px;
    border-radius: 40px;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 8px;
} */

@media (max-width: 768px){
footer.xs-footer-section ul#menu-company {
    margin-left: -90px !important;
}
}
@media (max-width: 768px){
.intl_tel-700 input#phone-input

 {
    width: 50 px !important;
 }
.modal-body{
    /* margin-top:22px */
}
.xs-menus .nav-menus-wrapper{
	 margin: 0;
    overflow-x: hidden;
    overscroll-behavior: none;
	}
	.nav-overlay-panel{
		 margin: 0;
    overflow-x: hidden;
    overscroll-behavior: none;
	}
    .header{
    position:relative !important;
    
}
    #rev_slider_14_1_wrapper{
        top:30px !important;
    }
       .elementor-image-box-img img{
         
               height:70px;
               width:70px
            
       }

    .elementor-image-box-img{
        width:70px !important;
    }

    .elementor-counter-number-wrapper{
        font-size:40px !important;
     
    }


}





@media screen and (max-width: 768px) {
    .video-gallery-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}


@media (max-width: 768px){

 

.elementor-image-box-img {
        width:50px !important;
}

.col-lg-6.col-md-6.col-sm-12.fresherCol.subject-column {
    margin-top: 27px;
}
   
}
   


#wpcf7-f5588-o1 .wpcf7-response-output{
    color: #ffffff !important;
}

#wpcf7-f5588-o1 .form-item-btn{
    top:30%;
}

/* #wpcf7-f5588-o1 .wpcf7-form-control-wrap{

} */

#wpcf7-f8101-p4238-o2 .form-item-btn{
    top:30% !important;
}


 /* .custom-iconsads{
    margin-top: 11px !important;
} */


@media (max-width: 480px) {
    .xs-heading[class*=text-] {
        margin-bottom: 40px !important;
        text-align: center !important;
    }
}
@media screen and (max-width: 768px) {

	.wpcf7-form-control-wrap input{
		width:100%
	}
	.wpcf7-form-control-wrap textarea{
		width:100%;
	}
 .testimonial-slider-preview, .testimonial-slider-thumb {
       
        
        width: 78%;
      
    }

    	 .xs-heading[class*=text-] {
         margin-bottom: 40px !important;
        text-align: center !important;
    }
	.elementor-widget-container{
		text-align:center;
	}
	
	.intl_tel-700 input#phone-input {

	width: 100% !important;
}
	
	
}







.wpcf7-spinner{

    top: -35px !important;

    left: 200px !important;

}
 


.wpcf7-submit.custom-disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/*.intl_tel-700 input#phone-input {*/

/*	width: 108% !important;*/
/*}*/




/* ==========================================
   FORM 5588 - FIX ICON MOVEMENT ON SUBMIT
========================================== */

/* Form fields */
body.home #wpcf7-f5588-o1 .form-item {
    position: relative !important;
}

/* Icon position - all form states */
body.home #wpcf7-f5588-o1 .form-item label.form-item-btn,
body.home #wpcf7-f5588-o1 form.invalid .form-item label.form-item-btn,
body.home #wpcf7-f5588-o1 form.hire-form-invalid .form-item label.form-item-btn,
body.home #wpcf7-f5588-o1 form.sent .form-item label.form-item-btn,
body.home #wpcf7-f5588-o1 form.submitting .form-item label.form-item-btn {
    position: absolute !important;
    top: 16px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 10 !important;
    pointer-events: none;
}

/* Validation errors must stay below the input */
body.home #wpcf7-f5588-o1 .wpcf7-not-valid-tip {
    position: relative !important;
    display: block !important;
    margin-top: 5px !important;
    line-height: 1.4 !important;
}

/* Response message */
body.home #wpcf7-f5588-o1 .wpcf7-response-output {
    color: #ffffff !important;
}



/* ===============================================
   SORTIQ - CONTACT US FORM ICON FIX
   Works before and after CF7 validation
   Scope: Page 697 / Form 5101
=============================================== */

/* Form fields */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2 .form-item {
    position: relative !important;
}

/* Keep field paragraph as positioning anchor */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2 .form-item > p {
    position: relative !important;
    margin: 0 !important;
}

/* Reset icon positioning - all states */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2 .form-item
label.form-item-btn {

    position: absolute !important;
    top: 15px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;
    height: 18px !important;
    line-height: 18px !important;

    z-index: 5 !important;
    pointer-events: none !important;
}

/* Prevent icon movement in invalid state */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
form.wpcf7-form.invalid
.form-item label.form-item-btn,

body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
form.wpcf7-form.hire-form-invalid
.form-item label.form-item-btn {

    top: 15px !important;
    left: 10px !important;
    transform: translateY(-50%) !important;
}

/* Make sure icons inside label stay aligned */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.form-item label.form-item-btn i {

    position: static !important;
    vertical-align: middle !important;
    line-height: 18px !important;
}

/* Remove extra spacing from CF7 errors */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.wpcf7-not-valid-tip {

    display: block !important;
    position: relative !important;
    margin-top: 5px !important;
    line-height: 18px !important;
    font-size: 12px !important;
}

/* Keep regular inputs styled properly */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.form-item input[type="text"],

body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.form-item input[type="email"],

body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.form-item textarea {

    box-sizing: border-box !important;
    max-width: 100% !important;
    padding-left: 35px !important;
}

/* Preserve phone flag positioning */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.intl-tel-input {

    position: relative !important;
    max-width: 100% !important;
}

/* Response text */
body.page-id-697 .contactProp
#wpcf7-f5101-p697-o2
.wpcf7-response-output {
    position: relative !important;
}