/* GENERAL STYLES */ body{ background-size: 100% 100%; overflow-x:hidden;} /* COMMON CSS */ ul.privacy-policy-cm-list , .industries-content ul, .single-service #page ul{list-style:none; padding-left:0;} ul.privacy-policy-cm-list li , .industries-content ul li, .single-service .single-service-content ul li{position:relative; padding-left:30px; margin-bottom:15px; font-size: clamp(14px, 1.2vw, 16px);} ul.privacy-policy-cm-list li::before , .industries-content ul li::before, .single-service .single-service-content ul li::before{content:''; position:absolute; left:0; top:10px; width:15px; height:15px; border-radius:50%; background:linear-gradient(105.53deg, #1B60ED -12.51%, #F669DD 135.08%);} .privacy-policy-cm-list, .industries-content ul, .single-service #page ul{margin: 0 0 1.2em 0em;} body .site-gradient-butons{background: linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%);} body .screen-reader-text:focus{visibility: hidden;} /* ========== CUT CORNER STYLES ========== */ body .about-story-sec-r2 .cm-cut-corner, body .core-values-sec .cm-cut-corner, body .testimonial-sec .cm-cut-corner body .Homepage-Erp-solutions-section .cm-cut-corner, body .testimonial-sec .cm-cut-corner, body .contact-det-card-row .cm-cut-corner, body .team-card-row .cm-cut-corner{background:linear-gradient(-135deg, transparent 45px, #fff 0) top right, linear-gradient(45deg, transparent 45px, #fff 0) bottom left; background-size:100% 60% !important; background-repeat:no-repeat; border-radius:30px 80px 30px 80px !important;} .cm-cut-corner-achievement{background:linear-gradient(-135deg, transparent 45px, #0d2352 0) top right, linear-gradient(45deg, transparent 45px, #0d2352 0) bottom left; background-size:100% 60%; background-repeat:no-repeat; border-radius:30px 80px 30px 80px !important;} .team-8-card-row .cm-cut-corner{ background: /* top-right cut */ linear-gradient(-135deg, transparent 22px, #fff 0) top right, /* bottom-left cut */ linear-gradient(45deg, transparent 26px, #fff 0) bottom left; border-radius: 20px !important; background-repeat: no-repeat; background-size: 100% 50%; } .phases-card-row .cm-cut-corner{background: linear-gradient(-135deg, transparent 40px, #fff 0) top right, linear-gradient(45deg, transparent 40px, #fff 0) bottom left; background-size: 100% 60% !important; background-repeat: no-repeat; border-radius: 30px 70px 30px 70px !important;} /* ========== TRANSFORM BUSINESS SECTION ========== */ .transform-business-sec-container{background:linear-gradient(109.08deg, #1B60ED -9.96%, #F669DD 130.18%); color:white; padding:50px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:250px; width:100%; margin:0 auto; clip-path:polygon(0% 30px, 30px 0%, calc(100% - 45px) 0%, 100% 45px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 45px 100%, 0% calc(100% - 45px)); -webkit-clip-path: polygon(0% 0px, 30px 0%, calc(100% - 75px) 0%, 100% 70px, 100% calc(100% - 0px), calc(100% - 30px) 100%, 75px 100%, 0% calc(100% - 70px)); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); transition: clip-path 0.3s ease; border-radius: 30px 90px 30px 90px !important;} /* ========== TEXT GRADIENT STYLES ========== */ .cm-text-lg-color, .banner-heading mark, .children-privacy-table-container tr th{background:linear-gradient(180deg, #0037AF 0%, #001749 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;} /* ========== LINE CLAMP ========== */ .clamp-text-3-line{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;} /* ========== SUCCESS STORIES SLIDER ========== */ .success-stories-slider .slick-track{} .success-stories-slider .slider-user-profile-img figure{width:100%; height:100%; object-fit:cover;} .success-stories-slider .slick-slide{opacity:0.5; margin-right:50px;} .success-stories-slider .slick-current{opacity:1;} /* CAPTCHA STYLES */ .grecaptcha-badge{z-index:1111;} /* ========== PAGE-SPECIFIC STYLES ========== */ /* ABOUT PAGE STYLES */ .parnership-cart-gradient{background: radial-gradient(circle at top right, #FFFFFF 0%, #CADFEF 100%);} /* CONTACT PAGE STYLES */ .one-container.container{background-color:transparent !important;} .contact-form-container .contact-form .two-column{display:flex; justify-content:space-between; align-items:flex-start; gap:15px;} .contact-form-container .contact-form .two-column .form-group{width:calc((100% - 15px)/2);} .contact-form-container .contact-form .form-row{margin-bottom:15px;} .contact-form-container .contact-form .form-row p{margin-bottom:0px;} .contact-form-container .contact-form .form-row p span, .contact-form-container .contact-form .form-row p input{width:100%;} .contact-form-container .contact-form .form-row p input{height:58px;} .contact-form-container .contact-form .form-row p input, .contact-form-container .contact-form .form-row p textarea{border:2px solid #00123726; border-radius:120px; background:transparent; font-family:'Poppins', sans-serif; font-weight:400; font-size:1em; line-height:1.75em; padding-left:35px; padding-right:35px; transition:font-weight 0.3s ease; resize:none;} .contact-form-container .contact-form .form-row p textarea{border-radius:20px; max-height:130px;} .contact-form-container .contact-form .form-row p input::placeholder, .contact-form-container .contact-form .form-row p textarea::placeholder{color:#00123780; font-family:'Poppins', sans-serif; font-weight:400; font-size:1em; line-height:1.75em; opacity:1;} .contact-form-container .contact-form .form-row p input:focus, .contact-form-container .contact-form .form-row p textarea:focus{outline:none; border:2px solid #F669DD;} .contact-form-container .contact-form .form-row p input:focus::placeholder, .contact-form-container .contact-form .form-row p textarea:focus::placeholder{font-weight:600; color:#001237;} .form-row.submit-row p{text-align:end;} .form-row.submit-row p .wpcf7-spinner{width:40px !important; height:40px; display:block; margin:auto; margin-right: 30px;} .contact-form-container .wpcf7 form .wpcf7-response-output{margin-top:25px; margin-bottom:30px;} .form-row.submit-row p input{background:linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%) !important; width:100%; max-width:133px; color:#fff; font-weight:600 !important; border:none !important; min-height:58px !important; order:2;} .contact-map-container iframe{width:100%; height:100%; min-height:598px; border-radius:10px;} .form-row.submit-row p{display:flex; justify-content:space-between;} .contact-card-icon-row a{text-decoration:none; color:#001237;} .contact-form .submit-row { margin-bottom: 0px !important;} .page-id-78 .footer-content-container{padding-top:100px;} .contact-det-card-row .contact-card-icon-row p a{font-size: clamp(14px, 2vw, 18px) !important;} .contact-form .wpcf7-not-valid-tip {padding-left: 30px;} .contact-form-container .wpcf7 form.spam .wpcf7-response-output, .job-form-container .wpcf7 form.spam .wpcf7-response-output{ width: fit-content; max-width: max-content; margin: 28px auto; border-radius: 50px; border-color: red; background: red; color: #fff; padding: 10px 31px; text-align: center; line-height: 1.6em; } .job-form-container .wpcf7 form.sent .wpcf7-response-output, .contact-form-p-container .wpcf7 form.sent .wpcf7-response-output { max-width: 540px; text-align: center; padding: 10px 20px; border-radius: 50px; background-color: #4db750; color: #fff; margin: auto; margin-top: 40px; } .contact-form-container .wpcf7-not-valid-tip{font-size:14px;} /* .contact-form-container form .wpcf7-response-output {display: none;} */ .intl-tel-input.separate-dial-code .selected-flag {background-color: transparent;} .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color: transparent;} /* body.page-id-78 .site-footer .footer-content-container{padding-top:50px;} */ /* TESTEMONIALS STYLES */ #loadMore{display:inline-flex;white-space:nowrap;text-decoration:none;padding:10px 40px;font-weight:bold;border-radius:100px;background:linear-gradient(105.03deg,#1B60ED -12.64%,#F669DD 136.06%);color:#fff;transition:all 0.3s ease;cursor:pointer;position:relative;z-index:1;margin-top:60px;} .slider-user-profile-img figure {height: 100%; width: 100%;} .success-stories-slider .tectimonial-text a { color: #F669DD; font-weight: 700; font-size: 18px; padding-left: 5px;} body .intl-tel-input .selected-flag {padding: 0 0 0 20px !important;} body .intl-tel-input.separate-dial-code .selected-dial-code {display: none;} body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {width: 70px;} /* #loadMore:hover{background:#fff;color:#0037AF;} */ .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown button.iti__selected-country, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown button.iti__selected-country { border-radius: 50px 0px 0px 50px; overflow: hidden; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown > div, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown > div { padding: 7px; width: 100%; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown > div input.iti__search-input, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown > div input.iti__search-input { border-radius: 0px; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary { padding-left: 28px; padding-right: 17px; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown input#smart_phone_field-705, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown input#smart_phone_field-790 { padding-left: 80px !important; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content { padding: 7px; } .contact-form-container .contact-form span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary:hover, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary:hover {background-color: transparent !important; } .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap input[type="date"] { min-height: 64px; } .file-upload-col .wpcf7-form-control-wrap[data-name="upload-resume"] {position: static;} body .file-upload-col .wpcf7-form-control-wrap[data-name="upload-resume"] > span.wpcf7-not-valid-tip {bottom: -32px !important; left: 2px !important;} /* Add this to your CSS file */ /* .no-manual-select { pointer-events: none !important;user-select: none !important; cursor: not-allowed !important; background-color: #f8f9fa !important; } */ /* Add this to your CSS file with !important */ /* ESSENTIAL DISABLING STYLES ONLY */ .job-disabled-filed[readonly] { background: #f5f5f5; cursor: not-allowed; } /* PRIVACY POLICY PAGE STYLES */ .privacy-policy-cm-list, .industries-content ul {margin: 0 0 1.2em 0em;} .privacy-policy-cm-list li, .industries-content ul li{ font-size: clamp(14px, 1.2vw, 16px);} .cookies-n-tracking-link a{ color:#0037AF;} table {border-collapse: separate;border-spacing: 0;border-radius: 15px;overflow: hidden;} .children-privacy-table-container .children-privacy-table{border-radius:10px; margin-bottom: 0px;} .children-privacy-table-container .children-privacy-table tbody tr:nth-last-child(1){border-radius:0 0 10px 10px} .children-privacy-table-container .children-privacy-table tbody tr:nth-last-child(1) td{padding-bottom:25px;} .children-privacy-table-container .children-privacy-table *{border:none;} .children-privacy-table-container .children-privacy-table thead{background:#F669DD1A;} .children-privacy-table-container tr td:nth-child(1){background:#FFFFFF;} .children-privacy-table-container tr td:nth-child(2){background:#F9FBFF;} .children-privacy-table-container tr th{padding:16px 30px;} .children-privacy-table-container td{ padding: 25px 30px 0 30px; align-content: baseline;} .children-privacy-table-container tr th:nth-child(1), .children-privacy-table-container tr td:nth-child(1){width:30%;} .children-privacy-table-container tr th:nth-child(2), .children-privacy-table-container tr td:nth-child(2){width:70%;} .gradient-general-btn { display:inline-block; white-space:nowrap; text-decoration:none; padding:10px 40px; font-weight:bold; border-radius:100px; background:linear-gradient(105.03deg,#1B60ED -12.64%,#F669DD 136.06%); color:#fff; transition:all 0.3s ease; cursor:pointer; position:relative; z-index:1; } .gradient-general-btn::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100px; padding:3px; background:linear-gradient(105.03deg,#1B60ED -12.64%,#F669DD 136.06%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; pointer-events:none; opacity:0; transition:opacity 0.3s ease; z-index:-1; } .gradient-general-btn:hover { background:#fff; color:#0037AF; } .gradient-general-btn:hover::before { opacity:1; } ul.privacy-policy-cm-list li{margin-bottom: 15px; line-height:2em;} ul.privacy-policy-cm-list li:nth-last-child(1){margin-bottom: 0;} /* INDUSTRIES PAGE STYLE */ .industries-cm-grid > div:nth-child(even) .industries-cm-template .industries-row, .services-cm-grid > div:nth-child(even) .services-cm-template .services-row {flex-direction: row-reverse;} .industries-content ul li{margin-bottom:5px;} .industries-row{align-items:normal;} body .industries-cm-template .industries-content p:last-of-type {margin-bottom:15px;} body .industries-content ul li {margin-bottom: 8px !important;} /* SERTVICES PAGE STYLE */ .services-cart-heading a {font-size: clamp(30px, 2.08vw + 20px, 40px); line-height:1.4em;} .learn-more-btn-with-svg::after {content: ''; width: 20px; height: 100%; background: url(https://comp360services.com/wp-content/uploads/2025/12/learn-more-btn-with-svg.svg) center no-repeat;} .single-service .single-service-content ul li:nth-last-child(1) {margin-bottom: 0;} .single-service #page ul { margin: 0 0 0em 0em;} .Homepage-Erp-solutions-section .gb-button svg {fill: none !important;} /* .services-pg-image {min-height:386px;} */ /* .services-pg-image figure, .services-pg-image img{min-height:386px !important;} */ /* plateform page css */ /* .banner-page-name-txt{transform: translateY(20px);transition: all ease 0.5s;} */ .single-service .single-service-content ul li::before { top: 10px; } .single-service-content .industries-row .gb-container p.gb-headline-text { color: #001237; font-family: Poppins; font-weight: 300; font-size: 18px; line-height: 2.1em; } .single-service .single-service-content ul li { font-size: 16px; color: #001237; } .single-service .single-service-content ul li { padding-left: 30px; } body.single.single-service .testimonial-sec .slick-dots li button { visibility: hidden; } body .industry .industries-content p { margin-bottom: 18px; } body .service-numbers { background: linear-gradient(105.53deg, #1B60ED -12.51%, #F669DD 135.08%); } /* SERVICE DETAILS PAGE STYLE */ .single-service #page {max-width: 100% !important;} /* TEAM PAGE STYLING */ .team-cart-image figure, .team-cart-image figure img{width:100%; height:100%; object-fit:cover;} .clip-image {width: 100%; clip-path: url(#clip-mirror); overflow: hidden;} .cm-shape-svg{position: absolute; z-index: -1; bottom: -200%; left: -200%;} .industries-content ul li, .single-service .single-service-content ul li:nth-last-child(1) { margin-bottom:0px;} .single-service .single-service-content ul li:last-of-type { margin-bottom: 0 !important; } body .industries-dynamic-content .industries-row .industries-content ul li::before { top: 10px; } /* 404 PAGE STYLES */ .fof-page-btns .request-consultation-btn a{ padding: 12px 42px;} /* career page styling */ body .career-detail-banner .job_type, body .careers-section .careers-grid .career-item .job_type { position: relative; } body .career-detail-banner .job_type::after, body .careers-section .careers-grid .career-item .job_type::after{ content: ")";} body .career-detail-banner .job_type::before, body .careers-section .careers-grid .career-item .job_type::before{ content: "(";} .gradient-heading-text { background: linear-gradient(180deg, #0037AF 0%, #001749 100%); background-clip: text; -webkit-text-fill-color: transparent; } /* body .careers-section .careers-grid .career-item a.gb-button.site-gradient-butons:hover, body .careers-section .careers-grid .career-item a.gb-button.site-gradient-butons:hover:active { width: 100%; padding: 15px 5px; background-color: #0366d6; color: #ffffff; text-decoration: none; background-image: linear-gradient(105deg, #1b60ed -12.64%, #f669dd 136.06%); background-clip: unset !important; transition: none; } */ .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container p, .careers-single-content .job-content-container ul li span { font-family: Poppins ; font-weight: 300 ; font-size: 18px ; line-height: 2.1em ; color: #001237 ; list-style-type: none; position: relative; } .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container ul li span { font-family: Poppins ; font-weight: 300 !important; font-size: 18px ; line-height: 2.1em ; color: #001237 ; list-style-type: none; position: relative; } .careers-single-content .job-content-container ul li:before, .careers-single-content .job-content-container ol li:before{ content: ''; position: absolute; left: -35px; top: 10px; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(105.53deg, #1B60ED -12.51%, #F669DD 135.08%); } .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container ol li { margin-bottom: 18px; } .careers-single-content .job-content-container ul, .careers-single-content .job-content-container ol { margin-left: 0px; padding-left: 40px; } body .career-detail-banner .career-item .dynamic-entry-excerpt p { text-align: center; } body .careers-single-content .number_of_positions span.gb-headline-text { position: relative; } body .careers-single-content .number_of_positions span.gb-headline-text::before{ content: "No of Positions (" } body .careers-single-content .number_of_positions span.gb-headline-text::after { content: ")" } body .file-upload-row {display: flex;} body .file-upload-row > div {width: 50%;} body .file-upload-row .file-upload-col span.file-name-display {overflow: hidden; text-overflow: ellipsis;} body .job-form-wrapper .job-form-row p span select{max-height:65px;} body .careers-section .careers-grid .career-item { background-image: linear-gradient(45deg, #00000000 5%, #ffffff 5%, #ffffff 95%, #00000000 95% ); } .careers-section .career .job-title { background: linear-gradient(180deg, #0037AF 0%, #001749 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .site-buttons.apply-job:hover { background-color: #0366d6; color: #ffffff; text-decoration: none; background-image: linear-gradient(105deg, #1b60ed -12.64%, #f669dd 136.06%); } .job-form-wrapper .job-form-row p { display: flex; flex-direction: row; column-gap: 20px; margin-bottom: 0px; align-items: flex-start; } .job-form-wrapper .job-form-row { margin-bottom: 20px; } .job-form-wrapper .job-form-row input, .job-form-wrapper .job-form-row input[type="date"], .job-form-wrapper .job-form-row select { padding: 15px 35px; background-color: transparent; border: 2px solid #00123726 !important; font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 1.8em; appearance: none; outline:none; text-align: left; border-radius: 120px; } .job-form-wrapper .job-form-row input[type="text"]:focus, .job-form-wrapper .job-form-row input[type="email"]:focus, .job-form-wrapper .job-form-row input[type="url"]:focus, .job-form-wrapper .job-form-row input[type="password"]:focus, .job-form-wrapper .job-form-row input[type="search"]:focus, .job-form-wrapper .job-form-row input[type="tel"]:focus, .job-form-wrapper .job-form-row input[type="number"]:focus, .job-form-wrapper .job-form-row input[type="date"]:focus, .job-form-wrapper .job-form-row textarea:focus, .job-form-wrapper .job-form-row select:focus, .job-form-wrapper .job-form-row input:focus { border: 2px solid #F669DD !important; outline: none !important; box-shadow: none !important; color: #001237 !important; background-color: transparent !important; font-weight: 600; } body .job-form-wrapper .job-form-row input[type="date"]{ appearance: none !important; } body .job-form-wrapper .job-form-row input[type="checkbox"] { padding: 0px; appearance: none; outline: none; display: inline-block !important; min-width: auto !important; max-width: 25px !important; width: 25px !important; height: 25px !important; border-radius: 6px; position: relative; top: 5px; margin-right: 13px;} .job-form-wrapper .job-form-row p span, .job-form-wrapper .job-form-row p span input, .job-form-wrapper .job-form-row p span select { width: 100% !important; display: inline-block; color: gray; } .job-form-wrapper .job-form-row p br { display: none; } body .job-form-wrapper .job-form-row p .wpcf7-checkbox label { display: flex !important; flex-direction: row; } body .job-form-wrapper .job-form-row input[type="checkbox"]:checked {background-color: #00000000;border-color: #eb60de !important;position: relative;} .job-form-wrapper .job-form-row p span.wpcf7-not-valid-tip, .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap span.custom-date-error { font-size: 16px; color: red; } body .job-form-wrapper .job-form-row input[type="checkbox"]:checked::before { content: "✓"; position: absolute; left: 0; right: 0; top: -2px; bottom: 0; color: #4150ec; font-size: 18px; font-weight: 700; width: 100%; height: 100%; text-align: -webkit-center; } .job-form-wrapper .job-form-row p .wpcf7-checkbox span.wpcf7-list-item { margin-left: 0px; } .job-form-wrapper .job-form-row p .job-submit-button { font-family: Poppins; font-weight: 700; font-size: 16px; text-align: center; text-transform: uppercase; background: linear-gradient(105.03deg, #1B60ED -12.64%, #F669DD 136.06%); background-repeat: no-repeat; background-size: cover; background-origin: border-box; margin-top:10px !important;} .job-form-wrapper .job-form-row p .job-submit-button:active{ color: #fff; } .job-form-wrapper .job-form-row p span select, ::picker(select) { appearance: base-select; } .job-form-wrapper .job-form-row p span select::picker-icon { color: #7c7c7c !important; font-size: 14px; } .job-form-wrapper .job-form-row p span.wpcf7-spinner { display: none; } body .job-form-wrapper .job-form-row input[type="date"]::-webkit-calendar-picker-indicator { position: relative; width: 15px; height: 15px; opacity: 1; background-repeat: no-repeat !important; background-position: center !important; margin-top: 0px; background: url("https://comp360services.com/wp-content/uploads/2025/12/calender.svg"); background-position: center; } .job-form-wrapper .job-form-row input#file-selector {display: none;} .job-form-wrapper .job-form-row label.file-selector-input, .job-form-wrapper .job-form-row label.date-selector-input { display: flex; flex-direction: row; width: 100% !important; flex-wrap: nowrap; white-space: nowrap; align-items: anchor-center; padding: 15px 35px; background-color: transparent; border: 2px solid #00123726 !important; font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 1.8em; appearance: none; outline: none; text-align: left; border-radius: 120px; justify-content: space-between; flex: 1 1 50%; height: fit-content; color: gray !important; } .job-form-wrapper .job-form-row label.file-selector-input img.upload-file-icon, .job-form-wrapper .job-form-row label.file-selector-input img.date-selector-icon { width: 18px; height: 12px; } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap, .job-form-wrapper .job-form-row label.date-selector-input span.wpcf7-form-control-wrap { display: none; } .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap { flex: 1 1 50%; } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap { display: inline-flex; flex: 0; } .job-form-wrapper .job-form-row label.file-selector-input:focus, .job-form-wrapper .job-form-row label.date-selector-input:focus, .job-form-wrapper .job-form-row label.date-selector-input:focus-within, .job-form-wrapper .job-form-row label.date-selector-input:active, .job-form-wrapper .job-form-row label.file-selector-input:focus-within, .job-form-wrapper .job-form-row label.file-selector-input:active { border: 2px solid #F669DD !important; outline: none !important; box-shadow: none !important; color: #001749 !important; background-color: transparent !important; font-weight: 600; } .job-form-wrapper .job-form-row p span input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-text-fill-color: gray !important; background-clip: text !important ; } .job-form-wrapper .job-form-row p .job-submit-button:focus-visible, .job-form-wrapper .job-form-row p .job-submit-button:focus { color: #ffffff !important; } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-not-valid-tip, .job-form-wrapper .job-form-row label.date-selector-input span.wpcf7-not-valid-tip { position: absolute; bottom: -36px; left: 0; } .job-form-wrapper .job-form-row label.file-selector-input { position: relative; } form.wpcf7-form.invalid .wpcf7-response-output { border: solid 2px red !important; border-radius: 55px; padding: 10px 30px; line-height: 1.5em; text-align: center; font-family: 'Poppins';} .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap input[type="date"] { color: gray; background-color: transparent; -webkit-text-fill-color: gray; } .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap input[type="date"]:focus { color: gray; -webkit-text-fill-color: gray; } @supports (-webkit-touch-callout: none) { .wpcf7 input[type="date"] { color: gray; } } input[name="available-start"] { -webkit-appearance: none; } .job-form-wrapper .job-form-row .file-selecter-field-wrapper { flex: 1 1 50%; } .job-form-wrapper .job-form-row .file-selecter-field-wrapper p { display: flex; flex-direction: column; } .job-form-wrapper .job-form-row .file-selecter-field-wrapper p span.field-title { font-family: Poppins, sans-serif; font-weight: 300; font-size: 18px; color: #001237; cursor: context-menu; } .job-form-wrapper .job-form-row.date-file-row { display: flex; justify-content: space-between; column-gap: 20px; } .job-form-wrapper .job-form-row.address-row p label { width: 100%; } .job-form-wrapper .job-form-row p > label { width: 100%; } .job-form-wrapper .job-form-row.date-file-row > p { max-width: calc(50% - 10px); flex: 1 1 50%; } .job-form-wrapper .job-form-row .file-selecter-field-wrapper p { row-gap: 0px !important; } .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content .iti__country .iti__flag { width: 35px; background-repeat: no-repeat; } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip { bottom: -66px; left: -35px; } body .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap { display: inline-flex; flex: 0; } .file-upload-col .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {bottom: -32px !important; left: 2px !important;} body .file-upload-col .wpcf7-form-control-wrap[data-name="upload-resume"] > span.wpcf7-not-valid-tip {bottom: -32px !important; left: 2px !important;} /* .form-wrapper .job-form-row p span input.hasDatepicker {position: relative; display: inline-block;} .form-wrapper .job-form-row p span input.hasDatepicker::after {content: ""; position: absolute; right: 28px; top: 32px; transform: translateY(-50%); width: 17px; height: 17px; background-image: url("https://comp360services.com/wp-content/uploads/2025/12/form-calender-icon.svg"); background-repeat: no-repeat; background-size: contain; pointer-events: none;} */ .wpcf7-form-control-wrap[data-name="available-start"] input {padding-right: 45px;} .job-form-wrapper .job-form-row p > label input.date-field, .job-form-wrapper .job-form-row p > label input.hasDatepicker {background-image: url("https://comp360services.com/wp-content/uploads/2025/12/form-calender-icon.svg"); background-repeat: no-repeat; background-position: right 24px center; background-size: 18px; padding-right: 64px; cursor: pointer; } /* .job-form-wrapper .job-form-row label.file-selector-input > span.wpcf7-not-valid-tip { display: none !important;} */ .contact-form-container .contact-form .form-row .iti--allow-dropdown .iti__dropdown-content .iti__country .iti__flag { width: 35px; background-repeat: no-repeat; min-width: 15px; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content { width: 100% !important; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content span.iti__country-name { white-space: nowrap; } body .contact-main-section {overflow: hidden;} .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content span.iti__country-name, .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content span.iti__dial-code { font-size: 16px; } .contact-form-container .contact-form .form-row p span.wpcf7-spinner { display: none !important; } .contact-form-container .contact-form .form-row.submit-row p {justify-content: end;} .job-form-wrapper .job-form-row p .job-submit-button.glow-on-click.is-sending, .job-form-wrapper .job-form-row p .job-submit-button.glow-on-click.is-sending, .contact-form-container .contact-form .glow-on-click.is-sending { position: relative;background: linear-gradient(105.03deg, #f669ddde 136.06% #1b60edd6 -12.64%,) !important;box-shadow: 0 0 5px #b85ce2d4, 0 0 10px #4d51eacf, 0 0 20px #af5be2d6, 0 0 30px #ffffff;animation: pulseGlow 1.2s ease-in-out infinite;} .Products-cta-section{margin-bottom:-150px !important;} @keyframes pulseGlow { 0% { box-shadow: 0 0 5px #b85ce2c7, 0 0 10px #4d51eade, 0 0 20px #af5be2ed; } 50% { box-shadow: 0 0 10px #3f51b5e3, 0 0 25px #b65be1c4, 0 0 40px #4c51ead4; } 100% { box-shadow: 0 0 5px #b85ce2cf, 0 0 10px #4d51eae8, 0 0 20px #af5be2e6; } } /* ========== MEDIA QUERIES ========== */ @media (max-width:1668px){ .counter-parent-container .counter-number{font-size:50px;} div.our-achivements-wrapper{gap:40px;} div.our-achivements-content-container{width:calc(100% - 40px - 500px);} } @media(max-width: 1440px){ div#form-section { column-gap: 40px; } div#form-section .image-container { width: 35%; } div#form-section .job-form-container { width: 65%; } div#form-section .image-container img { max-width: 100%; } } @media (max-width:1280px){ .about-story-sec-r1, .contact-form-parent-container{gap:50px;} .about-story-sec-r1 .about-story-sec-r1-img, .contact-form-parent-container .contact-map-container{width:500px;} .about-story-sec-r1 .about-story-sec-r1-content, .contact-form-parent-container .contact-form-p-container{width:calc(100% - 50px - 500px);} div.our-achivements-img-container{width:450px;} div.our-achivements-content-container{width:calc(100% - 40px - 450px);} .cm-cut-corner-achievement.counter-widget-container>p:nth-last-child(1){line-height:1.6em;} .counter-parent-container .counter-widget-container{width:calc((100% - 1 * 30px)/2); flex-grow:0; flex-basis:calc((100% - 1 * 30px)/2);} .contact-form-parent-container .contact-form-p-container{width:calc(100% - 25px - 450px);} .contact-form-parent-container .contact-map-container{width:450px;} .contact-form-parent-container{gap:40px;} .contact-form-container .contact-form .form-row p input { padding-left: 20px; padding-right: 20px; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown > div { width: 100%; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary { padding-left: 15px; } .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown input#smart_phone_field-705 { padding-left: 60px !important; } .phases-card-row .phases-card-services { padding: 35px 35px 45px; } .single-service-content .industries-row { align-items: normal; } .single-service-content .industries-row .gb-container { position: relative; } .single-service-content .industries-row .gb-container figure.gb-block-image { position: sticky; top: 115px; } .about-pg-achievement-sec .our-achivements-wrapper {align-items: normal;} .about-pg-achievement-sec .our-achivements-wrapper figure{ position: sticky; top: 160px;} body .plateform-row { align-items: normal; } body .plateform-row .plateform-row-img figure { position: sticky; top: 160px; } .job-form-wrapper .job-form-row p label {font-size: 16px;} .job-form-wrapper .job-form-row p label input::placeholder, .job-form-wrapper .job-form-row p label input select::placeholder{font-size: 16px;} } @media(max-width: 1080px){ body .file-upload-row > div {width: 100%;} .job-form-wrapper .job-form-row p span input, .job-form-wrapper .job-form-row p span select, .job-form-row p span input[type="date"] { padding: 15px 20px; } .job-form-wrapper .job-form-row p { flex-direction: column; row-gap: 20px !important; } .job-form-wrapper .job-form-row p { flex-direction: column; row-gap: 20px !important; } div#form-section .image-container { position: relative; } div#form-section .image-container figure { position: sticky; top: 150px; width: 100%; height: fit-content; } .job-form-wrapper .job-form-row.date-file-row { flex-direction: column; } .job-form-wrapper .job-form-row.date-file-row > p { max-width: 100%; } form.wpcf7-form.invalid .job-form-row.date-file-row { margin-bottom: 30px !important; gap: 0px; } .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown > div { width: 100%; } .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__selected-country-primary { padding-left: 15px; } .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown input#smart_phone_field-790 { padding-left: 70px !important; } } @media (max-width:1024px){ .about-story-sec-r1 .about-story-sec-r1-img, .about-story-sec-r1 .about-story-sec-r1-content{width:100%;} div.our-achivements-img-container, div.our-achivements-content-container{width:100%;} .contact-form-parent-container>div{max-width:100% !important; width:100% !important;} .contact-map-container, .contact-map-container iframe{min-height:440px;} .page-id-78 .footer-content-container{padding-top:80px;} body .service .services-row { align-items: normal; } body .service .services-row .services-pg-image figure { position: sticky; top: 160px; } body .service .services-row .services-pg-image { position: relative; overflow-x: visible; } body .fof-page-btns > div {width: 45%;} body .fof-page-btns > div a {width: 100%;} .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container ol li { margin-bottom: 8px; } .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container ul li span, .careers-single-content .job-content-container ul li, .careers-single-content .job-content-container p, .careers-single-content .job-content-container ul li span{ font-size: 16px !important; } body .careers-single-content .meta-fields span.gb-headline-text, .single-service-content .industries-row .gb-container p.gb-headline-text { font-size: 16px; } .team-our-culture{align-items: normal !important;} .industries-row figure, .team-our-culture .team-our-culture-img figure{position: sticky; top: 160px;} .about-pg-achievement-sec .our-achivements-wrapper{align-items: center;} div#form-section .job-form-container { width: 60%; } div#form-section .image-container {width: 40%;} .job-form-wrapper .job-form-row .file-selecter-field-wrapper p span.field-title { font-size: 16px; } body .job-form-wrapper .job-form-row p {row-gap: 0 !important;} body .job-form-wrapper .job-form-row{margin-bottom: 0;} .job-form-wrapper .job-form-row p > label {margin-bottom: 20px;} .success-stories-slider .tectimonial-text a {font-size: 16px;} } @media (max-width:768px){ .about-story-sec-r1 .about-story-sec-r1-img, .about-story-sec-r1 .about-story-sec-r1-content{width:100%;} .cm-achievement-mobile-img figure, .cm-achievement-mobile-img figure img{width:100%; height:100%; object-fit:cover;} .success-stories-slider .slick-slide{margin:auto 25px !important;} .children-privacy-table-container td {padding: 20px 15px 0 15px; align-content: baseline;} .children-privacy-table-container tr th {padding: 15px 15px;} .testimonial-cart-user-name{font-weight:600;} ul.privacy-policy-cm-list li::before , .industries-content ul li::before{width:10px; height:10px; top:8px;} .industries-pg-image img{max-height: 370px; object-fit: contain;} .page-id-78 .footer-content-container{padding-top:60px;} .contact-form .submit-row {margin-top: 20px;} .contact-form-container .contact-form .form-row p input, .contact-form-container .contact-form .form-row p textarea{padding-left: 25px; padding-right: 25px;} .contact-form-container .contact-form .form-row p textarea{padding-top: 15px;} .gb-container.gb-container-2704621a.homepage-Erp-solutions-section-inner { border-top: 1px solid #0000001f; padding-top: 40px;} .counter-parent-container .counter-widget-container{padding:35px 40px 35px 60px;} .testimonial-sec .slick-dots {bottom: -55px;} .testimonial-sec .slick-dots li {width:14px; height:14px;} body .testimonial-sec .slick-dots li button:before {display: none;} .testimonial-sec .slick-dots li button{background: #F5D8F0; width: 10px; height: 10px; border-radius: 50%;} .testimonial-sec .slick-dots li.slick-active button{width: 14px; height: 14px; background: linear-gradient(105.53deg, #1B60ED -12.51%, #F669DD 135.08%);} .privacy-pg-responsive-sec-border{border-top:1px solid #E3E3E8;} .job-form-wrapper .job-form-row .file-selecter-field-wrapper p span.field-title { font-size: 14px; } body .about-story-sec-r2 .cm-cut-corner, body .core-values-sec .cm-cut-corner, body .testimonial-sec .cm-cut-corner body .Homepage-Erp-solutions-section .cm-cut-corner, body .testimonial-sec .cm-cut-corner, body .contact-det-card-row .cm-cut-corner, body .team-card-row .cm-cut-corner {background: linear-gradient(-135deg, transparent 30px, #fff 0) top right, linear-gradient(45deg, transparent 30px, #fff 0) bottom left; background-size: 100% 60% !important; background-repeat: no-repeat;border-radius: 30px 53px 30px 53px !important} .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip { left: -27px; } body .file-upload-col .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {bottom: -32px !important; left: 2px !important;} body .file-upload-col .wpcf7-form-control-wrap[data-name="upload-resume"] > span.wpcf7-not-valid-tip {bottom: -32px !important; left: 2px !important;} .job-form-wrapper .job-form-row span.wpcf7-form-control-wrap input[type="date"] { min-height: 52px; } } @media (max-width:767px){ body .service .services-row, .single-service-content .industries-row { align-items: center; } body .service .services-row .services-pg-image figure, .single-service-content .industries-row .gb-container figure.gb-block-image { position: static; } body .service .services-row .services-pg-image { overflow-x: hidden; } ul.privacy-policy-cm-list li, .industries-content ul li, .single-service .single-service-content ul li{padding-left:22px;} body .banner-main-cont{background-position: 70% 85%;} body .fof-page-btns > div {width: 100%;} body .fof-page-btns > div a {width: auto;} .careers-single-content .job-content-container ul, .careers-single-content .job-content-container ol { padding-left: 25px; } .careers-single-content .job-content-container ul li:before, .careers-single-content .job-content-container ol li:before { left: -25px; } .team-pg-responsive-sec-border {border-bottom:1px solid #E3E3E8;} /* body .cm-mobile-banner-bg{background: url(https://comp360services.com/wp-content/uploads/2025/12/our-team-mobile-banner-image.png) no-repeat center / 100% 100% !important;} */ .single-service .single-service-content ul li { padding-left: 27px ;} .single-service .single-service-content ul li::before {top: 5px;} .industries-row figure, .team-our-culture .team-our-culture-img figure, body .plateform-row .plateform-row-img figure , .about-pg-achievement-sec .our-achivements-wrapper figure{position: static;} .contact-form-container .wpcf7-not-valid-tip{font-size:12px;} div#form-section .job-form-container { width: 100%; } .job-form-wrapper .job-form-row p span input, .job-form-wrapper .job-form-row p span select, .job-form-wrapper .job-form-row input, .job-form-wrapper .job-form-row input[type="date"], .job-form-wrapper .job-form-row label.file-selector-input { padding: 11px 25px; font-size: 14px !important; } .job-form-wrapper .job-form-row p { flex-direction: row; } body .job-form-wrapper .job-form-row input[type="checkbox"] { top: 0px; } .success-stories-slider .tectimonial-text a {font-size: 14px;} } @media (max-width:620px){ body section.company-logo-slider-main .company-logo-slider-side-txt { min-width: 200px; } body section.company-logo-slider-main .company-logo-slider { width: calc(100% - 210px); } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-not-valid-tip, .job-form-wrapper .job-form-row label.date-selector-input span.wpcf7-not-valid-tip {bottom: -26px;} } @media (max-width:580px){ .contact-form-container .contact-form .two-column{flex-direction:column;} .contact-form-container .contact-form .two-column .form-group{width:100%;} .form-row.submit-row p input{max-width:100%;} .form-row.submit-row p{flex-direction:column-reverse;} .contact-form-parent-container{margin-bottom:0px !important;} .gb-container.gb-container-630e23bf.contact-det-card-row {padding-top:40px; border-top:1px solid #0000001f;} .phases-card-row .phases-card {width:100%;} .form-row.submit-row p .wpcf7-spinner {margin-right: auto; margin: 30px auto;} } @media(max-width: 540px){ .job-form-wrapper .job-form-row p { flex-direction: column; } .job-form-wrapper .job-form-row p .job-submit-button {max-width: 261px; } .job-form-wrapper .job-form-row label.file-selector-input span.wpcf7-not-valid-tip { left: 0; } form.wpcf7-form.invalid .job-form-row label.file-selector-input { margin-bottom: 0 ; } } @media (max-width:520px){ .counter-parent-container .counter-widget-container{width:100%; flex-basis:100%;} .cm-cut-corner-achievement.counter-widget-container>p:nth-last-child(1){line-height:1.6em; max-width:290px; width:100%;} .contact-map-container iframe{min-height:238px;} .children-privacy-table-container tr th:nth-child(1), .children-privacy-table-container tr td:nth-child(1){width:40%;} .children-privacy-table-container tr th:nth-child(2), .children-privacy-table-container tr td:nth-child(2){width:60%;} .testimonial-cart-job-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body .testimonial-cm-heading {max-width: 370px; width: 100%; margin: auto; margin-bottom: 15px;} } @media(max-width:480px){ .contact-form-container .contact-form .form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content, .job-form-wrapper .job-form-row span.spf_wrap .iti--allow-dropdown .iti__dropdown-content { width: 100% !important; } body .Products-cta-section h2.products-cta-title { font-size: 26px; } } @media(max-width:400px){ .team-8-card-row .team-small-cart{width: 100%;} body section.company-logo-slider-main .company-logo-slider-side-txt { min-width: 185px; } }