@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');

body.page-template-template-homepage-new {  font-family: poppins; padding: 0 !important; }
h1, h2 {  font-family: "Hammersmith One", sans-serif; }

:root {
    --green-color: #008060;
    --pink-color: #D72158;
}
.container { max-width: 1625px; margin: 0 auto; padding: 0; }
h1, h2, h3, h4, h5, h6, p, a { text-decoration: none; margin: 0; padding: 0; color: #000; }
img { max-width: 100%; }
.page-id-1781 ::placeholder { color: #d8d1d1 !important; }
header.header.header-two { background: color-mix(in srgb, #FFEADE 25%, #FFF); padding:20px 0 20px 0; box-shadow: 0 0 11px #7f7f7f; }
header.header.header-two img.custom-logo { max-width: 232px; height: auto; }
header.navbar-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
/* start new-banner css */
section.new-hero-banner .new-banner-outer .new-banner-content h1 { font-size: 44px; line-height: 50px; font-weight: 700; max-width: 790px;}
section.new-hero-banner .new-banner-outer .new-banner-content h1 span { position: relative; display: inline-block; background: linear-gradient(to right, #D61C5B, #ED722E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; animation: shine 5.5s infinite; background-size: 200% auto; }
@keyframes shine { 0% { background-position: 200% center; } 100% { background-position: -200% center; } }
section.new-hero-banner .new-banner-outer .new-banner-content p { font-size: 14px !important; padding: 8px 0 32px 0; color: #222222; }
section.new-hero-banner { padding: 50px 0 80px 0; background-color: color-mix(in srgb, #FFEADE 25%, #FFF); }
section.new-hero-banner h3.mobile-text { display: none; }
.new-banner-btn:hover a:first-child { background: #000; transform: translate(1px) scale(0.90); z-index: 4; }
.new-banner-btn:first-child a { transform: translate(-10px); }
.new-banner-btn { transition: all 0.5s ease-in-out; position: relative; display: flex; column-gap: 13px; width: max-content; }
.new-banner-btn a.new-banner-btn::after { display: none; }
.new-banner-btn a { display: inline-block; min-width: 56px; min-height: 56px; line-height: 56px; border-radius: 50px; background-color: var(--green-color); text-align: center; padding: 0; position: relative; z-index: 1; transition: .4s ease-in-out; }
.new-banner-btn a.new-banner-btn { color: #fff; font-size: 16px; font-weight: 500; padding: 0 40px; }
.new-banner-btn::after { content: ""; position: absolute; width: 60%; height: 100%; background-color: var(--green-color); border-radius: 100px; right: 0; transition: .4s ease-in-out; }
.new-banner-btn:hover::after { width: 100%; }
.new-banner-btn a img{ transition: all 0.5s ease-in-out; }
.new-banner-btn a:hover img { transform: rotate(45deg); }
/* .phone-wrapper .phone-number-placeholder { position: absolute; top: 50%; left: 56px; transform: translateY(-50%); z-index: 9; } */
/* .phone-wrapper .country-code { position: absolute; top: 50%; left: 34px; z-index: 9; transform: translateY(-50%); font-size:14px; }
.phone-wrapper input#phone-number { padding-left: 54px !important;} */
section.new-hero-banner h3 { font-size: 14px; line-height: 18px; padding: 47px 0 41px 0; font-weight: 400; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner { display: flex; align-items: center; flex-wrap: wrap; row-gap: 26px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box { flex: 0 0 26%; }
section.new-hero-banner .new-banner-getform { max-width: 561px; margin-left: auto; background-color: #CDDE4F; padding: 38px 25px 30px 25px; position: relative; }
section.new-hero-banner .new-banner-getform:after { position: absolute; content: ''; top: 26px; right: 40px; width: 55px; height: 60px; background: url(/wp-content/themes/webzia-infotech/images/horn-image.webp) no-repeat; background-size: contain; animation: zoomInOut 1s infinite ease-in-out; }
@keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
section.new-hero-banner .new-banner-getform:before { position: absolute; content: ''; top: -36px; left: -35px; background: url(/wp-content/themes/webzia-infotech/images/tripal-arrow.webp) no-repeat; width: 50px; height: 50px; transform: rotate(6deg); }
section.new-hero-banner .new-banner-getform .new-get-outer .new-get h3 { font-size: 30px; line-height: 30px; padding: 0 0 10px 0; font-weight: 600;}
section.new-hero-banner .new-banner-getform .new-get-outer .new-get p { font-weight: 600; margin: 0; }
section.new-hero-banner .new-banner-getform .new-get-outer form { padding: 27px 0 0px 0; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner {position: relative;padding-bottom: 20px;}
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner input { width: 100%; outline: none; box-shadow: none; border: 1px solid #7E7E7E; min-height: 56px; padding-left: 34px; border-radius: 50px; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner input::placeholder { color: #151515; font-size: 14px; font-weight: 500; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner p{ position: relative; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner .input-icon { position: absolute; right: 7px; background-color: #EFEFEF; min-width: 44px; min-height: 44px; border-radius: 50%; text-align: center; line-height: 44px; top: 6px;  }
section.new-hero-banner .new-banner-getform .new-get-outer form  span.wpcf7-not-valid-tip { font-size: 14px; }
section.new-hero-banner .new-banner-getform .preferred p { font-weight: 600; padding-bottom: 23px; }
section.new-hero-banner .new-banner-getform .new-banner-btn a { background-color: #000; }
section.new-hero-banner .new-banner-getform a.new-banner-btn { width: 100%; }
.checkbox-outer input[type="radio"] { width: 26px; height: 26px; box-shadow: none; border-color: #000; accent-color: #000; }
.new-get-outer .checkbox-outer .form-check { padding: 0; }
.new-get-outer .checkbox-outer .form-check span { margin: 0; }
.new-get-outer .checkbox-outer .form-check span label { display: flex; align-items: center; column-gap: 13px; }
.new-get-outer .checkbox-outer .form-check span.wpcf7-form-control.wpcf7-radio { display: flex; align-items: center; column-gap: 23px; }
.new-banner-btn-wrapper .new-banner-btn { background-color: var(--green-color); color: #fff; border: none; width: auto; margin: 0 auto; min-height: 56px; border-radius: 50px; font-weight: 500; padding: 0 40px; text-align: center;}
section.new-hero-banner .new-banner-btn-wrapper .new-banner-btn { width: 100%; display: flex; justify-content: center; }
section.new-hero-banner .new-banner-getform .new-get-outer form .wpcf7-response-output { font-size: 14px; }

/* start our-service section css */
section.new-our-service { padding: 80px 0; background-color: linear-gradient(180deg, #FFFFFF 0%, #F9F7F4 100%); }
section.new-our-service .row { row-gap: 20px; padding-top: 47px; }
section.new-our-service .new-portfolio-outer:after { left: 22%; }
section.new-our-service .looking-service h2 span { color: #D72158; }
section.new-our-service .looking-service .new-service-text h3 { font-size: 30px; padding-bottom: 15px; font-weight: 400; }
section.new-our-service .looking-service .new-service-text p { color: #444444; font-size: 16px; font-weight: 500; }
section.new-our-service .looking-service-box {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);padding: 32px 44px 34px 37px;border-radius: 15px; height: 100%; background-color: #fff; transition: all 0.5s ease-in-out;}
section.new-our-service .looking-service-box:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); transform: translateY(-10px); }
section.new-our-service .looking-service-box span {box-shadow: 0 4px 10px rgba(215, 33, 88, 0.3);min-width: 70px;min-height: 70px;display: inline-block;text-align: center;line-height: 70px;border-radius: 50px;}
section.new-our-service .looking-service-box:hover span{ background-color: var(--pink-color); }
section.new-our-service .looking-service-box span img{ transition: all 0.3s ease-in-out; }
section.new-our-service .looking-service-box:hover span img { filter: brightness(0) invert(1); }
section.new-our-service .looking-service-box h3 { color: #222222; font-size: 24px; line-height: 34px; font-weight: 600; padding: 21px 0 16px 0; }
section.new-our-service .looking-service-box p { color: #222222; font-size: 14px; line-height: 26px; }
section.new-our-service .service-btn {padding-top: 50px;}
section.new-our-service .service-btn .new-banner-btn { padding-bottom: 0; justify-content: center; margin: 0 auto; }

/* start hire-us section css */
section.new-hireus { padding: 80px 0; }
section.new-hireus .hireus-image img { width: 100%; max-height: 500px; object-fit: cover; border-radius: 30px; }
section.new-hireus .hirus-inner .hireus-content { border-bottom: 1px solid #404040; position: relative; }
section.new-hireus .hirus-inner .hireus-content h2 span { color: var(--pink-color); } 
section.new-hireus .hirus-inner .hireus-content h2 { font-size: 40px; font-weight: 500; padding-bottom: 28px; text-align: right; text-transform: uppercase;  }
section.new-hireus .hirus-inner .hireus-content h2 br{ display: none; }
section.new-hireus .hirus-inner .hireus-content:after { position: absolute; content: ''; transform: translateY(-50%); width: 110px; height: 22px; background: url(/wp-content/themes/webzia-infotech/images/color-arrow.webp) no-repeat; bottom: 30px; }
section.new-hireus .hirus-inner .hireus-text { padding-top: 26px; }
section.new-hireus .hirus-inner .hireus-text h3 { font-size: 30px; line-height: 43px; font-weight: 400; }
section.new-hireus .hirus-inner .hireus-text h3 span { font-weight: 700; color: var(--pink-color); }
section.new-hireus .hirus-inner .hireus-text p { color: #222222; font-size: 14px; line-height: 28px; padding: 17px 0 40px 0; max-width: 568px; }
section.new-hireus .hirus-inner .hireus-text a.new-banner-btn { min-width: 235px; }
section.new-hireus .hirus-inner { padding-left: 32px; }

/* start portfolio section css */
section.portfolio-section { padding: 80px 0; }
.new-portfolio-outer { display: flex; align-items: center; justify-content: space-between; position: relative; border-bottom: 1px solid #404040; padding-bottom: 29px; }
.new-portfolio-outer .portfolio-heading h2 { font-size: 38px; line-height: 45px; font-weight: 500; text-transform: uppercase; letter-spacing: -2px; }
.new-portfolio-outer .portfolio-heading h2 br{ display: none; }
.new-portfolio-outer .portfolio-heading h2 span { color: var(--pink-color); }
.new-portfolio-outer:after { position: absolute; content: ''; left: 31%; background: url(/wp-content/themes/webzia-infotech/images/color-arrow.webp) no-repeat; width: 110px; height: 22px; bottom: 60px; }
.new-portfolio-outer .portfolio-text h3 { font-size: 30px; line-height: 40px; font-weight: 400; padding-bottom: 10px; text-transform: capitalize; }
.new-portfolio-outer .portfolio-text p { color: #444444; font-size: 14px; line-height: 26px; font-weight: 500; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer {background-color: #FFEADE;border-radius: 30px;display: flex; margin-top: 0;}
section.portfolio-section .port-slider { padding-top: 51px; overflow: hidden; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer .port-slider-box { padding: 50px 0 0 50px; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer .port-slider-image { padding: 0px 27px 0px 0; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer .port-slider-image img { max-width: max-content; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer .port-slider-box h2 { font-size: 24px; line-height: 34px; }
section.portfolio-section .port-slider .port-slider-inner .new-port-outer .port-slider-box h3 { font-size: 20px; line-height: 38px; padding: 18px 0 11px 0; }
section.portfolio-section .port-slider-inner { display: flex; background: linear-gradient(87.16deg, #fff9f5 1.37%, #FFEADE 99.18%); margin-top: 51px; border-radius: 30px; justify-content: space-between; }
section.portfolio-section .port-slider-inner .port-slider-box { padding: 50px 0 0 50px; }
section.portfolio-section .port-slider-inner .port-slider-image img { padding: 0 27px 0 0; }
section.portfolio-section .port-slider-inner .port-slider-box h2 { font-size: 24px; line-height: 38px; max-width: 550px; text-transform: capitalize; font-family: poppins; }
section.portfolio-section .port-slider-inner .port-slider-box h3 { font-size: 20px; line-height: 38px; padding: 10px 0 13px 0; }
section.portfolio-section .port-slider-inner .port-slider-outer { display: flex; flex-wrap: wrap; column-gap: 15px; padding-bottom: 45px; max-width: 500px; row-gap: 15px; }
section.portfolio-section .port-slider-inner .port-slider-outer a { border: 1px solid #000; padding: 10px 15px; font-size: 14px;  }
section.portfolio-section .port-slider-inner .new-banner-btn a { display: flex; align-items: center; justify-content: center; }
.port-slider button.slick-next { position: absolute; top: auto; left: 14%; bottom: 52px; background: url(/wp-content/themes/webzia-infotech/images/new-arrow-right.svg) no-repeat; height: 38px; width: 38px; border: none; font-size: 0px; }
.port-slider button.slick-prev { position: absolute; bottom: 51px; top: auto; left: 8%; z-index: 1; border: none; background: transparent; color: transparent; background: url(/wp-content/themes/webzia-infotech/images/new-arrow-left.svg) no-repeat; width: 38px; height: 38px; }
section.industry-serve .new-portfolio-outer:after { left: 24%; bottom: 50px; }

/* start work together section css */
.work-together { background: linear-gradient(#f9f7f4, #ffffff, #ffffff, #f9f7f4); padding: 44px 0; }
.work-heading h1 {  text-align: center; font-size: 35px; font-weight: 700; line-height: 40.77px; }
.work-heading p { font-size: 16px; font-weight: 400; color: #d72158; margin: 20px 0 48px 0; }
.work-together .box-outer { column-gap: 13px; }
.work-together .icon-outer { background-color: #ffffff; border: 1.27px solid #c5c5c5; border-radius: 7.64px; padding: 12px 20px; min-width: 119px; }
.work-together .icon-outer img { opacity: 0.6; } 
.work-together .text-box { background-color: #fff5f5; border-radius: 7.64px; padding: 21px 18px; gap: 14px; }
.work-together .form-check-input { accent-color: #000; }
.work-together .explore-button { background-color: #000000; color: #ffffff; text-decoration: none; border-radius: 1.27px; min-height: 365px; padding: 25px 98px; position: relative; font-size: 16px; font-weight: 400; line-height: 100%; }
.work-together .explore-button::after { content: ""; position: absolute; left: -9px; bottom: -9px; height: 25px; width: 25px; border-bottom: 1.27px solid #000; border-left: 1.27px solid #000; transition: 0.8s; }
.work-together .explore-button:hover::after { width: 100%; }
.work-together .form-check input { width: 32px; height: 32px; }
.work-together .box-outer .form-check { display: flex; flex-direction: row-reverse; align-items: center; column-gap: 1rem; font-size: 16px; font-weight: 500; line-height: 33.13px; padding: 0; margin-left: 22px; }
.work-together .form-check input[type="radio"]:checked { background-color: #000; color: #fff; border-color: #000; }
.work-together .box-outer .form-check input[type="radio"]:focus{ box-shadow: none; outline: none; accent-color: #000; } 
.work-together .text-box:has(input[type="radio"]:checked) { background-color: #d72158; }
.work-together .box-outer:has(input[type="radio"]:checked) .icon-outer img { filter: brightness(0.5); opacity: 1; }
.work-together .banner_btns .theme_btn { min-width: 365px; }
section.work-together.work-space { padding: 64px 0 77px 0; }
section.work-together.work-space .new-banner-btn { justify-content: center; margin: 0 auto; }
.work-together .text-box:has(input[type="radio"]:checked) { color: #fff; }
section.work-together.work-space .work-heading h2 { font-size: 30px; line-height: 32px; font-weight: 700; }
section.work-together.work-space .work-heading p { margin: 19px 0 61px 0; font-size: 14px; }
section.work-together.work-space .icon-outer img { max-width: 71px; height: 57px; }
.work-together .box-outer .form-check label { font-size: 14px; line-height: 26px; }

/* start industry section css */
section.industry-serve { background-color: #FFF1F1; padding: 80px 0; }
section.industry-serve .row { margin: 40px 0; row-gap: 40px; }
section.industry-serve .serve-box { text-align: center; transition: all 0.5s ease-in-out;}
section.industry-serve .serve-box:hover { transform: translateY(-10px); }
section.industry-serve .serve-box img { width: 100%; border-radius: 15px; }
section.industry-serve .serve-box h5 { padding-top: 26px; font-size: 16px; line-height: 18px;  }
section.industry-serve .portfolio-text { max-width: 820px; }
section.industry-serve .industry-serve-outer .new-banner-btn { justify-content: center; margin: 0 auto; }

/* start have project section css */
section.have-project { padding: 80px 0; }
section.have-project .have-outer { background-color: #F9F9F9; border: 1px solid #E6EAED; }
section.have-project .have-outer .have-contant { height: 100%; padding:0 0 0 62px; }
section.have-project .have-outer .have-image { text-align: center; border-right: 1px solid #E6EAED; }
section.have-project .have-outer .have-contant h2 { font-size: 38px; line-height: 45px; max-width: 362px; font-weight: 500; letter-spacing: -2px; }
section.have-project .have-outer .have-contant h2 span { color: var(--pink-color); }
section.have-project .have-outer .have-contant p { padding: 12px 0 28px 0; max-width: 522px; font-size: 14px; line-height: 30px; }

/* start new about section css */
section.new-about-us { padding-bottom: 80px; }
section.new-about-us .new-about-contant .new-about-inner h2 { font-size: 38px; line-height: 62px; font-weight: 500; padding-bottom: 36px; text-transform: uppercase; }
section.new-about-us .new-about-contant .new-about-inner h2 br{ display: none; }
section.new-about-us .new-about-contant .new-about-inner h2  span { color: var(--pink-color); }
section.new-about-us .new-about-contant .new-about-inner { border-bottom: 1px solid #404040; position: relative; }
section.new-about-us .new-about-contant .new-about-text h3 { padding-top: 44px; font-size: 24px; line-height: 34px; font-weight: 400; }
section.new-about-us .new-about-contant .new-about-text p { padding: 22px 0 36px 0; font-size: 14px; line-height: 26px; }
section.new-about-us .new-about-image { text-align: center; }
section.new-about-us .new-about-contant .new-about-inner:after { position: absolute; content: ''; top: 40%; right: 7%; background: url(/wp-content/themes/webzia-infotech/images/color-arrow.webp) no-repeat; width: 110px; height: 22px; }

/* start landing faq section css */
section.landing-faq .new-portfolio-outer .portfolio-text p { max-width: 694px; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { left: 35%; bottom: 80px; }
section.landing-faq .landing-outer { padding-top: 71px; }
section.landing-faq .landing-outer .landing-faq-contant h3 { max-width: 307px; text-transform: uppercase; color: #444444; font-size: 24px; line-height: 34px; padding-bottom: 25px; }
section.landing-faq .landing-outer .landing-faq-contant .banner_btns { margin: 20px 0px 26px 0; }
section.landing-faq .landing-outer .accordion-item { border: 1px solid #A3A3A3; border-radius: 0; border-bottom: none; }
section.landing-faq .landing-outer .accordion-item button.accordion-button { background: #F5F5F5; box-shadow: none; font-size: 17px; line-height: 28px; font-weight: 500;  padding: 23px; color: #000; font-family: poppins; }
section.landing-faq .landing-outer .accordion-item:last-child { border-bottom: 1px solid #A3A3A3; }
section.landing-faq .landing-outer .accordion-item .accordion-button.collapsed { background: transparent; }
section.landing-faq .landing-outer .accordion-item .show { background: #F5F5F5; }
section.landing-faq .landing-outer .accordion-item .accordion-body { padding: 0 15px 29px 22px; color: #444444; font-size: 14px; line-height: 28px; max-width: 899px; }
section.landing-faq .landing-outer .accordion-item .accordion-button.collapsed::after { content: '+'; background-image: none; background: #E4E4E4; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #262626; }
section.landing-faq .landing-outer .accordion-item button.accordion-button::after { background-image: none; content: '-'; width: 38px; height: 38px; line-height: 38px; background: #000; text-align: center; color: #fff; }
section.landing-faq .accordion-button:not(.collapsed)::after { transform: none; }

/* start contact section css */
section.contact-section { padding: 80px 0; }
section.contact-section .contact-section { margin: 4rem 0; }
section.contact-section .contact-form { position: initial; } 
section.contact-section .contact-form-header { display: flex; flex-direction: column; align-items: center; }
section.contact-section .contact-form-headerh2 { font-size: 30px; font-weight: 600; line-height: 30px; text-transform: capitalize; }
section.contact-section .contact-form-header p { font-size: 16px; font-weight: 400; line-height: 24px; color: #2D3748; padding: 23px 0 30px 0; }
section.contact-section .contact-form-header span { color: var(--pink-color); }
section.contact-section .contact-form-header h2 {  font-size: 40px; line-height: 30px; text-transform: uppercase; }
section.contact-section .contact-form { background-color: #F0FCFF; border-radius: 15px; padding: 43px 33px 39px 33px; min-width: 975px; margin: 0 auto; }
section.contact-section .form-label { font-weight: 400; color: #2D3748; font-size: 14px; line-height: 24px; margin-bottom: 7px; }
section.contact-section .form-control::placeholder { font-size: 14px; line-height: 24px; font-weight: 400; }
section.contact-section .form-control, .form-select { padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; min-height: 56px; box-shadow: none; }
section.contact-section .form-control::placeholder { color: #999; }
section.contact-section textarea.form-control { height: 100px; resize: vertical; }
section.contact-section .form-select:focus { border-color: #ddd; outline: 0; box-shadow: none; }
section.contact-section .banner_btns { justify-content: center; margin: 39px 0 15px 0; }
section.contact-section .new-banner-btn { justify-content: center; }
section.contact-section form { padding-bottom: 20px; }
/* start new-testominal section css */
section.new-testominal { padding: 80px 0; }
section.new-testominal .new-testominal-outer { padding-top: 45px; display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 16px; margin-bottom: 3px;}
.testominal-new-box { border: 1px solid #ddd; border-radius: 15px; flex: 0 0 24.2%; }
.testominal-new-box .testo-outer { display: flex; align-items: center; column-gap: 11px; padding: 25px 0 10px 25px; }
.testominal-new-box .testo-outer span { width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 50px; color: #fff; }
.testominal-new-box .testo-outer .testo-text h3 { font-size: 14px;  font-weight: 700; line-height: 18px; padding-bottom: 4px; }
.testominal-new-box .testo-outer .testo-text img { max-width: 108px; }
.testominal-new-box p { font-size: 14px; line-height: 23px; padding: 0 25px 10px 25px; min-height: 125px; }
.testominal-new-box:nth-child(5n+1) .testo-outer span { background-color: blue; }
.testominal-new-box:nth-child(5n+2) .testo-outer span { background-color: red; }
.testominal-new-box:nth-child(5n+3) .testo-outer span { background-color: #0288d1; }
.testominal-new-box:nth-child(5n+4) .testo-outer span { background-color: green; }
.testominal-new-box:nth-child(5n+5) .testo-outer span { background-color: black; }
section.new-testominal button.slick-prev { border: none; font-size: 0; position: absolute; top: -76px; background: url(/wp-content/themes/webzia-infotech/images/testo-left.svg) no-repeat; width: 36px; height: 36px; z-index: 1; right: 50px; }
section.new-testominal button.slick-next { position: absolute; top: -76px; bottom: auto; font-size: 0; border: none; background: url(/wp-content/themes/webzia-infotech/images/testo-right.svg) no-repeat; width: 36px; height: 36px; left: auto; right: 0; }
section.new-testominal .new-portfolio-outer .portfolio-text { padding-right: 120px; }
.testominal-web { display: flex; align-items: center; column-gap: 15px; border-top: 1px solid #ddd; padding: 20px 20px 20px 25px; }
.testominal-web img { border: 1px solid #ddd; border-radius: 5px; height: 43px; width: 43px; object-fit: contain; }
.testominal-web .testominal-link-text p { padding: 0; color: #6a6a67; word-break: break-all; min-height: auto; }
.testominal-web .testominal-link-text span { font-weight: 500; word-break: break-all; }



/* start footer css */
footer { padding: 58px 0 0px 0; background-color: #F9F9F9; position: relative; }
footer:after { position: absolute; content: ''; top: 22%; right: 96px; width: 110px; height: 22px; background: url(/wp-content/themes/webzia-infotech/images/color-arrow.webp) no-repeat; }
footer h2.title { font-size: 40px; line-height: 50px; font-weight: 500; text-transform: uppercase; }
footer .title span { color: var(--pink-color); }
footer .subtitle { font-size: 16px; color: #444444; line-height: 28.79px; margin-bottom: 20px; }
footer .footer-form { display: flex; gap: 21px; margin-bottom: 40px; }
footer .form-control { border-radius: 50px; min-width: 566px; height: 56px; border: 1px solid #EFEFEF; }
footer .contact-form-btn { padding: 0 32.5px; }
footer .footer-bottom { background-color: #1F1F1F; padding: 10px 0; text-align: center; color: #fff; font-size: 13px; }
footer p.subtitle { font-size: 16px; color: #444444; line-height: 28.79px; padding:0 0 20px 0; margin: 0; }
.footer-bottom p { font-size: 14px; color: #fff; }
.footer-form .banner_btns { margin: 0; }
footer .form-control::placeholder { color: #4B4B4B; }
footer .form-control:focus { background-color: #fff; border-color: #EFEFEF; outline: 0; box-shadow: none; }
section.new-hero-banner .new-banner-getform .new-banner-btn a:hover { background-color: #000; transition: 0.7s; }
.new-banner-btn-wrapper p { position: relative; }
.new-banner-btn-wrapper span.wpcf7-spinner { position: absolute !important; top: 30%; left: 40%; }
section.contact-section .new-banner-btn-wrapper .new-banner-btn { width: auto; margin: 0 auto; }
.work-together .box-outer .form-check label { display: flex; align-items: center; column-gap: 18px; }
.port-slider .slick-list { margin: 0 -15px; }
.port-slider .slick-list .new-port-outer { padding: 0 15px; }
section.contact-section .new-banner-btn-wrapper .new-banner-btn:hover { background-color: #000; transition: 0.7s; }
.new-banner-btn-wrapper .new-banner-btn:hover { background: #000; transition: 0.7s; }
.new-testominal-slider.new-slider.slick-initialized.slick-slider { display: none; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { height: 39px; }
.port-mobile-image img { display: none; }
footer .logo img { max-width: 276px; height: 68px; }
.mobile-top-heading { display: none; }
.new-get-outer [data-status="invalid"] .wpcf7-response-output { color: #f00 !important; border-color: #f00 !important; }

#appointment-modalToggle .modal-dialog, #call-modalToggle .modal-dialog{ max-width: 800px; margin: 1.75rem auto; }
#appointment-modalToggle .close_page, #call-modalToggle .modal-dialog .close_page{ background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%)); z-index: 1; position: absolute; top: -11px; color: #fff; font-size: 30px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; right: -10px; text-align: center; display: inline-block; text-decoration: none; border: none; }
#call-modalToggle .modal-body.hire-developer{ padding: 50px 60px; }
.modal-body.hire-developer h2 { font-size: 30px; font-weight: 600; }
.modal-body.hire-developer .top_title { text-align: center; padding-bottom: 30px;}
.modal-body.hire-developer .top_title .p_style { line-height: 28px; color: #262626; }
.modal-body.hire-developer .contact_form .wpcf7 { padding: 0 30px 30px; }
.modal-body.hire-developer .contact_form .form-control { border: none; border-bottom: 1px solid #919191; font-size: 16px; min-height: 50px; max-height: 50px; border-radius: 0; color: #000; padding: 0 7px; }
.modal-body.hire-developer .contact_form .form-control:focus{ outline: none; box-shadow: none; }
.modal-body.hire-developer .contact_form .form-group{ margin-top: 25px; }
.modal-body.hire-developer .contact_form .form-group.send_now { margin-bottom: 0; text-align: center; }
.modal-body.hire-developer .theme_btn { background-color: #000; font-family: var(--poppins-font); font-size: 15px; font-weight: 500; border: none; position: relative; min-height: 51px; line-height: 51px; padding: 0 10px; min-width: 179px; color: #fff; margin: 0 0 0 15px; }

/* start responsive css */

.new-sec-padding { padding: 80px 0; }
span.span-color{ color: var(--pink-color); }

/* shopify-hydrogen section */
.shopify-hydrogen { padding: 0 0 80px 0; }
.shopify-hydrogen .shopify-hydrogen-img { text-align: right; }
.shopify-hydrogen .shopify-hydrogen-img img { max-width: 653px; border-radius: 30px; }
.shopify-hydrogen-content .new-portfolio-outer:after { left: auto; right: 39px; bottom: 26px; }
.shopify-hydrogen-content h3 { color: #000; font-size: 27px; line-height: 40px; margin-top: 41px; }
.shopify-hydrogen-content .text-muted { margin-top: 17px; color: #222 !important; font-size: 14px; }
.shopify-hydrogen-content ul.list-unstyled { margin-top: 28px; }
.shopify-hydrogen-content ul.list-unstyled li { color: #222; font-weight: 400; font-size: 14px; }
.shopify-hydrogen-content ul.list-unstyled li img { max-width: 16px; margin-right: 8px; }
.shopify-hydrogen-content div.new-banner-btn { margin-top: 43px; }

/* cro-techniques section */
.cro-techniques{ background: linear-gradient(180deg, #FFFFFF 0%, #F9F7F4 100%); }
.cro-techniques .portfolio-text { max-width: 786px; }
.cro-techniques .portfolio-text p{ font-weight: 400; }
.cro-techniques .cro-techniques-content { padding-left: 22px; }
.cro-techniques .new-portfolio-outer { margin-bottom: 49px; }
.cro-techniques .cro-techniques-content h3 { font-size: 30px; line-height: 40px; }
.cro-techniques .cro-techniques-content ul.list-unstyled { margin-top: 24px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li { font-size: 14px; font-weight: 500; margin-bottom: 28px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li:last-child{ margin-bottom: 0; }
.cro-techniques .cro-techniques-content ul.list-unstyled li img { max-width: 33px; margin-right: 16px; min-width: 33px; }
.cro-techniques .cro-techniques-content div.new-banner-btn { margin-top: 45px; }
.cro-techniques .new-portfolio-outer:after { bottom: 69px !important; }

.slick-slider ul.slick-dots { display: flex; justify-content: center; list-style: none; margin: 17px 0 0; }
.slick-slider ul.slick-dots li { font-size: 0; }
.slick-slider ul.slick-dots li button { width: 6px; height: 6px; border: none; background-color: rgb(214 28 91 / 12%); border-radius: 5px; margin: 0 6px; transition: all 0.5s ease-in-out; }
.slick-slider ul.slick-dots li.slick-active button { width: 29px; background-color: #D61C5B; }
.tawk-message-preview-content .tawk-message { display: none !important; }
.tawk-min-container { display: none !important; }

/* start responsive */

@media screen and (max-width: 1512px) {
.container { padding: 0 96px; }
}


@media (min-width: 1400px) and (max-width: 1670px) {
.container { padding: 0 96px; }
.new-portfolio-outer .portfolio-text p { max-width: 730px; }
section.new-our-service .looking-service-box h3 { font-size: 17px; line-height: 24px; padding: 21px 0 7px 0; }
.work-together .box-outer .form-check label { font-size: 13px; line-height: 19px; }
.port-slider button.slick-prev { left: 10%; bottom: 30px; }
.port-slider button.slick-next { left: 16%; bottom: 30px; }
footer:after { right: 96px; }
section.new-testominal .new-testominal-outer .testominal-new-box { flex: 0 0 32%; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { height: auto; max-width: 70%; }
section.portfolio-section .port-slider { padding-top: 0px; }
section.portfolio-section .port-slider-inner { height: 628px; }
.new-portfolio-outer:after { left: 28%; bottom: 9px !important; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { left: 29%; bottom: 110px; }
section.new-testominal .new-portfolio-outer:after { left: 48%; bottom: 64px; }
footer .logo img { max-width: 232px; height: auto;}
.testominal-new-box p { min-height: 125px; }
}

@media (min-width: 1025px) and (max-width: 1399px) {
.container { padding: 0 50px; }
section.new-hero-banner .new-banner-outer .new-banner-content h1 { font-size: 40px; line-height: 48px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { max-width: 120px; }
.new-portfolio-outer .portfolio-heading h2 { font-size: 30px; line-height: 36px; }
.new-portfolio-outer .portfolio-text h3 { font-size: 23px; line-height: 31px; }
section.new-our-service { padding: 40px 0; }
section.new-hero-banner { padding: 46px 0 50px 0; }
section.new-our-service .looking-service-box h3 { font-size: 15px; line-height: 18px; padding: 21px 0 5px 0px; }
section.new-hireus .hirus-inner .hireus-content h2 { font-size: 40px; }
section.new-hireus .hirus-inner .hireus-content h2 br { display: none; }
section.new-hireus .hirus-inner .hireus-text h3 { font-size: 23px; line-height: 28px; }
section.new-hireus .hirus-inner .hireus-text p { line-height: 28px; padding: 8px 0 30px 0; }
section.portfolio-section { padding: 40px 0; }
section.work-together.work-space { padding: 35px 0 45px 0; }
.work-together .text-box { padding: 10px 11px; }
.work-together .box-outer .form-check label { column-gap: 10px; }
.work-together .box-outer .form-check label { font-size: 12px; line-height: 18px; }
.portfolio-text { max-width: 600px !important; }
section.have-project .have-outer .have-contant h2 { font-size: 28px; line-height: 33px; }
section.new-about-us .new-about-contant .new-about-inner h2 { font-size: 28px; line-height: 42px; padding-bottom: 16px; }
section.new-about-us .new-about-contant .new-about-text h3 { padding-top: 23px; font-size: 22px; line-height: 30px; }
section.new-about-us .new-about-contant .new-about-text p { padding: 6px 0 36px 0; }
section.landing-faq .landing-outer .landing-faq-contant h3 { font-size: 22px; line-height: 30px; padding-bottom: 20px; }
section.landing-faq .landing-outer .accordion-item button.accordion-button { font-size: 16px; line-height: 23px; }
section.landing-faq .landing-outer .accordion-item .accordion-body { font-size: 14px; line-height: 24px; }
section.contact-section { padding: 40px 0; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { left: 36%; top: 10px; background-size: 102px; }
section.industry-serve .new-portfolio-outer:after{ bottom: 80px; }
footer h2.title { font-size: 28px; line-height: 30px; }
footer .form-control { min-width: auto; }
section.portfolio-section .port-slider-inner { max-width: 100%; height: 611px; align-items: center; }
section.new-our-service .looking-service-box { padding: 20px; }
section.portfolio-section .port-slider-inner .port-slider-box h2 { font-size: 22px; line-height: 29px; }
section.portfolio-section .port-slider-inner .port-slider-box { padding: 50px 0 40px 50px; }
section.portfolio-section .port-slider-inner .port-slider-outer { padding-bottom: 50px; }
section.portfolio-section .port-slider { padding-top: 0; }
section.new-testominal { padding: 40px 0 40px 0; }
section.new-testominal .new-testominal-outer .testominal-new-box { flex: 0 0 32%; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { height: auto; }
section.contact-section .contact-form { min-width: 100%; }
.new-portfolio-outer:after { left: 24%; }
section.new-testominal .new-portfolio-outer:after { left: 44%; }
footer .logo img { max-width: 234px; height: auto; }
section.new-our-service .new-portfolio-outer:after { left: 19%; }
section.portfolio-section .new-portfolio-outer:after { left: 20%; }
.work-together .icon-outer { min-width: 80px; }
section.work-together.work-space .icon-outer img { max-width: 50px; height: 50px; }
.port-slider button.slick-arrow { left: 137px; bottom: 30px; }
.port-slider button.slick-next { left: 189px; bottom: 30px; }
.port-slider .slick-list { padding: 0 80px !important; }
.shopify-hydrogen .shopify-hydrogen-img img{ max-width: 100%; }
.shopify-hydrogen-content h3 { font-size: 21px; line-height: 30px; margin-top: 20px; }
.shopify-hydrogen-content .text-muted { margin-top: 12px; font-size: 14px; }
.shopify-hydrogen-content ul.list-unstyled li{ margin-bottom: 12px !important;}
.shopify-hydrogen-content ul.list-unstyled li img { max-width: 15px; }
.shopify-hydrogen-content div.new-banner-btn{ margin-top: 29px; }
.cro-techniques .portfolio-text { max-width: 62% !important }
.cro-techniques .cro-techniques-content ul.list-unstyled li { margin-bottom: 15px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li img { max-width: 29px; min-width: 29px; }
.new-banner-btn a{ min-height: 51px; line-height: 51px; min-width: 51px; }
.cro-techniques .cro-techniques-content div.new-banner-btn{ margin-top: 30px; }
.cro-techniques{ padding-top: 0; }
section.new-hireus .row { align-items: center; }
}

@media (min-width: 1025px) and (max-width: 1140px) {
section.new-testominal .new-testominal-outer .testominal-new-box { flex: 0 0 49.1%; }
.testominal-new-box p { min-height: 102px; }
footer .logo img{ max-width: 100%; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { left: 23%; bottom: 14px; }
.new-portfolio-outer:after{ display: none; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box{ flex: 0 0 25%; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner{ gap: 17px; }
section.portfolio-section .port-slider-inner .port-slider-box{ padding-left: 28px; }
section.portfolio-section .port-slider-inner .port-slider-outer a { padding: 9px 10px; }

}

/* start responsive on ipad device */
@media (min-width: 768px) and (max-width: 1024px) {
header.header.header-two{ padding: 8px 0 8px 0; }
.new-banner-btn a.new-banner-btn{ padding: 0 20px; }
.container { padding: 0px 20px; }
section.new-hero-banner .new-banner-outer .new-banner-content h1 { font-size: 26px; line-height: 34px; }
.new-banner-btn a { min-width: 45px; min-height: 45px; line-height: 45px; font-size: 14px; }
section.new-hero-banner { padding: 36px 0 30px 0; }
section.new-hero-banner .new-banner-getform { padding: 18px 20px 30px 18px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner { row-gap: 14px; margin-top: 11px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box { flex: 0 0 26%; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { max-width: 70%; }
section.new-hero-banner h3 { padding: 32px 0 17px 0; }
section.new-hero-banner .new-banner-getform:after { top: 10px; right: 10px; width: 35px; height: 35px; }
.new-banner-btn-wrapper .new-banner-btn { min-height: 39px; }
.new-portfolio-outer .portfolio-heading h2 { font-size: 26px; line-height: 35px; }
.new-portfolio-outer .portfolio-text h3 { font-size: 20px; line-height: 27px; max-width: 400px; }
.new-portfolio-outer .portfolio-text p { max-width: 400px; font-size: 14px !important; line-height: 20px; }
section.new-our-service .col-md-4 { flex: 0 0 50%; }
section.new-our-service .looking-service-box h3 { font-size: 18px; line-height: 24px; }
section.new-hireus .hirus-inner .hireus-content h2 { font-size: 26px; }
section.new-hireus .hirus-inner .hireus-text h3 { font-size: 20px; line-height: 25px; }
section.new-hireus .row { align-items: center; }
section.new-hireus .hirus-inner { padding: 0; }
section.new-hireus { padding: 40px 0; }
section.new-our-service { padding: 40px 0; }
section.work-together.work-space { padding: 40px 0 40px 0; }
.work-together .text-box { width: 100%; padding: 9px 13px; }
.work-together.work-space .box-outer { padding-bottom: 20px; }
section.work-together.work-space .work-heading p { margin: 16px 0 30px 0; }
section.work-together.work-space .row.mt-5 { margin-top: 0 !important; }
section.industry-serve { padding: 50px 0; }
section.have-project .have-outer .have-contant h2 { font-size: 26px; line-height: 33px; }
section.have-project .have-outer .have-contant { padding: 68px 0 0 12px; }
section.new-about-us .new-about-contant .new-about-inner h2 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
section.new-about-us .new-about-contant .new-about-text h3 { padding-top: 14px; font-size: 20px; line-height: 27px; }
section.new-about-us .new-about-contant .new-about-text p { padding: 12px 0 16px 0; }
section.have-project { padding: 40px 0; }
section.new-about-us { padding-bottom: 50px; }
section.work-together.work-space .work-heading h1 { font-size: 25px; line-height: 27px; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { display: none; }
section.landing-faq .landing-outer { padding-top: 50px; }
section.landing-faq .landing-outer .landing-faq-contant h3 { font-size: 20px; line-height: 26px; }
section.landing-faq .landing-outer .landing-faq-contant { font-size: 16px; line-height: 21px; }
section.landing-faq .landing-outer .accordion-item .accordion-body { padding: 0 0 29px 25px; font-size: 14px; line-height: 21px; }
section.landing-faq .landing-outer .accordion-item button.accordion-button { font-size: 16px; line-height: 21px; }
section.contact-section .col-md-6.col-lg-9 { width: 90%; }
section.contact-section form { padding-bottom: 0; }
section.contact-section form .mb-5 { margin-bottom: 30px !important; }
section.contact-section { padding: 50px 0; }
footer h2.title { font-size: 30px; line-height: 30px; }
footer:after { right: 40px; }
footer .form-control { min-width: 100%; }
.new-banner-btn-wrapper .new-banner-btn { padding: 0 13px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { max-width: 100px;  height: auto; }
section.portfolio-section .port-slider-inner { flex-wrap: wrap; height: 100%; min-height: max-content; }
section.portfolio-section .port-slider-inner .port-slider-box { width: 100%; padding: 50px 20px 0 50px; }
section.portfolio-section .port-slider-inner .port-slider-image { margin: 0 auto; padding-bottom: 27px; }
.port-slider button.slick-prev { top: 50%; left: 40px; }
.port-slider button.slick-next { top: 50%; right: 40px; left: auto; }
section.portfolio-section .port-slider { padding: 0; }
section.portfolio-section { padding: 50px 0; }
section.new-testominal .new-testominal-outer .testominal-new-box { flex: 0 0 48.9%; }
section.new-testominal button.slick-prev { top: -84px; }
section.new-testominal button.slick-next { top: -84px; }
section.new-testominal { padding: 40px 0 40px 0; }
section.contact-section .contact-form { min-width: 100%; }
footer .logo img { max-width: 100%; height: auto; }
section.portfolio-section .port-slider-inner .port-slider-outer { display: none; }
section.portfolio-section .port-slider-inner .port-slider-box h3 { display: none; }
section.portfolio-section .port-slider-inner .port-slider-image img { padding-top: 30px; height: 584px; }
section.portfolio-section .port-slider-inner .port-slider-box h2 { padding-bottom: 20px; font-size: 20px; line-height: 30px; }
section.work-together.work-space .work-heading h2 { font-size: 26px; line-height: 22px; }
.port-slider button.slick-arrow { bottom: 30px; left: 9%; }
.port-slider button.slick-next { left: auto; }
section.new-hero-banner .new-banner-getform .new-get-outer .new-get h3{ font-size: 25px; padding-bottom: 3px; }
section.new-hero-banner .new-banner-getform .new-get-outer form{ padding: 19px 0 0 0; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner input { min-height: 41px; padding-left: 25px; }
section.new-hireus .row { align-items: center; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner .input-icon { min-width: 34px; min-height: 34px; line-height: 34px; }
section.new-hero-banner .new-banner-getform .preferred p{ padding-bottom: 12px; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner{ padding-bottom: 17px; }
.new-hero-banner .container>.row { align-items: center; }
.work-together .icon-outer { padding: 10px; min-width: 85px; }
.work-together .box-outer .form-check label{ font-size: 12px; line-height: 21px; }
section.work-together.work-space .icon-outer img { max-width: 45px; height: 45px; }
section.have-project .have-outer .row { align-items: center; }
.testominal-new-box p { font-size: 13px; line-height: 19px; }
.testominal-new-box .testo-outer { padding: 20px 0 10px 15px; }
.testominal-new-box p { padding: 0 25px 10px 15px; min-height: 86px; }
.testominal-web { padding: 15px; column-gap: 10px; }
.testominal-web .testominal-link-text span { font-size: 13px; line-height: 15px; }
.testominal-web .testominal-link-text p { font-size: 12px; line-height: 14px; min-height: auto; }
.new-banner-btn:first-child a{ transform: none; }
.new-banner-btn a.new-banner-btn{ font-size: 14px; }
section.contact-section .contact-form-header h2 { font-size: 26px; line-height: 22px; }
section.contact-section .contact-form-header p{ padding-top: 10px; }
#appointment-modalToggle .modal-dialog, #call-modalToggle .modal-dialog { width: 100%; max-width: 730px; }

.shopify-hydrogen{ padding: 0 0 40px 0; }
.shopify-hydrogen .shopify-hydrogen-img img{ max-width: 100%; }
.shopify-hydrogen-content h3 { font-size: 17px; line-height: 27px; margin-top: 15px; }
.shopify-hydrogen-content .text-muted { margin-top: 11px; font-size: 14px; }
.shopify-hydrogen-content ul.list-unstyled{ margin-top: 13px; }
.shopify-hydrogen-content ul.list-unstyled li { font-size: 14px; margin-bottom: 12px !important; }
.shopify-hydrogen-content div.new-banner-btn{ margin-top: 28px; }

.cro-techniques { background: #f9f7f4; padding: 40px 0; }
.cro-techniques .portfolio-text{ max-width: 53%; }
.cro-techniques .new-portfolio-outer:after { left: 27%; width: 91px; bottom: 73px; background-size: 100%; }
.cro-techniques .new-portfolio-outer{ margin-bottom: 23px; }
.cro-techniques .cro-techniques-content h3{ font-size: 21px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li { font-size: 13px; margin-bottom: 14px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li img { max-width: 23px; margin-right: 13px; min-width: 23px; }
.cro-techniques .cro-techniques-content div.new-banner-btn{ margin-top: 23px; }

.portfolio-section .new-portfolio-outer:after{ left: 26%; }

} 

/* start responsive on mobile */
@media (max-width: 767px) {
.container { padding: 0 20px; }
section.new-hero-banner .new-banner-outer .new-banner-content p { display: none;}
.new-banner-content .new-banner-btn { display: none; }
section.new-hero-banner { padding: 5px 0 20px 0; }
section.new-hero-banner h3.mobile-text { display: block; }
section.new-hero-banner h3 { padding: 0px 0 20px 0; }
.new-banner-btn a { min-width: 40px; min-height: 40px; line-height: 40px; }
.new-banner-btn a.new-banner-btn { padding: 0 22px; font-size: 12px; }
section.new-hero-banner .new-banner-outer .new-home-shopify h3 { font-size: 16px; line-height: 18px; padding: 20px 0 20px 0; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner { row-gap: 10px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box { flex: 0 0 33%; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { max-width: 86px; }
section.contact-section .contact-form-header h2 { font-size: 24px; }
.new-banner-btn-wrapper .new-banner-btn { min-height: 40px; font-size: 12px; justify-content: center; }
.new-portfolio-outer { flex-wrap: wrap; padding-bottom: 15px; margin-bottom: 20px; }
.new-portfolio-outer .portfolio-heading h2 { font-size: 25px; line-height: 32px; }
.new-portfolio-outer .portfolio-text h3 { font-size: 16px; line-height: 23px; padding-bottom: 10px; padding-top: 6px; }
section.new-our-service { padding: 30px 0 0 0; }
section.new-our-service .row { padding-top: 0px; }
section.new-our-service .looking-service-box { padding: 25px; margin-bottom: 25px; }
section.new-our-service .looking-service-box h3 { font-size: 16px; line-height: 20px; padding: 21px 0 6px 0; }
section.new-hireus  { padding: 40px 0; }
section.new-hireus .hirus-inner .hireus-content h2 { font-size: 24px; padding: 18px 0 14px 0; text-align: left; }
section.work-together.work-space .work-heading h2 { font-size: 24px; line-height: 27px; }   
section.new-hireus .hirus-inner { padding-left: 0; }
section.new-hireus .hirus-inner .hireus-text h3 { font-size: 16px; line-height: 24px; }
section.new-hireus .hirus-inner .hireus-content:after { display: none; }
.new-portfolio-outer:after { display: none; }
section.portfolio-section { padding: 0px 0 30px 0; }
.new-portfolio-outer .portfolio-heading h2 br { display: none; }
section.new-about-us .new-about-contant .new-about-inner:after { display: none; }
section.industry-serve .new-portfolio-outer:after { display: none; }
section.work-together.work-space .work-heading h1 { font-size: 19px; line-height: 23px; }
section.work-together.work-space .icon-outer img { max-width: 50px; height: 45px; }
.work-together .icon-outer { min-width: 92px; }
.work-together .box-outer { padding-bottom: 17px; }
.work-together .box-outer .form-check label { font-size: 14px; line-height: 19px; }
section.work-together.work-space .work-heading p { margin: 16px 0 21px 0; font-size: 14px; }
section.work-together.work-space .work-heading h1 { font-size: 17px; line-height: 16px; }
section.work-together.work-space { padding: 45px 0 45px 0; }
section.work-together.work-space .row.mt-5 { margin: 0 !important; }
section.industry-serve { padding: 25px 0 50px 0; margin-top: 40px; }
section.industry-serve .row { row-gap: 20px; }
section.industry-serve .serve-box h5 { padding-top: 10px; font-size: 14px; }
section.industry-serve .industry-serve-outer .new-banner-btn { font-size: 12px; }
section.have-project { padding: 40px 0; }
section.have-project .have-outer .have-contant h2 { font-size: 22px; line-height: 23px; }
section.have-project .have-outer .have-contant { padding: 24px 20px 30px 20px; }
section.have-project .have-outer .have-contant p { line-height: 23px; font-size: 15px; }
section.new-about-us .new-about-contant .new-about-inner h2 { font-size: 24px; line-height: 32px; padding-bottom: 6px; }
section.new-about-us .new-about-contant .new-about-text h3 { padding-top: 0px; font-size: 16px; line-height: 23px; }
section.new-about-us .new-about-contant .new-about-text p { padding: 10px 0 26px 0; line-height: 26px; }
section.new-about-us .new-about-image { padding-top: 30px; }
section.new-about-us { padding-bottom: 30px; }
section.landing-faq .landing-outer { padding-top: 0px; }
section.landing-faq .new-portfolio-outer.new-portfolio-outer:after { display: none; }
section.landing-faq .landing-outer .landing-faq-contant h3 { font-size: 19px; line-height: 26px; }
section.landing-faq .accordion { padding-top: 30px; }
section.landing-faq .landing-outer .accordion-item button.accordion-button { font-size: 15px; line-height: 19px; }
section.landing-faq .landing-outer .accordion-item .accordion-body { font-size: 14px; line-height: 22px; }
section.contact-section { padding: 40px 0; }
section.contact-section .contact-form { padding: 20px; }
footer:after { display: none; }
footer h2.title { font-size: 24px; line-height: 30px; padding-top: 15px; }
footer .form-control { min-width: auto; }
footer form.wpcf7-form.init .footer-form { flex-wrap: wrap; justify-content: center; align-items: center; }
header.header.header-two img.custom-logo { max-width: 140px; }
header.header.header-two .new-banner-btn.header-second a.new-banner-btn { min-width: auto; font-size: 12px; padding: 0 11px; min-height: 40px; }
header.header.header-two .new-banner-btn a { min-width: 40px; min-height: 40px; line-height: 40px; transform: inherit; }
header.header.header-two .new-banner-btn a:first-child{ display: none; }
.new-banner-btn a img { max-width: 12px; }
section.new-hero-banner .new-banner-getform { max-width: 100%; padding: 24px; }
section.new-hero-banner .new-banner-getform:after { top: 6px; right: 8px; width: 35px; height: 40px; }
.work-together .text-box { width: 100%; }
header.header.header-two a.custom-logo-link { width: 39%; }
section.new-hero-banner .new-banner-getform:before { display: none; }
section.industry-serve .col-md-3 { flex: 0 0 50%; }
section.new-hero-banner .new-banner-getform .new-get-outer .new-get h3 { font-size: 22px; line-height: 18px; }
section.contact-section .contact-form-header p { padding: 0; }
section.contact-section .row.mb-3 { margin-bottom: 0 !important; }
label.form-label.form-label { margin-top: 9px; }
section.contact-section .mb-5 { margin-bottom: 20px !important; }
section.contact-section .new-banner-btn-wrapper .new-banner-btn { min-height: 40px; }
section.contact-section form { padding-bottom: 0; }
section.portfolio-section .port-slider-inner { flex-wrap: wrap; margin-top: 16px; height: 100%; background: #FFEADE; }
section.portfolio-section .port-slider-inner .port-slider-box h2 { font-size: 17px; line-height: 28px; }
section.portfolio-section .port-slider-inner .port-slider-box { padding: 20px 30px 30px 30px; height: 514px; }
section.portfolio-section .port-slider-inner .port-slider-outer { display: none; }
.port-slider button.slick-prev { top: 50%; left: 30px; }
.port-slider button.slick-next { top: 50%; left: auto; right: 30px; }
section.portfolio-section .port-slider-inner .port-slider-image img { padding: 20px 0px 20px 0; }
section.portfolio-section .port-slider-inner .port-slider-outer a { font-size: 12px; }
section.new-our-service .looking-service-box span { display: flex; align-items: center; justify-content: center; width: 70px; }
.mobile-section-view .looking-service-slider .service-slider-slide { margin: 10px 9px; }
section.new-testominal .new-testominal-outer .testominal-new-box { flex: 0 0 100%; }
section.new-testominal { padding: 30px 0 0 0; } 
section.new-testominal .new-portfolio-outer:after { display: none; }
section.new-testominal button.slick-prev { top: -5%; }
section.new-testominal button.slick-next { top: -5%; }
.new-testominal-slider.new-slider.slick-initialized.slick-slider { display: block; }
.new-testominal-slider.slick-initialized.slick-slider { display: none; }
.new-slider .testominal-new-box.slick-slide { margin-top: 30px; }
.new-testominal-slider.new-slider button.slick-prev { top: -70px; }
.new-testominal-slider.new-slider button.slick-next { top: -70px; }
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { height: auto; }
section.portfolio-section .port-slider-inner .port-slider-image { display: none; }
.port-slider button.slick-next { display: none !important; }
.port-slider button.slick-prev { display: none !important; }
section.portfolio-section .port-slider-inner .port-slider-box h3 {display: none;}
section.new-hireus .hirus-inner .hireus-text a.new-banner-btn { min-width: auto; }
section.new-hero-banner .new-banner-outer .new-banner-content h1 { display: none; }
section.new-hero-banner .row { flex-direction: column-reverse; }
.port-mobile-image img { display: block; padding: 20px 0 30px 0; }
section.portfolio-section .port-slider { padding: 0; }
section.contact-section .contact-form { min-width: 100%; }
header.header.header-two .new-banner-btn { column-gap: 0; }
header.header.header-two .new-banner-btn::after{ display: none; }
footer .logo img { max-width: 100%; height: 40px; }
footer { padding: 45px 0 0px 0; }
.mobile-top-heading { display: block; }
.mobile-top-heading h1 { font-size: 27px; line-height: 32px; font-weight: 700; padding:14px 0 10px 0; }
.mobile-top-heading h1 span { background: linear-gradient(to right, #D61C5B, #ED722E); -webkit-text-fill-color: transparent; background-clip: text; }
header.header.header-two { padding: 5px 0; border-bottom: 1px solid #e9e9e9; }
.port-slider .slick-list { padding: 0 50px !important; }
#appointment-modalToggle .modal-dialog, #call-modalToggle .modal-dialog{ width: 90%; }
#call-modalToggle .modal-body.hire-developer{ padding: 30px; }
.modal-body.hire-developer h2 { font-size: 21px; margin-bottom: 7px; }
.modal-body.hire-developer .top_title .p_style { line-height: 23px; font-size: 14px !important; }
.modal-body.hire-developer .contact_form .form-control { font-size: 14px; min-height: 34px; }
.modal-body.hire-developer .theme_btn { font-size: 15px; min-height: 43px; line-height: 43px; min-width: 130px; }
.testominal-new-box{ margin-bottom: 15px; }
.testominal-web{ padding: 16px; }
.testominal-new-box .testo-outer { padding: 12px; }
.testominal-new-box p { min-height: auto; font-size: 14px; line-height: 22px; padding: 0 16px 11px; }
.new-slider ul.slick-dots { margin: 0; }
.new-testominal-slider.new-slider button.slick-arrow{ display: none !important; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner input{ min-height: 50px; padding-left: 24px; }
section.new-hero-banner .new-banner-getform .new-get-outer form .input-box .input-inner .input-icon{ min-width: 37px; min-height: 37px; line-height: 37px; }
section.portfolio-section .port-slider-inner .port-slider-box{ text-align: center; }
.port-mobile-image img { margin: 0 auto; }
section.portfolio-section .port-slider-inner .new-banner-btn{ margin: 0 auto; }
.new-slider .new-slider-inner { padding: 0 10px; }
.new-slider .slick-list { margin: 0 -10px; }
.new-banner-btn:first-child a{ transform: none; }
.shopify-hydrogen { padding: 0 0 0px 0; }
.shopify-hydrogen .shopify-hydrogen-img img{ max-width: 100%; }
.shopify-hydrogen-content h3 { font-size: 17px; line-height: 25px; margin-top: 6px; }
.shopify-hydrogen-content .text-muted{ margin-top: 8px; font-size: 14px; }
.shopify-hydrogen-content ul.list-unstyled{ margin-top: 15px; }
.shopify-hydrogen-content ul.list-unstyled li img{ max-width: 12px; }
.shopify-hydrogen-content ul.list-unstyled li { font-size: 14px; margin-bottom: 14px !important; }
.shopify-hydrogen-content div.new-banner-btn{ margin: 0 auto; }
.new-sec-padding{ padding: 20px 0 40px 0; }
.cro-techniques { background: #f9f7f4; }
.cro-techniques .portfolio-text p{ font-size: 14px; }
.cro-techniques .new-portfolio-outer { margin-bottom: 0px; padding-bottom: 0px; }
.cro-techniques .cro-techniques-content { padding-left: 0; margin-top: 0px; }
.cro-techniques .cro-techniques-content h3 { font-size: 19px; line-height: 31px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li { font-size: 13px; margin-bottom: 15px; }
.cro-techniques .cro-techniques-content ul.list-unstyled li img { max-width: 27px; margin-right: 11px; min-width: 27px; }
.cro-techniques .cro-techniques-content div.new-banner-btn{ margin: 0 auto; }
section.new-our-service .service-btn { padding-top: 30px; }
.new-banner-btn { margin: 0 auto; }
section.new-hireus .hirus-inner .hireus-text p { padding: 17px 0 20px 0; }
.landing-faq-contant img.landing-image { display: none; }
.mobile-top-heading p { font-size: 14px; line-height: 20px; padding-bottom: 20px; }
section.new-hero-banner .new-banner-getform .new-get-outer .new-get p { font-size: 14px; }
.new-portfolio-outer { border: none; padding: 0; }
body .new-portfolio-outer { margin: 0; }
section.new-hireus .hirus-inner .hireus-content br { display: none; }
section.new-hireus .hirus-inner .hireus-content { border: none; }
section.new-hireus .hirus-inner .hireus-text { padding: 0; }
section.new-about-us .new-about-contant .new-about-inner h2 br { display: none; }
section.new-about-us .new-about-contant .new-about-inner { border: none; }
.new-portfolio-outer .portfolio-text p { font-size: 13px; line-height: 20px;padding-bottom: 25px; }
}


@media (max-width: 470px) {
section.portfolio-section .port-slider-inner .port-slider-box { padding: 20px 20px 20px 20px; min-height: 390px; height: 100%; max-width: 100%; }
section.portfolio-section .port-slider-inner .port-slider-box h2 { font-size: 15px; line-height: 22px; min-height: 66px; }
section.portfolio-section .port-slider-inner .port-slider-image img { padding: 30px 27px 20px 0; }
section.portfolio-section .port-slider-inner .port-slider-outer a { font-size: 11px; }
.port-mobile-image img { height: auto; max-width: 80%; }
.new-banner-btn a.new-banner-btn { font-size: 11px; }
section.portfolio-section .new-banner-btn a.new-banner-btn { padding: 0 12px;  }
.port-slider .slick-list { padding: 0 39px !important; }
.port-slider .slick-list .new-port-outer{ padding: 0 8px; }
section.new-our-service .looking-service-box span { margin: 0 auto; }
section.new-our-service .looking-service-box { text-align: center; }
section.new-our-service .looking-service-box h3 { font-size: 15px; }
section.new-our-service .looking-service-box p { font-size: 13px; line-height: 21px; }
.shopify-hydrogen .shopify-hydrogen-img { text-align: center; }
.shopify-hydrogen .shopify-hydrogen-img img { width: 100%; height: 250px; object-fit: cover; }
section.cro-techniques.new-sec-padding .new-portfolio-outer { padding: 0; margin: 0; }
section.landing-faq .landing-outer .accordion-item button.accordion-button { font-size: 14px; line-height: 19px; column-gap: 5px; }
section.landing-faq .landing-outer .accordion-item .accordion-body { font-size: 13px; line-height: 19px; }
section.landing-faq .landing-outer .accordion-item .accordion-button.collapsed::after { width: 30px; height: 30px; line-height: 30px; }
section.landing-faq .landing-outer .accordion-item button.accordion-button::after { width: 30px; height: 30px; line-height: 30px; }
section.contact-section .form-control, .form-select { min-height: 40px; }
section.landing-faq .landing-outer .landing-faq-contant h3 { font-size: 16px; line-height: 20px; padding-top: 15px; }
.work-together .text-box { padding: 13px 18px; }
.new-portfolio-outer .portfolio-text p { padding: 0; }
section.new-hireus .hirus-inner .hireus-text p { font-size: 13px; line-height: 23px; }
section.cro-techniques.new-sec-padding .cro-techniques-img img { padding-top: 20px; }
section.new-our-service .portfolio-text { padding-bottom: 20px; }
section.work-together.work-space .work-heading h2 { font-size: 19px; line-height: 23px; }
section.work-together.work-space .work-heading p { margin: 5px 0 21px 0; }
section.new-hireus .hirus-inner .hireus-content h2 { font-size: 25px; padding-bottom: 6px; }
section.have-project .have-outer .have-contant h2 { font-size: 25px; }
section.new-about-us .new-about-contant .new-about-inner h2 { font-size: 25px; line-height: 25px; }
section.contact-section .contact-form-header h2 { font-size: 25px; }
section.have-project .have-outer .have-contant p{ font-size: 13px; }
section.new-about-us .new-about-contant .new-about-text p { font-size: 13px; }
}

@media (max-width: 320px) {
section.new-hero-banner .new-banner-outer .new-home-shopify .new-shopify-logo .new-shopify-inner .shopify-box img { max-width: 89px; }
section.industry-serve .serve-box h5 { font-size: 13px; line-height: 10px; }
.new-banner-btn a.new-banner-btn { padding: 0 9px; }
a.new-banner-btn { font-size: 12px !important; }
section.new-hero-banner { padding: 0px 0 40px 0; }
header.header.header-two a.custom-logo-link { width: 31%; }
header.header.header-two .new-banner-btn { column-gap: 6px; }
}