.contactbanner .font-open h2{font-family: var(----open-sans) !important;}
.contactwrap .formcol {background: #223454;position: relative;padding:20px 40px 67px 40px;}
.contactwrap .formcol h5 {position: absolute;top: -59px;}
.contactwrap .formcol h5 { position: absolute;top: -65px;padding: 20px 39px 5px 40px;background-image: url(/wp-content/uploads/2025/02/contactshapebg.svg);background-repeat: no-repeat; background-size: cover;background-size: 100% !important;color: #0ed69d;font-size: 20px;text-align: center;width: 440px;}
.contactwrap .formcol .leftwrap {width: calc(50% - 10px);}
.contactwrap .formcol .rightwrap {width: calc(50% - 10px);}
.contactwrap .formcol .formwrap {display: flex;flex-wrap: wrap;gap: 10px;}
.contactwrap .formcol .rightwrap select {width: 100%;background: #17263f;color: #fff;border: none;position: relative;background-image: url(/wp-content/uploads/2025/03/select-droparrow.png);background-repeat: no-repeat; right: 0px; background-position: 95% 50%; background-size:12px;padding:15px 30px 15px 20px;  appearance: none; font-size: 18px;height:54px;}
.contactwrap .formcol .fullwidth textarea {resize: none;height: 138px;color:#fff;width: 100%;margin-bottom:0;}
.contactwrap .formcol .fullwidth {width: 100%;}
.contactwrap .formcol input,
.contactwrap .formcol textarea {background: #17263F;border: none;color: #fff;margin: 0;padding: 15px 20px 15px 20px; width: 100%;border: none;font-size: 18px;margin-bottom: 10px;font-family:var( --open-sans) !important;}
.contactwrap .formcol input:focus,
.contactwrap .formcol textarea:focus,
.contactwrap .formcol select:focus{outline:none;}
.contactwrap .formcol input::placeholder,
.contactwrap .formcol textarea::placeholder {color: #fff;font-weight: normal;}
.contactwrap .addresscol h4 {font-family: 'Open Sans' !important;font-size:18px;}
.contactwrap .rightcol {width: calc(100% - 50px);}
.addresscol .leftcol {width: 50px;}
.contactwrap .formcol .rightwrap,.contactwrap .formcol .fullwidths.uploaddata label,.contactwrap .formcol .leftwrap label,.contactwrap .formcol .fullwidthdata label{position: relative;}
.contactwrap .formcol .rightwrap label,.contactwrap .formcol .fullwidths.uploaddata label,.contactwrap .formcol .fullwidthdata label,
.contactwrap .formcol .leftwrap label{ position: absolute;
 width: 1px;height: 1px;padding: 0; margin: -1px; overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.contactwrap .formcol .fullwidths.uploaddata br{display:none;}
.contactwrap .formcol .wpcf7-list-item { margin: 0;display: flex; align-items: center;}
.contactwrap .formcol .wpcf7-list-item.first {padding: 0 0 10px 0;}
.contactwrap .formcol .wpcf7-list-item label {display: flex;gap: 10px;}
.contactwrap .formcol .wpcf7-list-item label span {display: inline-block;width: calc(100% - 16px); color: #fff;font-size: 15px;font-family: var(----open-sans);font-weight:500;}
.contactwrap .formcol .wpcf7-list-item input {background: #E5E5E5;border-radius: 2px;width: 15px;height: 15px;line-height: 41px;margin: 5px 0 0 0;padding: 0;border: none;}
.globewrap .e-con-inner {padding-inline-end: 0 !important;padding-inline-start: 0 !important;}
.contactwrap .formcol input,
.contactwrap .formcol textarea::placeholder{color:#fff;}
.contactwrap .formcol .wpcf7-list-item input[type=checkbox]:after {top: -1px;left: 4px;transform: rotate(41deg);}
.contactwrap .formcol .buttonwrap {text-align: left;}
.contactwrap .formcol .buttonwrap input { background-color: var(--secondary-color) !important;border: 2px solid var(--secondary-color);transition: all .5 ease;min-width: auto;font-size: 20px;opacity: 1;color: #11213b !important;margin: 35px 0 0 0;cursor: pointer;width: auto;padding: 8px 40px;}
.contactwrap .formcol .buttonwrap input:hover {background-color: #0EC38F !important;border-color: #0EC38F;}
.contactwrap .elementor-icon {display: flex;}
.contactsocial-lists { display: grid;grid-template-columns: 3 revert; grid-template-columns: 23px 28px 17px; gap: 20px; border: 1px solid #223554; width: 210px;border-radius: 12px;justify-content: center;padding: 15px 3px;align-items: center;}
.fullwidth.uploaddata input {width: 100%;}
 .fullwidths.uploaddata { position: relative;display: inline-block; width: 100%; margin-bottom: -20px;}
.fullwidths.uploaddata input[type="file"] {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.upload-btn {display: inline-block;background-color: #007bff;color: #fff;padding: 10px 15px;border-radius: 5px;cursor: pointer;text-align: center;font-weight: bold;}
.fullwidths.uploaddata p.upload_data{font-size:18px;color:#fff;}
.fullwidths.uploaddata .uploaded_files {margin-top: 10px;font-size: 14px;}
.fullwidths.uploaddata p.upload_data { background: #17263F;padding: 10px 10px;text-align: center;cursor: pointer;    display: flex;justify-content: center;gap: 15px;}
.fullwidths.uploaddata p.upload_data img {width: 20px;}
.globewrap img { display: block;}
.wpcf7-response-output {font-size: 20px;text-align: center;padding: 20px 0 0 0;}
.wpcf7-response-output {font-size: 20px;text-align: center;padding: 20px 0 0 0;}
.bannerBottomSection.contact-footer {padding-bottom:50px; margin-bottom: 0;}
.bannerBottomSection .banner-bottom-container h2 {font-size: 48px !important;line-height: 56px;}
.card-box-content .elementor-icon-box-content {background-color: #25395A;padding:45px 45px 70px 45px;border-radius:10px;}
.card-box-content .elementor-widget-icon-box .elementor-icon-box-title {color: #10DDA3 !important;margin-bottom:10px;}
.card-box-content .elementor-widget-icon-box .elementor-icon-box-wrapper {height:100%;}
.about-sec-content h2.elementor-heading-title {line-height: normal;}
html body.page-id-36233 main#main{margin-bottom:0;}
body .contactwrap h3.elementor-heading-title {color: #5AC6E8 !important;font-size:24px;}


/* capcha content  */
.captchaWrapper {display: flex;align-items: center; gap: 0px;margin-top: 16px;}
.captchaWrapper .main-cf7-captcha {order: 1;}
.captchaWrapper input{margin-bottom:0px;}
body #reload_captcha {border: none;height: 40px;width: 40px;}
body #reload_captcha img{filter: brightness(0) invert(1);}
body #image-captcha-cf7{width: 150px;}
body #input-captcha-cf7 {margin: 0 0 20px;width: 200px;padding: 10px;}
input#input-captcha-cf7::placeholder {
    color: rgba(255, 255, 255, .5);
}
.gradientwrap { background: linear-gradient(249deg, rgb(16, 221, 163) -10%, rgb(22, 38, 63) 17%, rgb(22, 38, 63) 92%, rgb(90, 198, 232) 110%)!important; }
.whyopsio .iconlistwrap ul { display: grid; grid-template-columns: 2fr 2fr; gap: 30px; }
.whyopsio .iconlistwrap ul li { position: relative; padding-left: 50px; }
.whyopsio .iconlistwrap ul li:before { content: ""; width: 20px; height: 20px; display: inline-block; background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/leftarrow.svg); position: absolute; top: 4px; left: 0; background-color: #10dda3; border-radius: 50px; background-position: center; }
.whyopsio .iconlistwrap ul li span { color: #ffff; font-family: var(----open-sans); font-weight: 500; }
.card-box-content .elementor-widget-icon-box { position: relative; }
.card-box-content .elementor-widget-icon-box::after { content: ""; position: absolute; width: 50px; height: 40px; bottom: 27px; right: 45px; background-size: contain; background-repeat: no-repeat; }
.card-box-content .elementor-widget-icon-box:nth-child(1):after { background-image: url(/wp-content/uploads/2025/09/it-drifticon.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(2):after { background-image: url(/wp-content/uploads/2025/09/Cloud-services.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(3):after { background-image: url(/wp-content/uploads/2025/09/it-securityicon.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(4):after { background-image: url(/wp-content/uploads/2025/09/it-consultingicon.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(5):after { background-image: url(/wp-content/uploads/2025/09/ai-Innovation.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(6):after { background-image: url(/wp-content/uploads/2025/09/it-drifticon.svg); bottom: 18px; }
.card-box-content .elementor-widget-icon-box:nth-child(7):after { background-image: url(/wp-content/uploads/2025/09/Strategic-consulting.svg); }
.card-box-content .elementor-widget-icon-box:nth-child(8):after { background-image: url(/wp-content/uploads/2025/09/Tailor-solutions.svg); }

/* closed */

@media(min-width:768px) and (max-width:1024px){
.contactwrap .formcol input, .contactwrap .formcol textarea,
.fullwidths.uploaddata p.upload_data {font-size: 16px;}

}
@media(max-width:1180px){
.contactbanner .e-con-inner{padding:0px;}

}

@media(min-width:100px) and (max-width:1024px){
body main#main {background: linear-gradient(41deg, #10DDA3 -23%, #16263F 13%, #16263F 74%, #5AC6E8 140%);margin-bottom: 0;padding-bottom:0px;}
.contactwrap .formcol {margin-top: 85px;}
.contactbanner h2 {line-height: 1.4 !important;}
.bannerBottomSection .e-con-inner {padding-bottom: 60px;}

}
@media(min-width:991px){
.contact-footer .e-con-inner {padding-bottom: 30px;}

}
@media(min-width:781px) and (max-width:1024px){
.contactbanner {padding: 180px 0 80px 0;}
.contactwrap .formcol {margin-top:92px;}	
}

@media(min-width:100px) and (max-width:780px){
.contactbanner {padding: 100px 0 80px 0;}
.contactwrap .e-con-inner {padding: 0;}
.contactbanner h2 br{display:none;}
.contactbanner h2 {line-height: 1.4 !important;}
.contactwrap .formcol h5 {top: -55px;padding: 12px 39px 10px 40px;color: #0ed69d;font-size: 19px;width: 271px;}
.contactwrap .formcol {padding: 20px 20px 67px 20px;}
.contactwrap .formcol .leftwrap,
.contactwrap .formcol .rightwrap {width: 100%;}

}

@media(min-width:100px) and (max-width:767px){
.contactwrap .addresscol {flex-direction: row;flex-wrap: nowrap;gap: 10px;}
.contactwrap .addresscol .leftcol {width: 30px;}
.contactwrap .addresscol .rightcol {width: calc(100% - 30px);gap: 15px;}
.contact-footer h3{font-size: 24px;}
.contactwrap .elementor-widget-container {font-size: 16px;}
.fullwidths.uploaddata p.upload_data,
.contactwrap .formcol input, .contactwrap .formcol textarea,
.contactwrap .formcol .rightwrap select { font-size: 16px;}
body .captchaWrapper{flex-wrap:wrap; gap: 7px;}
.whyopsio .iconlistwrap ul { grid-template-columns: 1fr;gap: 30px;}
.bannerBottomSection .banner-bottom-container h2{font-size:24px;}
}


span.wpcf7-form-control-wrap.cf7sr-recaptcha {
    margin-left: 10px;
}