@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap');



/*testimonial slider*/.testimonial {  text-align: center;  padding: 60px 20px;}.test-slider {  width: 60%;  margin: auto;  position: relative;}.test-card {  display: none;  background: #fff;  padding: 25px;  border-radius: 10px;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);  font-size: 1.1rem;  line-height: 1.6;}.test-card.active {  display: block;}.author {  display: block;  margin-top: 15px;  font-weight: bold;}/* Navigation Arrows */.test-nav span {  position: absolute;  top: 50%;  transform: translateY(-50%);  cursor: pointer;  font-size: 2rem;  padding: 10px;}.test-nav .prev {  left: -50px;}.test-nav .next {  right: -50px;}/* Dots */.test-dots {  text-align: center;  margin-top: 20px;}.test-dots span {  display: inline-block;  width: 12px;  height: 12px;  background: #bbb;  margin: 5px;  border-radius: 50%;  cursor: pointer;}.test-dots .active-dot {  background: #ff0000;}/*tab popup*/.img-popup {  display: none;  position: fixed;  z-index: 9999;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.8);  justify-content: center;  align-items: center;}.img-popup.active {  display: flex;}.prev-img,.next-img {  font-size: 50px;  color: #fff;  cursor: pointer;  user-select: none;}/*Popup*//* Overlay background */.cv-popup-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.7);  display: none;  align-items: center;  justify-content: center;  z-index: 9999;}/* Popup box */.cv-popup {  background: #fff;  width: 450px;  padding: 30px;  border-radius: 10px;  position: relative;  animation: popupFade 0.3s ease-in-out;}/* Close button */.cv-popup-close {  position: absolute;  right: 15px;  top: 10px;  font-size: 28px;  cursor: pointer;  font-weight: bold;}@keyframes popupFade {  from {    transform: scale(0.8);    opacity: 0;  }  to {    transform: scale(1);    opacity: 1;  }}/* Form styling */.quote-form input,.quote-form select,.quote-form textarea {  width: 100%;  margin: 10px 0;  padding: 12px;  border-radius: 5px;  border: 1px solid #ddd;}.cv-submit-btn {  width: 100%;  padding: 12px;  background: #ff5a3c;  border: none;  color: #fff;  font-size: 16px;  margin-top: 10px;  border-radius: 5px;  cursor: pointer;}.cv-submit-btn:hover {  background: #e54a2d;}/*Footer*/svg.e-font-icon-svg.e-fas-phone-alt,svg.e-font-icon-svg.e-far-envelope-open,svg.e-font-icon-svg.e-fas-map-marker-alt {  width: 15px;}/* .services-section {  text-align: center;  padding: 60px 20px;  max-width: 1400px;  margin: 0 auto;} *//* .services-title {  font-size: 34px;  font-weight: 700;  margin-bottom: 20px;} */.services-title span {  color: #ff3636; /* Red highlight */}/* .services-desc {  font-size: 17px;  line-height: 1.7;  color: #333;} *//* Navigation Buttons */.nav {  position: absolute;  top: 50%;  transform: translateY(-50%);  background: #000;  color: #fff;  border: none;  font-size: 22px;  padding: 8px 12px;  cursor: pointer;  border-radius: 50%;}.prev {  left: 10px;}.next {  right: 10px;}/* ===============================   MAIN NAVBAR================================*//* ===============================   MEGA MENU WRAPPER================================*//* ===============================   MEGA MENU GRID (3 Columns)================================*//* Titles like "Website Design", "Web Development" */.submenu_dev_design h5 {  font-size: 15px;  font-weight: 700;  color: #000;  margin-bottom: 10px;  text-transform: uppercase;}.submenu_dev_design h5 a {  color: #000;}.submenu_dev_design h5 a:hover {  color: #e7342c;}/* ===============================   INNER LINKS================================*/.submenu_dev {  list-style: none;  padding: 0;  margin: 0;}.submenu_dev li {  margin: 7px 0;}.submenu_dev li a:hover {  color: #e7342c;}/* Icons in other menus */.item_iconss {  width: 20px;  margin-right: 6px;  vertical-align: middle;}/* ===============================   SIMPLE DROPDOWN (NON-MEGA MENUS)================================*/.submenu {  padding: 0;  margin: 0;  list-style: none;}.submenu li {  margin: 8px 0;}.submenu li a {  font-size: 13px;  color: #333;}.submenu li a:hover {  color: #e7342c;}/* ===============================   RESPONSIVE (Optional)================================*/@media (max-width: 992px) {  .cutom_navbar {    flex-wrap: wrap;  }  .menu {    flex-direction: column;  }  .submenu_mainsr {    position: static;    width: 100%;    box-shadow: none;  }  .submenu_mainsr_dev {    grid-template-columns: 1fr;  }}/* RESET */* {  margin: 0;  padding: 0;  box-sizing: border-box;  font-family: "Roboto", sans-serif;}/* TOP BAR -> logo + menu + button */.cv-top-bar {  display: flex;  align-items: center;  justify-content: space-between;}/* LOGO */.cv-logo img { width: 100%;max-width: 363px;height: 70px;}nav.cv-nav {  display: flex;  justify-content: space-between;}/* NAV *//* QUOTE BUTTON *//* SERVICE MENU UNDER LOGO */.cv-service-menu {  margin-top: 15px;  display: flex;  justify-content: flex-start;  gap: 50px;  flex-wrap: wrap;  color: #000;  font-size: 14px;  font-weight: 600;  padding-left: 5px;}.cv-service-menu div {  text-transform: uppercase;}/* Responsive */@media (max-width: 900px) {  .cv-footer-container {    grid-template-columns: 1fr 1fr;    text-align: center;  }}@media (max-width: 600px) {  .cv-footer-container {    grid-template-columns: 1fr;  }}/* contact us */.contact-section {  max-width: 1400px;  margin: auto;  padding: 50px 20px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}h1 {  font-size: 32px;  color: #1e1e1e;}h1 span {  color: #ff2a2a;}.left-side p,.right-side p {  color: #444;  line-height: 1.6;}.info-block {  margin-top: 25px;}.info-block h3 {  margin: 8px 0;  color: #ff2a2a;}.info-block .icon {  width: 30px;  margin-bottom: 5px;}.phone {  color: #ff2a2a;  text-decoration: none;  font-weight: bold;}.right-side h1 {  margin-bottom: 15px;}form {  display: flex;  flex-direction: column;  gap: 12px;}label {  font-weight: bold;  font-size: 14px;  color: #000;}input,select,textarea {  width: 100%;  padding: 10px;  border: 1px solid #cfd8e3;  border-radius: 4px;  background: #fff;}.submit-btn {  margin-top: 15px;  padding: 12px;  background: #ff3c2f;  border: none;  color: white;  font-size: 16px;  border-radius: 4px;  cursor: pointer;}.submit-btn:hover {  background: #e12a1d;}/* Responsive */@media (max-width: 900px) {  .contact-section {    grid-template-columns: 1fr;  }}/*Services*//* BANNER SECTION */.services-banner {  padding: 80px 20px;  text-align: center;  background: #e9f1fa;}.services-banner-content h1 {  font-size: 42px;  font-weight: bold;  letter-spacing: 2px;}.services-banner-content p {  font-size: 18px;  margin-top: 10px;  opacity: 0.9;}/* SERVICES SECTION */  /* .services-section {  padding: 50px 40px;  background: #f9f9f9;} *//* .services-container {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));  gap: 35px;  max-width: 1200px;  margin: auto;} *//* SERVICE BOX *//* .service-box {  background: #fff;  padding: 35px 25px;  text-align: center;  border-radius: 10px;  border: 1px solid #eaeaea;  transition: 0.3s ease;} *//* WHO WE ARE TOP SECTION */.who-top {  padding: 50px 40px;  background: #eef0ff;}.who-top h1 {  font-size: 40px;  font-weight: bold;}.who-top h1 span {  color: #ff3b3b;}.who-top p {  max-width: 900px;  margin-top: 15px;  font-size: 17px;  color: #444;  line-height: 28px;}/* MISSION SECTION */.mission-block {  padding: 80px 40px;  background: #fff;}.mission-container {  max-width: 1200px;  display: grid;  grid-template-columns: 1.2fr 1fr;  gap: 40px;  margin: auto;}.mission-text h2 {  font-size: 32px;}.mission-text h2 span {  color: #ff3b3b;}.mission-text p,.mission-text ul {  font-size: 16px;  color: #444;  line-height: 26px;  margin-bottom: 12px;}.mission-text ul {  padding-left: 20px;}.mission-img img {  width: 100%;  margin-top: 20px;}/* LONG CONTENT */.who-content {  background: #f2f4ff;  padding: 50px 40px;}.who-wide {  max-width: 1200px;  margin: auto;}.who-columns {  margin-top: 25px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.who-columns ul {  padding-left: 20px;}/* PROMISE SECTION */.promise-section {  padding: 50px 40px;  background: #fff;  text-align: left;}.promise-container {  max-width: 1200px;  margin: auto;  position: relative;}.promise-container h2 span {  color: #ff3b3b;}.promise-container ul {  margin-top: 10px;  font-size: 17px;  line-height: 26px;}.promise-img {  width: 260px;  position: absolute;  right: 0;  top: 20px;}/* CORE QUALITIES */.qualities-section {  padding: 80px 40px;  background: #eef0ff;}.qualities-section h2 span {  color: #ff3b3b;}.qualities-grid {  margin-top: 40px;  display: grid;  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));  gap: 30px;}.q-box {  background: #fff;  padding: 25px;  border-radius: 10px;  border: 1px solid #ddd;  position: relative;}.q-number {  font-size: 32px;  font-weight: bold;  color: #888;}/* Mobile Responsive */@media (max-width: 768px) {  .mission-container,  .who-columns {    grid-template-columns: 1fr;  }  .promise-img {    position: static;    margin-top: 20px;  }}/* TOP SECTION */.web-top {  padding: 80px 40px;  background: #eef0ff;}.web-top h1 {  font-size: 34px;  font-weight: bold;}.web-top h1 span {  color: #ff3b3b;}.web-top p {  max-width: 900px;  margin-top: 15px;  font-size: 17px;  line-height: 28px;  color: #444;}/* IMAGE + TEXT CARD */.web-card {  padding: 50px 40px;}.web-card-container {  max-width: 1200px;  margin: auto;  background: #fdfdfd;  border-radius: 15px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;  padding: 40px;  border: 1px solid #eee;}.web-card-img img {  width: 100%;}.web-card-text h2 span {  color: #ff3b3b;}.web-card-text .btn-red {  background: #ff3b3b;  color: #fff;  padding: 10px 22px;  border-radius: 6px;  text-decoration: none;  display: inline-block;  margin-top: 15px;}/* PLAN SECTION */.plan-section {  padding: 50px 40px;  background: #fffcf5;}.plan-section h2 span {  color: #ff3b3b;}.plan-section p {  max-width: 1000px;  line-height: 28px;}/* CORE SERVICES UI/UX */.web-core {  padding: 50px 40px;}.core-container {  max-width: 1200px;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  margin: auto;}.core-img img {  width: 100%;}/* RESPONSIVE DESIGN */.responsive-block {  padding: 50px 40px;}.responsive-block h2 span {  color: #ff3b3b;}/* ECOMMERCE SECTION */.ecom-block {  padding: 50px 40px;  background: #fffcf5;}.ecom-container {  max-width: 1200px;  margin: auto;  gap: 40px;}.ecom-img img {  width: 100%;}.ecom-text h2 span {  color: #ff3b3b;}/* CMS + AMP SECTION */.cms-amp {  padding: 50px 40px;}.cms-amp-container {  max-width: 1200px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;  margin: auto;}.cms-amp h3 span {  color: #ff3b3b;}/* RESPONSIVE FIXES */@media (max-width: 768px) {  .web-card-container,  .core-container,  .ecom-container,  .cms-amp-container {    grid-template-columns: 1fr;  }}/* TOP SECTION */.wd-top {  padding: 80px 40px;  background: #eef0ff;}.wd-top h1 {  font-size: 34px;  font-weight: bold;}.wd-top h1 span {  color: #ff3b3b;}/* CARD SECTION */.wd-card {  padding: 50px 40px;}.wd-card-container {  max-width: 1200px;  margin: auto;  background: #fdfdfd;  border-radius: 15px;  border: 1px solid #e6e6e6;  padding: 40px;  display: grid;  grid-template-columns: 1fr 1.3fr;  gap: 40px;}.wd-card-img img {  width: 100%;}.wd-card-text h2 span {  color: #ff3b3b;}.btn-red {  background: #fc322d;  color: #fff !important;  padding: 10px 24px;  border-radius: 6px;  text-decoration: none;  display: inline-block;  margin-top: 15px;}/* DYNAMIC WEBSITES BLOCK */.wd-block {  padding: 50px 40px;}.wd-block h2 span {  color: #ff3b3b;}.wd-block p {  max-width: 900px;  color: #444;  line-height: 26px;  margin-bottom: 12px;}/* CORPORATE + PERSONAL */.corp-per {  padding: 50px 40px;}.cp-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  align-items: center;  margin-bottom: 60px;}.cp-container.reverse {  grid-template-columns: 1fr 1.3fr;}.cp-img img {  width: 100%;}.cp-text h2 span {  color: #ff3b3b;}/* WORDPRESS SECTION */.wp-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  align-items: center;}.wp-text h2 span {  color: #ff3b3b;}/* MAINTENANCE SECTION */.maint-block h2 span {  color: #ff3b3b;}.maint-block p {  max-width: 900px;  margin: 20px auto;  font-size: 16px;}.maint-block .btn-red {  margin-top: 15px;}/* MOBILE */@media (max-width: 768px) {  .wd-card-container,  .cp-container,  .wp-container {    grid-template-columns: 1fr;  }}/*eco*//* TOP SECTION */.eco-top {  padding: 80px 40px;  background: #eef0ff;}.eco-top h1 {  font-size: 34px;  font-weight: bold;}.eco-top h1 span {  color: #000;}.eco-top p {  max-width: 900px;  margin-top: 12px;  font-size: 16px;  color: #444;  line-height: 26px;}/* MAIN CARD */.eco-card {  padding: 50px 40px;}.eco-card-container {  max-width: 1200px;  margin: auto;  background: #ffffff;  border-radius: 14px;  border: 1px solid #e6e6e6;  padding: 40px;  display: grid;  grid-template-columns: 1fr 1.3fr;  gap: 40px;}.eco-img img {  width: 100%;}.eco-text h2 span {  color: #ff3b3b;}.eco-text p {  font-size: 16px;  line-height: 26px;  color: #444;}.btn-red {  background: #fc322d;  color: #fff !important;  padding: 10px 24px;  border-radius: 6px;  text-decoration: none;  display: inline-block;  margin-top: 12px;}/* WOOCOMMERCE SECTION */.woo-section {  background: #eef0ff;  padding: 50px 40px;}.woo-container {  max-width: 1200px;  margin: auto;}.woo-container h2 span {  color: #ff3b3b;}.woo-container h3 {  margin-top: 8px;}.woo-container p {  max-width: 900px;  line-height: 26px;  margin-top: 12px;}/* WORDPRESS E-COMMERCE */.wp-e-section {  padding: 50px 40px;}.wp-e-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  align-items: center;}.wp-e-text h2 span {  color: #ff3b3b;}.wp-e-img img {  width: 100%;}/* SHOPIFY SECTION */.shopify-section {  padding: 50px 40px;  background: #fff;}.shopify-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1.3fr;  gap: 40px;  align-items: center;}.shopify-img img {  width: 100%;}.shopify-text h2 span {  color: #ff3b3b;}/* RESPONSIVE */@media (max-width: 768px) {  .eco-card-container,  .wp-e-container,  .shopify-container {    grid-template-columns: 1fr;  }}/*Web Design & Development Services*//* TOP SECTION */.wd-main-top {  padding: 50px 40px;  background: #E7E7FF;}.wd-main-top h1 {  font-size: 40px;  font-weight: bold;}.wd-main-top h1 span {  color: #ff3b3b;}/* CARD SECTION */.wd-image-card {  padding: 50px 40px;}.wd-card-box {  max-width: 1200px;  margin: auto;  padding: 40px;  background: #fff;  border-radius: 15px;  border: 1px solid #e6e6e6;  display: grid;  grid-template-columns: 1fr 1.2fr;  gap: 40px;}.wd-card-img img {  width: 100%;}.wd-card-text h2 span {  color: #ff3b3b;}.btn-red {  background: #fc322d;  padding: 10px 22px;  border-radius: 6px;  color: #fff !important;  display: inline-block;  text-decoration: none;  margin-top: 15px;}.wd-dom-container {  max-width: 1200px;  margin: auto;}.wd-dom-container p {  color: #444;  line-height: 26px;  margin-bottom: 14px;}/* PLAN DESIGN LAUNCH */.wd-plan-launch {  padding: 50px 40px;  background: #fff;}.plan-launch-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  align-items: center;  gap: 40px;}.plan-text h2 span {  color: #ff3b3b;}.plan-img img {  width: 100%;}/* DOUBLE SECTION */.double-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.double-box h2 {  margin-bottom: 10px;}.double-box p {  color: #444;  line-height: 26px;}/* FINAL CTA */ .wd-final-cta p {  max-width: 850px;  margin: auto;  line-height: 26px;  color: #444;}.wd-final-cta .btn-red {  margin-top: 20px;}/* RESPONSIVE */@media (max-width: 768px) { .double-container {    grid-template-columns: 1fr;  }}/*seo-services*//* TOP SECTION */.seo-top h1 span {  color: #ff3b3b;}/* TECH SEO SECTION */.seo-technical {  padding: 50px 40px;}.tech-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.2fr 1fr;  gap: 40px;  align-items: center;}.tech-text h2 span {  color: #ff3b3b;}.tech-text p {  color: #444;  line-height: 26px;}.tech-img img {  width: 100%;}/* BUILD.GROW.SERVE TITLE */.seo-build-title {  padding: 50px 40px 20px;  text-align: center;}.seo-build-title h2 {  font-size: 32px;}.seo-build-title h2 span {  color: #ff3b3b;}/* TWO COLUMN SECTIONS */.seo-two-col {  padding: 60px 40px;}.two-col-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.col-box h2 {  margin-bottom: 10px;}.col-box p {  color: #444;  line-height: 26px;}/* ECOMMERCE SEO */.seo-ecom {  padding: 50px 40px;  background: #eef0ff;  text-align: center;}.seo-ecom h2 {  margin-bottom: 15px;}.seo-ecom p {  max-width: 900px;  margin: auto;  line-height: 26px;  color: #444;}.seo-ecom .btn-red {  margin-top: 20px;}/* RESPONSIVE */@media (max-width: 768px) {  .tech-container,  .two-col-container {    grid-template-columns: 1fr;  }}/*social-media-marketing*//* TOP SECTION */.smm-top {  padding: 50px 40px;  background: #eef0ff;}.smm-top h1 {  font-size: 30px;  font-weight: bold;}.smm-top h1 span {  color: #ff3b3b;}.smm-top p {  max-width: 900px;  color: #444;  margin-top: 12px;  line-height: 26px;}/* BRAND POSITIONING */.smm-brand {  padding: 50px 40px; }.brand-container {  max-width: 1200px;  margin: auto;  display: grid;   grid-template-columns: 1.2fr 1fr;  gap: 40px;  align-items: center;}.brand-text h2 {  font-size: 26px;}.brand-text p {  color: #444;  line-height: 26px;}.brand-img img {  width: 100%;}/* BUILD GROW SERVE TITLE */.smm-title {  text-align: center;  padding: 40px 40px 20px;}.smm-title h2 {  font-size: 32px;}.smm-title h2 span {  color: #ff3b3b;}/* FOUR BOX SECTION */.smm-four-boxes {  padding: 60px 40px;}.four-box-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.box h2 {  margin-bottom: 10px;}.box p {  color: #444;  line-height: 26px;}/* FINAL CTA */.smm-final {  padding: 40px;  text-align: center;  background: #eef0ff;}.smm-final .btn-red {  padding: 12px 26px;  background: #ff3b3b;  color: #fff;  border-radius: 6px;  text-decoration: none;}/* RESPONSIVE */@media (max-width: 768px) {  .brand-container,  .four-box-container {    grid-template-columns: 1fr;  }}/*online-advertising.php*//* TOP SECTION */.ads-top {  padding: 50px 40px;  background: #eef0ff;}.ads-top h1 {  font-size: 30px;  font-weight: bold;}.ads-top h1 span {  color: #ff3b3b;}.ads-top p {  margin-top: 12px;  max-width: 900px;  line-height: 26px;  color: #444;}.ads-top ul {  margin-top: 15px;  padding-left: 20px;}.ads-top ul li {  margin-bottom: 6px;  color: #444;}/* APPROACH SECTION */.ads-approach {  padding: 50px 40px;}.approach-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  align-items: center;}.approach-text h2 span {  color: #ff3b3b;}.approach-text ul {  padding-left: 20px;  margin-bottom: 20px;}.approach-text ul li {  margin-bottom: 8px;}.approach-img img {  width: 100%;}/* TWO COLUMN ADS SECTION */.ads-two-col {  padding: 50px 40px;}.ads-two-col-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.ads-box {  background: #f5f7ff;  padding: 25px;  border-radius: 10px;  border: 1px solid #e6e6e6;}.ads-box h2 {  margin-bottom: 10px;}.ads-box ul {  padding-left: 20px;}/* FINAL CTA */.ads-final {  padding: 40px;  text-align: center;  background: #eef0ff;}.ads-final .btn-red {  padding: 12px 26px;  background: #ff3b3b;  color: #fff;  border-radius: 6px;  text-decoration: none;}/* RESPONSIVE */@media (max-width: 768px) {  .approach-container,  .ads-two-col-container {    grid-template-columns: 1fr;  }}/*graphic-design.php*//* TOP SECTION */.gd-top {  padding: 50px 40px;  background: #eef0ff;}.gd-top h1 span {  color: #ff3b3b;}.gd-top h1 {  font-size: 30px;  font-weight: bold;}.gd-top p {  max-width: 900px;  margin-top: 12px;  line-height: 26px;  color: #444;}/* IMAGE TEXT SECTION */.gd-img-text {  padding: 50px 40px;}.gd-img-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1.2fr;  gap: 40px;  align-items: center;}.gd-img-text-box h2 span {  color: #ff3b3b;}.gd-img-text-box p {  line-height: 26px;  color: #444;}.gd-img-side img {  width: 100%;}/* YOUR VISION SECTION */.gd-vision {  padding: 50px 40px;  background: #fff;}.gd-vision h2 span {  color: #ff3b3b;}.gd-vision p {  max-width: 900px;  line-height: 26px;  color: #444;}/* GRAPHIC DESIGN SERVICES */.gd-services {  padding: 50px 40px;  background: #eef0ff;}.gd-services h2 span {  color: #ff3b3b;}.gd-services .services-container {  max-width: 1200px;  margin: auto;  display: block;}.gd-grid {  margin-top: 30px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.gd-box h3 {  margin-bottom: 10px;}.gd-box p {  line-height: 26px;  color: #444;}/* FINAL QUOTE BUTTON */.center-btn {  text-align: center;  margin-top: 30px;}/* FINAL SECTION */.gd-final {  padding: 60px 40px;  text-align: center;}.gd-final h2 span {  color: #ff3b3b;}.gd-final p {  max-width: 900px;  margin: 15px auto;  color: #444;  line-height: 26px;}/* RESPONSIVE */@media (max-width: 768px) {  .gd-img-container,  .gd-grid {    grid-template-columns: 1fr;  }}/*animation.php*//* HERO SECTION */.anim-top {  padding: 50px 40px;  background: #eef0ff;}.anim-top h1 {  font-size: 30px;  font-weight: bold;}.anim-top h1 span {  color: #ff3b3b;}.anim-top p {  max-width: 900px;  margin-top: 12px;  line-height: 26px;  color: #444;}/* CORE ANIMATION */.anim-core {  padding: 50px 40px;}.core-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 40px;  align-items: center;}.core-text h2 span {  color: #ff3b3b;}.core-text p {  line-height: 26px;  color: #444;}.core-img img {  width: 100%;}/* TITLE */.anim-title {  padding: 40px 40px 20px;  text-align: center;}.anim-title h2 {  font-size: 32px;}.anim-title h2 span {  color: #ff3b3b;}/* TWO COLUMN SERVICES */.anim-two-col {  padding: 50px 40px;}.two-col-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.anim-box h2 {  margin-bottom: 10px;}.anim-box p {  color: #444;  line-height: 26px;}/* FINAL CTA */.anim-final {  padding: 40px;  background: #eef0ff;  text-align: center;}.anim-final .btn-red {  padding: 12px 26px;  background: #ff3b3b;  color: #fff;  border-radius: 6px;  text-decoration: none;}/* RESPONSIVE */@media (max-width: 768px) {  .core-container,  .two-col-container {    grid-template-columns: 1fr;  }}/*video-editing.php*//* HERO SECTION */.ve-top {  padding: 50px 40px;  background: #eef0ff;}.ve-top h1 {  font-size: 30px;  font-weight: bold;}.ve-top h1 span {  color: #ff3b3b;}.ve-top h3 {  margin-top: 15px;}.ve-top p {  max-width: 900px;  margin-top: 12px;  line-height: 26px;  color: #444;}/* ACCESS SECTION */.ve-access {  padding: 50px 40px;}.access-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1.2fr 1fr;  gap: 40px;  align-items: center;}.access-text h2 span {  color: #ff3b3b;}.access-text p {  line-height: 26px;  color: #444;}.access-img img {  width: 100%;}/* VIDEO TEAM SECTION */.ve-team {  padding: 60px 40px;}.team-container h2 span {  color: #ff3b3b;}.team-videos {  margin-top: 25px;  display: grid;  grid-template-columns: 1fr 1fr 1fr;  gap: 30px;}/* TITLE */.ve-title {  text-align: center;  padding: 40px;}.ve-title h2 {  font-size: 32px;}.ve-title h2 span {  color: #ff3b3b;}/* BOXES */.ve-boxes {  padding: 50px 40px;  background: #eef0ff;}.ve-box-container {  max-width: 1200px;  margin: auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px;}.ve-box h2 {  margin-bottom: 10px;}.ve-box p {  color: #444;  line-height: 26px;}/* FINAL CTA */.ve-final {  padding: 40px;  text-align: center;}.ve-final .btn-red { width: auto; font-size: 20px; padding: 12px 26px;  background: #ff3c38;  color: #fff;  border-radius: 6px;  text-decoration: none;}/* RESPONSIVE */@media (max-width: 768px) {  .access-container,  .team-videos,  .ve-box-container {    grid-template-columns: 1fr;  }}/* Privacy Policy Page */.privacy-section {  padding: 50px 0;  background: #ffffff;  max-width: 1400px;  margin: 0 auto;}.privacy-section .page-title {  font-size: 36px;  font-weight: 700;  margin-bottom: 20px;  color: #111;  text-transform: uppercase;}.privacy-section .intro-text {  font-size: 16px;  color: #555;  margin-bottom: 30px;  line-height: 1.7;}.privacy-section h2 {  font-size: 26px;  font-weight: 700;  margin-top: 40px;  color: #000;  border-left: 4px solid #ff3c00;  padding-left: 12px;}.privacy-section h3 {  font-size: 20px;  font-weight: 600;  margin-top: 20px;  color: #222;}.policy-list {  margin: 10px 0 20px 20px;}.policy-list li {  margin-bottom: 8px;  line-height: 1.6;  color: #333;  font-size: 15px;}.privacy-section p {  font-size: 15px;  color: #444;  line-height: 1.7;  margin-top: 10px;}.thank-you {  margin-top: 40px;  font-style: italic;  color: #222;  font-weight: 600;}/*Home*/* {  margin: 0;  padding: 0;  box-sizing: border-box;  font-family: "Poppins", sans-serif;}body {  background: #fff;  color: #333;}/* BUTTON */.btn-red {  background: #fc322d;  color: #fff;  padding: 12px 20px;  border: none;  width: 100%;  cursor: pointer;  border-radius: 6px;  font-size: 16px;}.btn-red:hover {  background: #e03a3a;}/* HERO SECTION */.hero {  padding: 50px 5%;  background: url("../images/bg.jpg") no-repeat center/cover;}.hero-wrapper {  display: flex;  align-items: center;  justify-content: space-between;  gap: 40px;}/* .hero-left {  flex: 1;} */ .hero-left h1 {  font-size: 40px;  font-weight: 700;}.hero-left h1 span {   color: #ff3b3b;}.hero-left p {  margin: 15px 0 25px;  line-height: 1.7;}.estimate-form input {  width: 100%;  padding: 12px;  margin-bottom: 12px;  border: 1px solid #ccc;  border-radius: 5px;}.captcha-box {  font-size: 14px;  margin: 8px 0 18px;}/* .hero-right {  flex: 1;} */.hero-right video {  width: 100%;  border-radius: 10px;}/* WHY US */.why-us {  padding: 50px 5%;  text-align: center;}.why-us h2 span {  color: #ff3b3b;}/* .stats {  margin-top: 40px;  display: flex;  justify-content: center;  gap: 40px;} */.stat-box {  background: #fff;  padding: 25px;  border-radius: 10px;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);  width: 170px;}/* .stat-box h3 {  font-size: 32px;  color: #ff3b3b;} *//* PORTFOLIO */.portfolio {  padding: 50px 5%;  text-align: center;  background: #f3f0ff;}.portfolio h2 span {  color: #ff3b3b;}.portfolio-filters {  margin: 20px 0 30px;}.portfolio-filters button {  padding: 10px 18px;  border: none;  background: #ddd;  margin: 0 5px;  border-radius: 6px;  cursor: pointer;}.portfolio-filters .active {  background: #ff3b3b;  color: #fff;}.portfolio-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 25px;}.portfolio-grid img {  width: 100%;  border-radius: 10px;}/* AVAILABLE *//* TESTIMONIAL *//*Home tab*/.portfolio-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 15px;}.portfolio-grid img {  width: 100%;  border-radius: 0px;}/*Thanku*/.thankyou-section {  text-align: center;  padding: 50px 20px;  background: #fff;}.thankyou-section h1 {  color: #d60000;  font-size: 40px;  margin-bottom: 10px;  text-transform: uppercase;}.thankyou-section p {  font-size: 18px;  color: #444;  margin-bottom: 40px;}/* Services Grid */.services-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 25px;  padding: 40px 60px;}.service-card {  background: #fff;  padding: 25px;  border-radius: 8px;  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);  transition: 0.3s;  text-align: center;}.service-card:hover {  transform: translateY(-5px);}.service-card img {  width: 50px;  height: 50px;  object-fit: cover;  margin-bottom: 15px;}.service-card h3 {  font-size: 18px;  color: #d60000;  margin-bottom: 10px;  text-transform: uppercase;}.service-card p {  color: #555;  font-size: 15px;  line-height: 1.4;}

.privacy-section {
	overflow: inherit;
	width: 100%;
}
.wd-plan-launch .container .plan-launch-container {
	align-items: center !important;
}

/* ************ */

/**Home***/
.why-us h2 {
	font-weight: 700;
}
.why-us .why-desc.animate.p-animate {
	font-size: 20px;
	max-width: 100%;
	color: #000000;
}
.hero.home_heroFirst .hero-wrapper .hero-left p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
	padding: 15px 0;
	margin: 0 !important;
}
html body .cro-section-one .hero-left > p:nth-child(2) {
	padding-bottom: 0 !important;
}
.services-section_head {
	padding-top: 50px;
}
.services-section .services-container .service-box h3 {
	font-size: 22px;
	font-weight: 600 !important;
	text-transform: capitalize;
	color: #000000;
}
.services-section .services-container .service-box {
	border-color: #ff3b3b;
	border-radius: 0;
	border-width: 2px;
}
.portfolio h2 {
	margin-bottom: 30px;
}
.portfolio .portfolio-content .portfolio-item {
	border: 2px solid #ff3c38;
	border-radius: 4px;
	background: #ff3c38;
	box-shadow: 0px 1px 10px 0px rgba(98, 98, 98, 0.77);
	cursor: pointer;
	position: relative;
}

/**home***/


.cv-header .container {
	padding-bottom: 0;
}


   /* MAIN SERVICE MENU BAR */
    .service-bar{
    /*   position:relative;
      border-top:1px solid #f0f0f0;
      border-bottom:2px solid #e53e3e; */
      padding:0 40px;
    }

    .service-menu{list-style:none;
      display:flex;
      justify-content:space-between;
      max-width:900px;
      margin:0 auto;
    }

    .service-menu > li{
      position:relative;
      padding:18px 0;
      font-size:13px;
      font-weight:700;
      text-transform:uppercase;
      cursor:pointer;
      letter-spacing:.5px;
    }

    .service-menu > li span{
      white-space:nowrap;
    }

    /* .service-menu > li.active{
      color:#e53e3e;
    } */

    /* MEGA MENU */
    .mega-menu{
      position:absolute;
      left:0;
      right:0;
      top:100%;
      background:#fff;
      border-top:2px solid #e53e3e;
      padding:30px 80px 30px;
      display:none;
      box-shadow:0 6px 18px rgba(0,0,0,.06);
      z-index:50;
    }

    .mega-inner{
      display:flex;
      gap:60px;
      max-width:900px;
      margin:0 auto;
    }

    .mega-col{
      flex:1;
    }

    .mega-col h4{
      font-size:14px;
      margin-bottom:10px;
      text-transform:uppercase;
      letter-spacing:.5px;
    }

    .mega-col ul{
      list-style:none;
    }

    .mega-col li{
      margin-bottom:6px;
    }

    .mega-col a{
      font-size:13px;
      text-decoration:none;
      color:#111;
    }

    .mega-col a:hover{
      text-decoration:underline;
    }
    .menu-toggle{
      display:none;
      width:32px;
      height:32px;
      border:none;
      background:transparent;
      flex-direction:column;
      justify-content:center;
      gap:5px;
      cursor:pointer;
    }

    .menu-toggle span{
      height: 2px;
      width: 100%;
      background: #333;
      display: block;
      transition: .3s;
    }


.container {
	max-width: 1300px;
	margin: 0 auto;
    padding: 10px;
}           
.hero.home_heroFirst {
	background-image: url('https://developer.dbuglab.com/AK/AP/cvs/assets/images/cool.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.hero.home_heroFirst .hero-wrapper {
	min-height: inherit;
	gap: normal;
	
}

.hero.home_heroFirst .hero-wrapper .hero-left {
	width: 50%;
	flex: inherit;  
	padding-right: 40px !important;
}
.hero.home_heroFirst .hero-wrapper .hero-right {
	width: 50%;
	flex: inherit;
	display: block;
}
.hero.home_heroFirst .hero-wrapper .hero-left h1 {
	font-weight: 700;
	line-height: 45px !important;
	color: #191919;
	font-family: "Oxanium", sans-serif !important;
	font-size: 45px;
}
 .hero.home_heroFirst .hero-wrapper .hero-left h1 span {
	font-family: Oxanium, sans-serif !important;
}
.hero.home_heroFirst .hero-wrapper .hero-right iframe {
	width: 100%;
	height: aut%;
}
h2 {
	font-weight: 700;
	line-height: 48px;
	color: #191919;
	font-family: "Oxanium", sans-serif !important;
	font-size: 40px !important;
	margin-bottom: 12px;
}

.hero.home_heroFirst .hero-wrapper .hero-right iframe {
	width: 100%;
	height: 100%;
	min-height: 380px;
}
.anim-core .core-container .core-text .btn-red {
	margin-top: 12px;
}

/* SERVICES */


   /* MAIN SERVICE MENU BAR */
    .service-bar{
    /*   position:relative;
      border-top:1px solid #f0f0f0;
      border-bottom:2px solid #e53e3e; */
      padding:0 40px;
    }

    .service-menu{
      list-style:none;
      display:flex;
      justify-content:space-between;
      max-width:900px;
      margin:0 auto;
    }

    .service-menu > li{
      position:relative;
      padding:18px 0;
      font-size:13px;
      font-weight:700;
      text-transform:uppercase;
      cursor:pointer;
      letter-spacing:.5px;
    }

    .service-menu > li span{
      white-space:nowrap;
    }

    /* .service-menu > li.active{
      color:#e53e3e;
    } */

    /* MEGA MENU */
    .mega-menu{
      position:absolute;
      left:0;
      right:0;
      top:100%;
      background:#fff;
      border-top:2px solid #e53e3e;
      padding:30px 80px 30px;
      display:none;
      box-shadow:0 6px 18px rgba(0,0,0,.06);
      z-index:50;
    }

    .mega-inner{
      display:flex;
      gap:60px;
      max-width:900px;
      margin:0 auto;
    }

    .mega-col{
      flex:1;
	  line-height: normal;
    }

    .mega-col h4{
      font-size:14px;
      margin-bottom:10px;
      text-transform:uppercase;
      letter-spacing:.5px;
    }

    .mega-col ul{
      list-style:none;
    }

    .mega-col li{
      margin-bottom:6px;
    }

    .mega-col a{
      font-size:13px;
      text-decoration:none;
      color:#111;
    }

    .mega-col a:hover{
      text-decoration:underline;
    }
    .menu-toggle{
      display:none;
      width:32px;
      height:32px;
      border:none;
      background:transparent;
      flex-direction:column;
      justify-content:center;
      gap:5px;
      cursor:pointer;
    }

    .menu-toggle span{
      height: 2px;
      width: 100%;
      background: #333;
      display: block;
      transition: .3s;
    }



.services {

  text-align: center;
}

.services h2 span {
  color: #ff3b3b;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}


.service-box h3 {
  color: #ff3b3b;
}

.service-box a {
  display: inline-block;
  margin-top: 10px;
  color: #ff3b3b;
  text-decoration: none;
  font-weight: 600;
}
.why-us .stats {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 30px;
}
.why-us .stats .stat-box {
	width: 100%;
}

.why-us .stats .stat-box {
	width: 100%;
	padding: 30px 20px;
}
.why-us .stats .stat-box h3 {
	font-size: 50px;
	color: #ff3b3b;
	font-family: "Oxanium", sans-serif !important;
}
.why-us .stats .stat-box p {
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	font-family: "Oxanium", sans-serif !important;
}
.why-us .why-desc {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 26px;
}
.services-section_head {
	width: 100%;
	margin-bottom: 40px;
}
.services-section_head .services-desc {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}
.services-section_head .services-title {
	text-align: center;
}
.services-section {
	width: 100%;
}

.services-section .services-container {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
	margin: 0;
	width: 100%;
	row-gap: 80px;
	margin: 90px 0;
}
.service-box {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	text-align: left;
	border: 1px solid #eaeaea;
	transition: 0.3s ease;
	min-height: 220px;
}

.services-section .service-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	border-color: #ff3b3b;
}

.services-section  .service-box img {
	width: 70px;
	height: 70px;
	margin-bottom: 20px;
	margin: -70px auto;
	display: table;
	margin-bottom: 20px;
	border-radius: 10px;
	object-fit: cover;
}

.services-section  .service-box h3 {
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	color: #ff3b3b;
	font-family: "Oxanium", sans-serif !important;
	text-align: center;
	margin: 20px 0 15px 0;
}

.services-section  .service-box p {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #000000;
	font-family: "Oxanium", sans-serif !important;
	text-align: center;
}


.portfolio {
	width: 100%;
	padding: 50px 0;
}

.portfolio-tabs {
  text-align: center;

  margin-bottom: 25px;
}
.available-on a {
	max-width: 25%;
	width: 25%;
}
.portfolio-tabs .tab-btn {
	cursor: pointer;
	transition: 0.3s;
	padding: 10px 30px;
	font-size: 20px;
	border: 1px solid #ff3c38;
	border-radius: 10px;
	margin: 0 4px;
	background: #fff;
	color: #ff3b3b;
}

.portfolio-tabs .tab-btn.active, .portfolio-tabs .tab-btn:hover {
	background: #ff3b3b;
	color: #fff;
}
.tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.tab-content.active {
  display: block;
  opacity: 1;
}
.portfolio-content {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
}

.available-on {
  padding: 50px 5%;
  text-align: center;
}

.available-grid {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-top: 30px;
}

.available-grid img {
	width: 100%;
	opacity: 1;
	padding: 50px 20px;
	max-height: 140px;
	text-align: center;
	min-height: 140px;
	border-radius: 40px 8px;
	/* box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.0784313725490196); */
	background: #e7e7ff;
	max-width: 300px;
	object-fit: contain;
}



.testimonial {
  padding: 50px 5%;
  background-color: #e7e7ff;
}
.testimonial .test-left p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.testimonial .test-slider p {
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 20px;
}
.testimonial .test-slider .test-card {
	padding: 20px;
}
.testimonial .test-slider .test-card .author {
	text-align: left;
}

.test-wrapper {
	display: flex;
	gap: 40px;
	align-items: center;
}
.test-left {
  font-size: 18px;
  line-height: 1.7;
  width: 50%;
  padding-right: 20px;
}

.test-card {
	background: #fff;
	padding: 65px 30px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.test-card .author {
	display: block;
	margin-top: 15px;
	font-weight: 700;
	color: red;
}
.test-wrapper .test-left h2 {
	text-align: left;
}

.test-wrapper .test-left p.text {
	text-align: left;
}

.test-slider .test-nav {
	display: none;
}
svg.e-font-icon-svg.e-fas-phone-alt, svg.e-font-icon-svg.e-far-envelope-open, svg.e-font-icon-svg.e-fas-map-marker-alt {
	width: 15px;
	fill: #fff;
}


.cv-footer {
  background: #2867b2;
  color: #fff;
  padding: 50px 00px 0;
  font-family: "Poppins", sans-serif;
}

.cv-footer-container {
  max-width: 1500px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
}

.cv-footer-logo {
	width: 100%;
	margin-bottom: 0;
	max-width: 200px;
}
.cv-footer-col.logo-col .cv-footer-text {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 400;
}
.cv-footer-col.logo-col .cv-footer-text br {
	display: none;
}
.cv-footer-col.logo-col .cv-social-icons {
	margin-top: 30px;
}
.cv-footer-container .cv-footer-col h3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 31px;
}

.cv-footer-text {
  color: #d8e6f2;
  margin-bottom: 20px;
  line-height: 1.6;
}

.cv-social-icons a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: transparent;
	color: #ff4b4b;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	margin-right: 8px;
	font-size: 15px;
	transition: 0.3s;
}
.cv-social-icons a .e-font-icon-svg {
	fill: white;
	width: 30px;
	height: 30px;
	border-radius: 20px;
}
.cv-social-icons a:hover {
  background: #ff4b4b;
  color: #fff;
}
  
.cv-footer-col h3 {
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 3px solid #ff3c38;
	display: table;
	padding-right: 10px;
}

.cv-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cv-footer-col ul li {
  margin-bottom: 8px;
}

.cv-footer-col ul li a {
  color: #e2e8f0;
  text-decoration: none;
  transition: 0.3s;
}

.cv-footer-col ul li a:hover {
  color: #ff4b4b !important;
}

.cv-footer-col p {
  margin: 10px 0;
  line-height: 1.5;
}

.cv-footer-col i {
  color: #ff4b4b;
  margin-right: 8px;
}

.cv-footer-bottom {
  background: #081833;
  text-align: center;
  padding: 12px 0;
  margin-top: 40px;
  font-size: 14px;
  color: #97a7c0;
}



/* **************** */

.cv-nav ul {
	display: flex;
	list-style: none;
	gap: 40px;
	margin-right: 20px;
	align-items: center;
}
.cv-nav a {
	text-decoration: none;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	font-family: "Oxanium", sans-serif !important;
}

.cv-nav a:hover,
.cv-nav a.active {
  color: #ff4136;
  font-weight: bold;
}


.cv-nav .cv-quote-btn {
	background: #ff4136;
	color: #fff;
	padding: 10px 25px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}

.cv-nav .cv-quote-btn:hover {
  background: #e2342b;
  color: #fff;
} 

.cv-contact-btn {
	background: #ff4136;
	color: #fff;
	padding: 15px 60px;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1px;
	width: 40%;
}

.cv-contact-btn:hover {
  background: #e2342b;
  color: #fff;
}


.cutom_navbar {
	width: 100%;
	background: #fff;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* position: relative; */
	z-index: 999;
	/* border-bottom: 1px solid #eee; */
	padding-bottom: 0;
	padding-top: 0;
	position: absolute;
	top: 85px;
	left: 0;
	max-width: 1300px;
	margin: 0 auto;
	right: 0;
	/* transition: all 0.3s ease; */
	/* max-width: calc(100% - 100px); */
}
.page-scroll .cv-header .navbar.cutom_navbar {
	background: #fff;
	height: 74px;
	position: fixed;
	top: 0;
	z-index: 1000;
	/* max-width: 94%; */
}
.cutom_navbar .logo_fix_stocc img {
  height: 50px;

  margin-right: 40px;
}

.cv-header {
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px 50px;
	position: relative;
	padding-bottom: 0;
	max-width: 100%;
	background: #fff;
	z-index: 9999;
	height: 151px;
	/* transition: all 0.1s ease; */
}
.cutom_navbar .menu {
	list-style: none;
	display: flex;
	gap: 30px;
	width: 100%;
	justify-content: space-between;
}
.cutom_navbar .menu-item {
  position: static;
}

.cutom_navbar .menu-item > a {
	text-transform: uppercase;
	text-align: center;
	line-height: 22px;
	display: block;
	padding: 10px 10px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	font-family: "Oxanium", sans-serif !important;
	text-decoration: none;
	position: relative;
	text-align: left;
}

.cutom_navbar .menu-item > a:hover {
  color: #e7342c;
}

.cutom_navbar .logo_fix_stocc {
	display: none;
}
.submenu_mainsr h4 {
	font-size: 16px;
	margin-bottom: 15px;
	display: none;
}

.cutom_navbar .logo_fix_stocc img:hover {
	animation: spin 1s linear infinite;
}


/* .submenu_mainsr {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 15px 15px 30px 15px;
	display: none;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
	border-top: 3px solid #e7342c;
	box-shadow: 0 2px 16px rgba(39, 43, 49, .2);
} */
/* .menu-item:hover > .submenu_mainsr {
  display: block;animation: popupFade 0.3s ease-in-out;
} */

.submenu_mainsr .submenu {
	list-style: none;
	margin: 0;
	padding: 0 10px;
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	grid-gap: inherit;
	grid-template-columns: repeat(4, 1fr);
}
.menu-item .submenu_mainsr ul li a:hover {
	color: #ff4136 !important;
}
.submenu_dev_design h5 a {
	text-decoration: none;
}
.submenu_mainsr_dev {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	padding: 0 10px;
}
.menu-item .submenu_mainsr ul li a {
	font-size: 15px !important;
	line-height: 20px;
	padding: 10px 0 !important;
	color: #000 !important;
}

.menu-item .submenu_mainsr ul li {
	margin: 0;
}
.submenu_mainsr .submenu {
	grid-gap: inherit;
}

.submenu_mainsr .submenu li a, .submenu_dev li a {
    padding: 0px 0px;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-family: "Oxanium", sans-serif !important;
	font-size: 15px;
	color: #333;
	transition: color 0.2s ease;
}

.submenu {
  padding: 0;
  margin: 0;
  list-style: none;
}



.submenu li a {
  font-size: 15px;
  color: #333;
  font-weight:500
}



.page-scroll .cv-header {
	border-color: #ff4136;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	padding-top: 0;
}
.page-scroll .cv-header .cv-top-bar {
	/* height: 0; */
	/* visibility: hidden; */
	opacity: 0;
	/* transition: all 2.2s ease; */
	/* width: 0; */
	/* transform: translateY(-100vh); */
	height: 0;
}
.page-scroll .cv-header .cv-top-bar .cv-logo {
	opacity: 0.2;
}
.page-scroll .cv-header {
	border-color: #ff4136;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-width: 3px;
	height: 77px;
}

.cv-top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	max-width: 1300px;
	margin: 0 auto;
	transition: all 0.3s linear;
	/* max-width: calc(100% - 100px); */
}
.page-scroll .cutom_navbar .logo_fix_stocc {
	display: block;
}


.mobile_menu_sr {
	display: none;
}

.portfolio-grid img {
	height: 240px;
	object-fit: cover;
}

/*****who-we-are-page*****/

body, body h1, body h2, body h3, body h4, body h5, body h6, body p, body span, body a, body b, body li, body ul, body strong, body button, body div, body label {
	font-family: "Oxanium", sans-serif !important;
}
.who-top h1 {
	font-size: 47px;
	font-weight: 700;
}
.who-top p {
	max-width: 900px;
	margin-top: 15px;
	font-size: 20px;
	color: #000000;
	max-width: 100%;
	line-height: 26px;
}
.mission-text ul li {
	padding-bottom: 15px;
}
.mission-text h2 {
	color: #000;
	font-size: 47px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 15px;
}
.mission-text p, .mission-text ul {
	margin-bottom: 12px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.mission-text h3 {
	color: #000;
	font-size: 26px;
	padding: 25px 0;
	font-weight: 600;
}
 h3 {
	font-weight: 600 !important;
}
.who-content p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.who-content {
	background: #E7E7FF;
	padding: 50px 40px;
}
.who-content .who-columns .column h3 {
	font-size: 20px;
	color: #000;
	padding: 0 0 20px 0;
}
.who-content .who-columns .column ul li {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	list-style: circle;
	padding-bottom: 15px;
}
.who-content .who-columns .column ul li b {
	font-size: 20px;
}
.promise-section .promise-container .promise-container-inr {
	width: 50%;
}
.promise-section .promise-container .promise-container-doun {
	width: 50%;
}
.promise-section .promise-container .promise-container-inr h2 {
	color: #000000;
	font-size: 47px;
	font-weight: 600;
}
.promise-section .promise-container p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	padding: 5px 0;
}
.promise-section .promise-container ul li {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	padding-bottom: 15px;
}
.promise-section .promise-container ul li b {
	font-weight: bold;
	font-size: 20px;
}
.promise-section .promise-container .promise-container-doun .promise-img {
	max-width: 400px;
	width: 100%;
	display: block;
	position: static;
	float: right;
}
.promise-section .promise-container {
	display: flex;
	align-items: center;
}
.qualities-section h2 {
	font-size: 47px;
}
h2 {
	line-height: 100%;
	color: #000;
}
.qualities-section .q-box .q-number {
	color: #000000;
	font-size: 50px;
	font-weight: 600;
}
.qualities-section .q-box h3 {
	color: #000;
	font-size: 25px;
	font-weight: 600;
	line-height: 100%;
	padding-top: 20px;
	color: #000;
}

.qualities-section .q-box p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	padding-top: 20px;
}
.page-scroll .cv-header {
	z-index: 9;
}
.box-bag-titel {
	display: flex;
	justify-content: space-between;
}
.qualities-section .q-box {
	border-radius: 0;
	border: none;
}
.qualities-section .qualities-grid {
	gap: 17px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 25px;
}

.qualities-section .q-box .box-bag-titel {
	padding-top: 0px;
}

.qualities-section {
	padding: 50px 40px;
	background: #ebf3fa;
}
.mission-block .mission-container {
	width: 100%;
	max-width: 100%;
	display: flex;
	gap: 0;
}
.who-content .who-wide {
	max-width: 100%;
}
.promise-section .promise-container {
	max-width: 100%;
}
.promise-container ul {
	margin-top: 10px;
	font-size: 17px;
	line-height: 26px;
	margin-left: 15px;
}
.who-top {
	padding: 50px 40px;
	background: #E7E7FF;
}
.cv-header {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 0;
}
.mission-img img {
	width: 100%;
	margin-top: 0px;
	max-width: 540px;
	float: right;
}
section {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.mission-block .mission-container .mission-text {
	width: 50%;
	max-width: 100%;
}
.mission-block .mission-container .mission-img {
	width: 50%;
}
.mission-block p {
	display: inline;
}
.mission-block {
	padding: 50px 0;
}
.who-content .who-wide p {
	display: inline;
}
.who-content .who-wide .who-columns {
	margin-top: 45px;
}
/*****who-we-are-page-And*****/





/*****services-page-And*****/
.services-banner p, .services-banner h1 {
	text-align: left;
}

.services-banner .services-banner-content h1 {
	font-size: 46px;
	font-weight: 700;
}
.services-banner-content p {
	margin-top: 10px;
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.services-banner {
	padding: 50px 20px;
}
.wd-final-cta .cta-container p {
	text-align: left;
}
.wd-final-cta .cta-container p {
	text-align: left !important;
	width: 100% !important;
	max-width: 100% !important;
}
.wd-final-cta .cta-container {
	text-align: left;
}
.seo-ecom {
	text-align: left;
}
.cms-amp .cms-amp-container h3, .cms-amp .cms-amp-container p {
	text-align: left;
}
.maint-block h2, .maint-block p, .maint-block a, .maint-block #website {
	text-align: left !important;
}
/*****services-page-And*****/


/*****contact-page-And*****/


.contact {
	background-color: #EBF3FA;
	padding: 50px 0;
}
.contact h2 {
	font-size: 44px;
}
.contact-section .left-side h3 {
	font-size: 25px;
	line-height: 29px;
	padding-bottom: 3px !important;
	display: block;
	margin: 0;
	font-weight: 600 !important;
}
.contact-section .left-side .info-block .Office-text p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.contact-section .left-side .info-block {
	display: flex;
	align-items: self-start;
}
.contact-section {
	max-width: 100%;
	margin: auto;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	gap: normal;
    flex-wrap: wrap;
	align-items: self-start;
}
.contact-section .left-side {
	width: 50%;
	max-width: 50%;

}
.contact-section .right-side {
	width: 50%;
	max-width: 50%;
	  padding: 10px;
	  padding-left: 30px;
	  margin-top: 24px;
}

.contact-section .left-side .info-block .Office-text {
	padding: 10px 10px 10px 40px;
}
.contact-section .left-side .info-block .Office-text strong {
	width: 100%;
	display: block;
	color: #000000;
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 2px;
}
.contact-section .left-side .info-block .Office-text .phone {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}
.contact-section .left-side .info-block .Office-img {
	padding-top: 10px;
}
.contact-section .right-side h1 {
	color: #000000;
	font-size: 32px !important;
	font-weight: 500;
}
.contact-section .right-side form label {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.contact-section .right-side form .cv-captcha-box #cvCaptchaText {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.contact-section .right-side form .cv-captcha-box {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin-bottom: 4px;
	display: block;
}
.contact-section .right-side form input::placeholder {
	color: #7a7a7a59;
}
.contact-section .right-side form {
	gap: 0;
}
.contact-section .right-side form input {
	border: 1px solid #000;
	border-radius: 0;
	margin-bottom: 15px;
	height: 43px;
}
.contact-section .right-side form select {
	margin-bottom: 15px;height: 43px;
}

.contact-section .right-side form .submit-btn:hover {
	background-color: #ff3c2f;
}
.contact-section .right-side select {
	border: 1px solid #000;
	border-radius: 0;
}
.contact-section .right-side form textarea {
	border: 1px solid #000;
	border-radius: 0;
	margin-bottom: 15px;
	height: 202px !important;
	min-height: 120px !important;
}
.contact-section .right-side form .submit-btn {
	font-weight: 600 !important;
	margin: 10px 0 0 0 !important;
	background-color: #e12a1d !important;
	font-size: 16px;
	border-radius: 0;
	padding: 10px;
	height: 43px;
}
.contact-section .left-side iframe {
	height: 387px !important;
	min-height: 378px !important;
}
.contact-section .left-side .info-block .contact_map {
	margin-top: 35px;
	height: 100% !important;
}
/*****contact-page-And*****/




/*****Wd-page*****/


.wd-image-card .wd-card-box {
	max-width: 100%;
	margin: auto;
	padding: 0;
	background: #fff;
	border-radius: 0;
	border: 0;
	display: flex;
	align-items: center;
}
.wd-image-card .wd-card-box .wd-card-img {
	width: 50%;
	width: 50%;
}
.wd-image-card .wd-card-box .wd-card-text {
	width: 50%;
	max-width: 50%;
}
.wd-image-card .wd-card-box .wd-card-text h2 {
	font-size: 40px;
}
.wd-image-card .wd-card-box .wd-card-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.wd-image-card .wd-card-box .wd-card-text .btn-red {
	width: auto;
	background-color: #FC322D;
	font-size: 20px;
	border-radius: 5px;
	padding: 10px 20px;
	color: #fff !important;
}
.wd-image-card .wd-card-box .wd-card-text .btn-red:hover {
	background-color: #000;
}
.wd-dominate {
	padding: 50px 40px;
	background-color: #E7E7FF;
}
.wd-dom-container h2 {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 600;
	color: #000;
}
.wd-dom-container p {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.wd-dominate .wd-dom-container {
	padding: 0;
	max-width: 100%;
}
.wd-plan-launch .plan-launch-container {
	display: flex;
	max-width: 100%;
	gap: normal;
	justify-content: space-between;
	align-items: end;
}
.wd-plan-launch .plan-launch-container .plan-text {
	width: 50%;
}
.wd-plan-launch .plan-launch-container .plan-img {
	width: 50%;
	display: flex;
	justify-content: center;
}
.wd-plan-launch .plan-launch-container .plan-img img {
	max-width: 500px;
}
.plan-text > h2:nth-child(1) > span:nth-child(1) {
	color: #000;
}
.plan-text > h2:nth-child(1) > span:nth-child(3) {
	color: #000;
}
.wd-plan-launch .plan-launch-container .plan-text h3 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
}
.wd-plan-launch .plan-launch-container .plan-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	padding-top: 20px;
}
.wd-double-section .double-container {
	padding: 0;
	max-width: 100%;
}
.wd-final-cta {
	padding: 50px 40px;
	background: #E7E7FF;
	text-align: center;
}
.wd-final-cta .cta-container p {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 1140px;
	width: 100%;
}

.wd-final-cta .cta-container .btn-red {
	width: auto;
	background-color: #FC322D;
	font-size: 20px;
	border-radius: 5px;
	padding: 10px 20px;
	color: #fff !important;
}

.wd-final-cta .cta-container .btn-red:hover {
	background-color: #000;
}

.wd-main-top p {
	margin-top: 18px;
	max-width: 100%;
	line-height: 26px;
	color: #000;
	font-size: 18px;
}
.wd-full-section {
	background-color: #E7E7FF;
	padding: 50px 0 !important;
}
.wd-full-section h2 {
	font-weight: 600;
	color: #000000;
}
.wd-full-section p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.wd-double-section .double-container {
	display: flex;
	align-items: center;
}
.wd-double-section .double-container .double-box {
	width: 50%;
	max-width: 100%;
}	
.wd-double-section .double-container .double-box img {
	width: 604px;
}
.wd-double-section .double-container .double-box h2 {
	font-size: 32px;
	font-weight: 600;
	color: #000000;
	line-height: 36px;
}
.wd-double-section .double-container .double-box p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	padding-top: 10px;
}

.wd-double-section {
	background-color: #ffffff;
	padding: 50px 0;
}

/*****Wd-page-And*****/





/*****seo-page*****/

.seo-top {
	padding: 50px 40px;
	background: #e7e7ff;
}
.seo-top .seo-container h1 {
	font-size: 40px;
	font-weight: 700;
	color: #000000;
}
.seo-top p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	padding-top: 15px;
}
.seo-technical .tech-container {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0;
	width: 100%;
	gap: normal;
}
.seo-technical .tech-container .tech-text {
	width: 50%;
	max-width: 100%;
}
.seo-technical .tech-container .tech-img {
	width: 50%;
	max-width: 100%;
}
.seo-technical .tech-container .tech-img img {
	width: 604px;text-align: center;
}
.seo-technical .tech-container .tech-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
}
.seo-technical .tech-container .tech-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.seo-technical .tech-container .tech-text .btn-red {
	width: auto;
	font-size: 20px;
	font-weight: 500;
	background-color: #ff3c38;
}

.btn-red {
	background: #ff3c38;
	color: #fff;
	padding: 12px 20px;
	border: none;
	width: 100%;
	cursor: pointer;
	border-radius: 6px;
	font-size: 16px;
	width: auto;
	font-size: 20px;
}
.seo-technical .tech-container .tech-text .btn-red:hover {
	background-color: #000;
	color: #fff;
}
.seo-build-title {
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
}
.seo-build-title h2 {
	font-size: 47px;
	font-weight: 600;
	color: #000000;
	margin: 0;
	padding: 0;
}
.seo-two-col {
	padding: 0 !important;
	max-width: 100%;
	width: 100%;
}
.seo-two-col .two-col-container {
	width: 100%;
	max-width: 100%;
	gap: 20px;
}
.seo-two-col .two-col-container .col-box h2 {
	font-size: 25px !important;
	font-weight: 600;
	color: #000000;
}
.seo-two-col .two-col-container .col-box {
	background-color: #e7e7ff;
	padding: 30px;
}
.seo-two-col .two-col-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.seo-ecom {
	background: transparent;
}
.seo-ecom .ecom-container h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
}
.seo-ecom .ecom-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.seo-ecom .ecom-container p {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	font-size: 20px;
}
.btn-red {
  border-radius: 4px;
}



/*****seo-page-And*****/




/*****smm-page*****/


.smm-top {
	background-color: #E7E7FF;
	padding: 50px 0;
}
.smm-top h1 {
	color: #ff4136;
	font-size: 40px;
	font-weight: 700;
	padding-bottom: 15px;
}
.smm-top h1 span {
	color: #000;
}
.smm-top p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	display: inline;
}

.smm-brand .brand-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.smm-brand .brand-container .brand-text {
	width: 50%;
	max-width: 50%;
}
.smm-brand .brand-container .brand-img {
	width: 50%;
	max-width: 50%;
	text-align: right;
}

.smm-brand .brand-container .brand-img img {
	width: 554px;
	text-align: center;
}
.smm-brand .brand-container .brand-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	color: #000000;
}
.available-grid img:hover {
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.0784313725490196) !important;
}
.wd-top-container p {
	font-size: 20px;
	line-height: 26px;
}
.smm-brand .brand-container .brand-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.btn-red:hover {
	background: #000 !important;
}
.smm-brand {
	padding: 50px 40px;
}
.smm-title {
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
	text-align: left;
}
.smm-title h2 {
	font-size: 47px;
	font-weight: 600;
	color: #000;
	margin: 0;
	padding: 0;
}
.smm-four-boxes {
	padding: 0 !important;
	margin: 0 auto;
}
.smm-four-boxes .four-box-container {
	margin: 0;
	padding: 0;
	gap: 20px;
	width: 100%;
  max-width: 100%;
}
.smm-four-boxes .four-box-container .box h2 {
	font-size: 25px !important;
	font-weight: 600;
	color: #000000;
}
.smm-four-boxes .four-box-container .box p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	display: inline;
}
.smm-four-boxes .four-box-container .box {
	background-color: #e7e7ff;
	padding: 30px;
}
.smm-final {
	background: transparent;
	padding-top: 20px;
}

/*****smm-page-And*****/



/*****ads-page*****/

.ads-top {
	background-color: #e7e7ff;
}
.ads-top {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.ads-top h1 {
	color: #000000;
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
}
.ads-top p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.ads-top ul li {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000;
	margin: 0;
	padding-bottom: 15px;
}
.ads-approach .approach-container {
	display: flex;
	padding: 0;
	margin: 0;
	gap: normal;
}
.ads-approach .approach-container .approach-text {
	width: 50%;
	max-width: 100%;
}
.ads-approach .approach-container .approach-img {
	width: 50%;
	max-width: 100%;
	text-align: center;
}
.ads-approach .approach-container .approach-text h2 {
	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
}
.ads-approach .approach-container .approach-text p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.ads-approach .approach-container .approach-text h3 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	padding: 20px 0;
}
.ads-approach .approach-container .approach-text ul {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #000;
	padding-top: 10px;
}
.ads-approach .approach-container .approach-text ul li {
	font-size: 20px;
	padding-bottom: 15px;
	margin: 0;
	line-height: 26px;
}
.approach-img img {
	width: 604px;
}
.ads-two-col h2 {
	color: #000000;
	font-size: 25px !important;
	font-weight: 600;
}
.ads-two-col p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	padding-bottom: 15px;

}
p.animate:nth-child(8) {
	margin: 0;
	padding: 0;
	display: none;
}
#meta > p:nth-child(7) {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
#google > p:nth-child(7) {
	padding-bottom: 0 !important;
}
.ads-box {
	background: #e7e7ff;
	padding: 30px;
	border-radius: 0;
	border: 1px solid #e6e6e6;
}
.ads-box h3 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.ads-two-col .container .ads-two-col-container {
	max-width: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	gap: 20px;
	padding-bottom: 20px;
}
.ads-two-col .btn-red {
	color: #fff;
	padding: 12px 20px;
	border: none;
	width: 100%;
	cursor: pointer;
	border-radius: 6px;
	width: auto;
	font-size: 20px;
	margin: 0 auto;
	display: table;
	margin-top: 30px;
    width: auto;
	background-color: #fc322d;
	font-size: 20px;
}
}
.ads-two-col {
	padding-bottom: 20px;
}
.ads-approach .approach-container .approach-text .btn-red {
	width: auto;
	background-color: #fc322d;
	font-size: 20px;
	margin-top: 20px;
}
.ads-two-col {
	padding-top: 0;
}




/*****ads-page-And*****/


/*****gd-page*****/

.gd-top {
	background-color: #e7e7ff;
}
.gd-top .gd-container h1 {
	font-size: 40px;
	font-weight: 700;
}
.gd-top p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.gd-img-text {
	padding: 20px 0;
}
.gd-img-text .gd-img-container {
	width: 100%;
	max-width: 100%;
	gap: normal;
	display: flex;
	flex-wrap: wrap;
}
.gd-img-text .gd-img-container .gd-img-text-box {
	width: 50%;
	max-width: 100%;
}
.gd-img-text .gd-img-container .gd-img-side {
	width: 50%;
	max-width: 100%;
	text-align: center;
}
.gd-img-text .gd-img-container .gd-img-side img {
	width: 604px;
}
.gd-img-text .gd-img-container .gd-img-text-box h2 {
	font-size: 40px;
}
.gd-img-text .gd-img-container .gd-img-text-box p {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
.gd-img-text .gd-img-container .gd-img-text-box .btn-red {
	background-color: #ff4136;
	font-size: 20px;
	font-weight: 500;
}
.gd-vision {
	background-color: #E7E7FF;
	padding: 50px 0;
}
.gd-vision h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000000;
}
.gd-vision p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.gd-services {
	background-color: #ffffff;
	padding: 50px 0;
}
.gd-services .services-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}
.gd-services .services-container h2 {
	font-size: 40px;
	font-weight: 600;
}
.gd-services .services-container .gd-box h3 {
	font-size: 32px;
	font-weight: 500 !important;
	color: #FF3C38;
	margin-bottom: 15px;
}
.gd-services .services-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
}
.gd-final {
	background-color: #e7e7ff;
	padding: 50px 0;
	text-align: left;
}	
.gd-final .gd-final-container h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000000;
}
.gd-final .gd-final-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
	width: 100%;
	max-width: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*****gd-page-And*****/



/*****anim-page*****/


.anim-top {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.anim-top h1 {
	color: #000000;
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
}
.anim-top p {
	width: 100%;
	max-width: 100%;
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.anim-core .core-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
	display: flex;
	gap: normal;
}
.anim-core .core-container .core-text {
	width: 50%;
	max-width: 100%;
	padding: 10px;
	padding-right: 40px;
}
.anim-core .core-container .core-img {
	width: 50%;
	padding: 10px;
	max-width: 100%;
	  text-align: center;
}
.anim-core .core-container .core-img img {
	width: 604px;
}
.anim-core .core-container .core-text h2 {
	color: #000000;
	font-size: 40px;
	font-weight: 600;
	line-height: 100%;
}
.anim-core .core-container .core-text h2 span {
	color: #ff3b3b;
}
.anim-core .core-container .core-text p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}

.anim-title {
	margin: 0;
	padding: 0 !important;
	text-align: left;
}
.anim-title h2 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 47px;
	font-weight: 600;
}
.anim-two-col {
	padding: 20px 0;
}
.anim-two-col .two-col-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	gap: 20px;
	margin: 0;
}
.anim-two-col .two-col-container h2 {
	color: #000000;
	font-size: 25px !important;
	font-weight: 600;
	line-height: 35px;
}
.anim-two-col .two-col-container p {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.anim-two-col .anim-box {
	background-color: #e7e7ff;
	padding: 30px;
}
.anim-two-col .btn-red {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
}
.anim-two-col {
	margin-top: 0;
	padding-top: 0;
}


/*****gd-page-And*****/


/*****ve-page*****/


html {
    scroll-behavior: smooth;
}

.ve-top {
	background-color: #e7e7ff;
}
.ve-top h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	color: #000000;
}
.ve-top .ve-container h3 {
	font-size: 20px;
	font-weight: 700 !important;
	line-height: 28px;
	color: #000;
}

.ve-top .ve-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	width: 100%;
	max-width: 100%;
	padding-top: 0;
	margin-top: 12px;
}
.ve-access {
	padding: 50px 0;
}
.ve-access .access-container {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: inherit;
	gap: 20px;
	max-width: 100%;
}
.ve-access .access-container .access-text {
	width: 50%;
	max-width: 100%;
}

.ve-access .access-container .access-img {
	width: 50%;
	max-width: 100%;
	text-align: center;
}
.ve-access .access-container .access-img img {
	width: 604px;
}
.ve-access .access-container .access-text p {
	font-size: 20px;
	font-weight: 400;
	color: #080808;
	line-height: 26px;
}
.ve-access .access-container .access-text .btn-red {
	padding: 12px 40px;
	margin-top: 30px;
}
.ve-team {
	padding: 0px 0 0 0 !important;
	margin: 0;
}
.ve-team h2 {
	font-size: 42px;
	font-weight: 700;
	color: #272727;
}
.ve-team .team-videos {
	padding-top: 0;
	margin-top: 0;
	gap: 0px;
	display: flex;
	justify-content: space-between;
}
.ve-title {
	padding: 60px 0 0 0 !important;
	margin: 0 !important;
	text-align: left;
}
.ve-title h2 {
	font-size: 47px;
	font-weight: 600;
	color: #000000;
	margin: 0;
	padding: 0;
}
.ve-boxes {
	padding: 0 !important;
	margin: 0;
	background: transparent !important;
}
.ve-boxes .ve-box-container h2 {
	font-size: 25px !important;
	font-weight: 600;
	color: #000000;
	line-height: 32px;
}
.ve-boxes .ve-box-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.ve-boxes .ve-box-container {
	max-width: 100%;
	width: 100%;
}
.ve-boxes .ve-box-container .ve-box {
	background-color: #e7e7ff;
	padding: 30px;
}
.ve-boxes .btn-red {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 50px;
}
.ve-team .team-container h2 {
	margin-bottom: 20px;
}
/*****ve-page-And*****/



/*****web-page*****/

.web-top {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.web-top h1 {
	font-size: 40px;
	font-weight: 700;
	color: #000000;
}
.web-top p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.web-card .web-card-img {
	width: 50%;padding: 0px;
}
.web-card .web-card-text {
	width: 50%;padding: 0px;
}
.web-card .web-card-container {
	margin: 0;
	padding: 0;
	border: none;
	display: flex;
	gap: 15px;
	flex-wrap: inherit;
	max-width: 100%;
	background: transparent;
}
.web-card .web-card-img img {
	width: 604px;
	margin: 0 auto;
	text-align: center;
}
.web-card .web-card-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	color: #000000;
}
.web-card .web-card-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.web-card .web-card-text .btn-red {
	padding: 12px 29px;
	border-radius: 3px;
}

.plan-section {
	background-color: #e7e7ff;
	padding: 50px 0;
}

.plan-section p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.plan-section h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	padding-bottom: 0;
	margin: 0 0 13px 0;
}
.web-core .core-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
	gap: 15px;
	display: flex;
}
.web-core .core-container .core-img {
	width: 50%;
	padding: 0px;
	text-align: center;
}
.web-core .core-container .core-text {
	width: 50%;
	padding: 0px;
}
.cms-amp {
	padding-top: 0;
}
.web-core {
	padding: 50px 0 !important;
}

.web-core .core-container .core-text h2 {
	font-size: 47px;
	font-weight: 600;
	color: #000000;
}
.web-core .core-container .core-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.web-core .core-container .core-img img {
	max-width: 500px;
}
#cms-websit {
	padding-bottom: 0;
}
#cms-websit .container {
	padding-bottom: 0;
}
.cms-amp .cms-amp-container .cms-box {
	padding-bottom: 0;
}
.cms-amp .cms-amp-container #accelerated-mobile {
	padding-bottom: 0;
}
.shopify-section {
	padding-bottom: 0;
}
.shopify-section .container {
	padding-bottom: 0;
}
.responsive-block {
	padding: 50px 40px;
	background-color: #e7e7ff;
}
.responsive-block .responsive-container h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	margin: 0 0 10px 0;
}
.responsive-block .responsive-container p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.ecom-block {
	background-color: #ffffff;
}
.ecom-block .ecom-container-design .ecom-img {
	width: 50%;
    padding: 0px;
	text-align: center;
}
.ecom-block .ecom-container-design {
	align-items: center;
}
.ecom-block .ecom-container-design img {
	width: 500px;
}
#cms-websit .cms-amp-container .cms-box > h3:nth-child(1) {
	font-weight: 400 !important;
}
#accelerated-mobile > h3:nth-child(1) {
	font-weight: 400 !important;
}
.ecom-block .ecom-container-design .ecom-text {
	padding: 10px;
	width: 50%;
}
.ecom-block .ecom-container-design .ecom-text h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
}
.ecom-block .ecom-container-design .ecom-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.cms-amp .cms-amp-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
	gap: normal;
	display: flex;
	justify-content: space-between;
}
.cms-amp .cms-amp-container .cms-box {
	padding: 10px;
}
.cms-amp .cms-amp-container .amp-box {
	padding: 10px;
}
.cms-amp h3 {
	font-weight: normal;
	font-size: 25px;
	padding: 0 0 20px 0;
	text-align: center;
}
.cms-amp p {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}

/*****web-page-And*****/

/**********web-development**************/

.wd-top {
	padding: 50px 0;
	background-color: #e7e7ff;
}
.wd-top h1 {
	font-size: 40px;
	font-weight: 700;
	color: #000000;
	margin: 0 0 15px 0;
}
.wd-top h1 {
	font-size: 40px;
	font-weight: 700;
	color: #ff3c38;
}
.wd-top h1 span {
	color: #000;
}
.wd-top p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}
.wd-card {
	margin: 0;
}
.wd-card .wd-card-container {
	width: 100%;
	max-width: 100%;
	display: flex;
	gap: 15px;
	border: none;
	background: transparent;
	border-radius: 0;
	padding: 0px 0;
	justify-content: space-between;
}

.wd-card .wd-card-container .wd-card-img {
	width: 50%;
	padding: 0px;
}
.wd-card .wd-card-container .wd-card-text {
	width: 50%;
	padding: 0px;
}
.wd-card .wd-card-container .wd-card-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	color: #000000;
}
.wd-card .wd-card-container .wd-card-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: #000000;
}
.wd-card .wd-card-container .wd-card-text .btn-red {
	font-size: 20px;
	font-weight: 500;
}
.wd-card .wd-card-container .wd-card-text .btn-red {
	font-size: 20px;
	font-weight: 500;
	margin-top: 25px;
}
.wd-card .wd-card-container .wd-card-img img {
	width: 604px;
}
.wd-block {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.wd-block .wd-wide h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	margin: 0 0 15px 0;
	padding: 0;
}
.wd-block .wd-wide p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.corp-per .cp-container {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: inherit;
	max-width: 100%;
	gap: 15px;
	justify-content: space-between;
}
.corp-per div.cp-container:nth-child(2) {
	padding-top: 50px;
}
.corp-per {
	padding-bottom: 0 !important;
}
.corp-per .cp-container .cp-text {
	width: 50%;
	padding: 0px;
}
.corp-per .cp-container .cp-img {
	padding: 10px;
}
.corp-per .container .cp-container .cp-img img {
	max-width: 500px;
}
.corp-per .cp-container .cp-text h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	margin: 0 0 15px 0;
	padding: 0;
}
.corp-per .cp-container .cp-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.corp-per .container .cp-container .cp-img {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.corp-per {
	padding: 50px 40px;
}
.cp-container.reverse .cp-img {
	width: 50%;
}
.cp-container.reverse .cp-img img {
	width: 100%;
	max-width: 500px !important;
}
.wp-block .wp-container {
	margin: 0;
	padding: 0;
	max-width: 100%;
	gap: normal;
	display: flex;
}
.wp-block .wp-container .wp-text {
	width: 50%;
	padding: 10px;
}
.wp-block .wp-container .wp-img {
	width: 50%;
	padding: 10px;
}
.wp-block .wp-container .wp-img img {
	max-width: 604px;
}
.wp-block .wp-container .wp-text h2 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
}
.wp-block .wp-container .wp-text p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.wp-block {
	padding: 0 40px;
	background: #ffffff;
}
.maint-block {
	padding: 50px 40px;
	background: #e7e7ff;
	text-align: center;
	margin-top: 40px;
}
.maint-block .maint-container h2 {
	font-size: 36px;
	font-weight: normal;
}
.maint-block .maint-container p {
	max-width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.maint-block .maint-container .btn-red {
	background-color: #fc322d;
	padding: 9px 20px;
	border-radius: 3px;
}
.cv-footer-container .cv-footer-col ul li a {
	font-size: 18px;
	color: #fff;
}
.cv-footer-container .cv-footer-col p {
	font-size: 18px;
	font-weight: 400;
	display: flex;
	align-items: self-start;
}
.cv-footer-container .cv-footer-col p .e-font-icon-svg {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px;
	min-height: 28px;
	fill: #ff3c38 !important;
	flex-shrink: 0;
	margin-right: 10px;
}



/*********web-development-and***************/


/*********eco-development***************/


.eco-top {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.eco-top h1 {
	font-size: 40px;
	font-weight: 600;
	color: #ff4136;
	margin: 0;
	line-height: normal;
}
.eco-top p {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
}

.eco-card .eco-card-container {
	width: 100%;
	max-width: 100%;
	border: none;
	display: flex;
	align-items: center;
	gap: 35px;
	padding: 0;
}
.eco-card .eco-card-container .eco-img {
	width: 50%;
	padding: 0px;
}
.eco-card .eco-card-container .eco-text {
	width: 50%;
	padding: 0px;
}
.eco-card .eco-card-container .eco-img img {
	max-width: 604px;
}
.eco-card .eco-card-container .eco-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
}
.eco-card .eco-card-container .eco-text p {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
}
.eco-card .eco-card-container .eco-text .btn-red, .btn-red {
	font-size: 20px;
	font-weight: 500;
	background-color: #FC322D;
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
	padding: 12px 24px;
	fill: #fff;
	text-align: center;
	transition: all .3s;
	text-decoration: none;
}
.woo-section {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.woo-section .woo-container {
	max-width: 100%;
	width: 100%;
}
.woo-section .woo-container h2 {
	color: #000;
	font-weight: 600;
	font-size: 40px;
	margin: 0;
	padding: 0;
}
.woo-container h3 {
	margin: 0;
	padding-top: 15px;
	color: #000;
	font-size: 20px;
	padding-bottom: 0;
}
.woo-section .woo-container p {
	max-width: 100%;
	width: 100%;
	padding: 0;
	padding-top: 3px;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	padding-bottom: 0;
}
.wp-e-section .wp-e-container {
	width: 100%;
	max-width: 100%;
	display: flex;
	gap: normal;
	align-items: center;
}
.wp-e-section .wp-e-container .wp-e-text {
	width: 50%;
	padding: 0px;
}
.wp-e-section .wp-e-container .wp-e-img {
	width: 50%;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
}
.wp-e-section .wp-e-container .wp-e-text h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000000;
	margin: 0;
	line-height: normal;
}
.wp-e-section .wp-e-container .wp-e-text h3 {
	margin: 0;
	padding-top: 15px;
	color: #000;
	font-size: 20px;
	padding-bottom: 10px;
}
.wp-e-section .wp-e-container .wp-e-img img {
	max-width: 500px;
}

.wp-e-section .wp-e-container .wp-e-text p {
	margin: 0;
	padding-top: 3px;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	padding-bottom: 0;
}
.shopify-section {
	padding-top: 0;
}
.shopify-section .shopify-container {
	max-width: 100%;
	width: 100%;
	display: flex;
	gap: normal;
}
.shopify-section .shopify-container .shopify-img {
	width: 50%;
	padding: 10px;
	padding-bottom: 0;
}
.shopify-section .shopify-container .shopify-text {
	width: 50%;
	padding: 10px;
	padding-bottom: 0;
}
.shopify-section .shopify-container .shopify-img img {
	max-width: 604px;
}
.shopify-section .shopify-container .shopify-text h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	margin: 0;
}
.shopify-section .shopify-container .shopify-text h3 {
	margin: 0;
	padding: 10px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #000;
	font-size: 20px;
	padding-bottom: 10px;
}
.footer-inner-butoon .btn-red {
	margin: 50px auto;
	display: table;
}
.seo-ecom {
	padding-bottom: 0;
}
.seo-ecom .container {
	padding-bottom: 0;
}
.ads-two-col {
	margin-bottom: 0;
	padding-bottom: 0;
}
.ads-two-col .ads-two-col-container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.ads-two-col .container {
	padding-bottom: 0;
}
.anim-two-col {
	padding-bottom: 0;
}
.anim-two-col .container {
	padding-bottom: 0;
}
.ve-boxes .container {
	padding-bottom: 0;
}
.shopify-section .shopify-container .shopify-text p {
	margin: 0;
	padding-top: 3px;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	padding-bottom: 0;
	display: initial;
}
.woo-section .woo-container p b {
	font-weight: normal;
}

.web-core .core-container .core-text h3 {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	padding-bottom: 10px;
}
.web-core .core-container .core-text h3 span {
	color: #fc322d;
}

.wp-e-section {
	padding-bottom: 20px;
}
.shopify-section div .btn-red {
	margin: 0 auto;
	display: table;
}

.ve-boxes .ve-box-container {
	gap: 20px;
}

.page-scroll .cv-header {
	z-index: 9999;
}
.who-top h1 {
	line-height: 100% !important;
}

.wd-main-top h1 {
	font-size: 40px;
	font-weight: 700;
}

.who-columns ul {
	padding-left: 10px;
}

h1 {
	font-size: 40px !important;line-height: 100%;
}

.cv-footer-col.logo-col .cv-social-icons a .e-font-icon-svg:hover {
	fill: #000;
}

.cutom_navbar .menu li.menu-item > a::after {
	content: '';
	background-image: url('../images/dropdown_icon_red.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
	z-index: 9999;
	background-color: #fff;
}
.page-scroll .cutom_navbar .menu li.menu-item > a::after {
	bottom: -19px;
}
.cutom_navbar .menu li.menu-item:hover > a::after {
	opacity: 1;
	visibility: inherit;
}

/***popup****/

.cv-popup-overlay .cv-popup {
   max-width: 800px !important;
     background-color: #EBF3FA !important;
}
#quotePopup .cv-popup input::placeholder {
	color: #d1d1d1;
}
textarea::placeholder {
	color: #d1d1d1 !important;
	font-size: 13px !important;
}
input::placeholder {
	font-size: 13px !important;
}
.cv-popup-overlay .cv-popup {
	margin: 0 auto;
}
.cv-header .cv-top-bar .cv-quote-btn {
	color: #fff;
}

.cv-popup-overlay .cv-popup img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 10px 0;
}
.cv-popup {
	animation: popupFade 0.3s ease-in-out;
	max-width: 700px !important;
	border-radius: 7px !important;
	background-color: #F8F6F1 !important;
	padding: 40px !important;
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
	z-index: 1;
	background-color: #F8F6F1 !important;
	width: 100%;
}
.cv-popup-overlay .cv-popup .main-popup .left-side, .cv-popup-overlay .cv-popup .main-popup .right-side {
	width: 50%;
}
.cv-popup-overlay .cv-popup .main-popup {
	display: flex;align-items: self-start;gap: 30px;
}
.cv-popup-overlay .cv-popup .main-popup h2 {
	font-size: 27px !important;
	font-weight: 600;
	color: #191919;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
}
.cv-popup-overlay .cv-popup {
	margin: 0 auto;

}
.cv-popup-overlay .cv-popup .main-popup .left-side p {
	font-size: 27px;
	font-weight: 600;
	color: #191919;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
}
.cv-popup-overlay .cv-popup .main-popup .left-side p .free-test {
	color: #ff3c2f;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form input {
	border: 1px solid #000;
	border-radius: 0;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form {
	gap: normal;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form label {
	font-size: 16px;
	color: #000;
	margin-bottom: 6px;
	font-weight: 500;
	padding-top: 11px;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form select {
	border: 1px solid #000;
	border-radius: 0;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form textarea {
	border: 1px solid #000;
	border-radius: 0;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form input::placeholder {
	color: #7a7a7a;
	text-transform: capitalize;
}
.cv-popup-overlay .cv-popup .main-popup .right-side .submit-btn:hover {
	background-color: #000;
}
.cv-popup-overlay .cv-popup .main-popup .right-side form .submit-btn {
	background-color: #ff3c38;
}

/***popup****/

.testimonial .testimonial-avatar {
	display: flex;
	align-items: center;
	gap: 20px;
}
.testimonial .testimonial-avatar img {
	border-radius: 50%;
	height: 60px;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	width: 60px;
}
.cv-footer-col.logo-col .cv-social-icons a {
	background: transparent !important;
}
/*.testimonial .test-slider.slider-init .test-dots {*/
/*	display: none;*/
/*}*/
.cv-footer a {
	text-decoration: none !important;
}
a {
	text-decoration: none !important;
}
.services-container {
	margin-top: 100px !important;
}
.cv-header .cv-top-bar .cv-nav li a {
	font-weight: 500;
}
.gd-services .container .services-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
/*********eco-development-and***************/


.close-popup {
	position: absolute;
	top: -10px;
	right: -12px;
	font-size: 40px;
	color: white;
	cursor: pointer;
	background-color: #000;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
}
.popup-image {
	max-width: 100%;
	max-height: inherit;
	border-radius: 10px;
	transition: 0.3s ease;
	width: 100%;
}
.popup-controls {
	position: absolute;
	width: 100%;
	top: 50%;
	display: flex;
	justify-content: space-between;
	padding: 0 0;
	max-width: 100%;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.portfolio #imgPopup .main-popp {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.pop-ineer {
	width: 90%;
	position: relative;
}
.popup-controls .next-img {
	position: absolute;
	right: -35px;
}
.popup-controls .prev-img {
	position: absolute;
	left: -35px;
}
.services-banner .services-banner-content p {
	text-align: left !important;
}
.popup-controls span {
	background-color: #FC322D;
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}
.popup-controls span {
	background-color: #FC322D;
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}

#quotePopup .cv-popup .main-side {
	text-align: center;
}
#quotePopup .cv-popup .main-side p {
	font-weight: 600;
	line-height: 100%;
	color: #000;
	font-size: 31px;
	margin-bottom: 20px;
}
#quotePopup .cv-popup .main-side p .free-test {
	color: #ff3c2f;
}
#quotePopup .cv-popup input {
	border: 1px solid #000;
	border-radius: 0;
	margin-bottom: 15px;
	height: 43px;
	color: #000;
}
.cv-popup-overlay .cv-popup .main-popup select {
	border: 1px solid #000;
	border-radius: 0;
	height: 43px;
}
.cv-popup-overlay .cv-popup .main-popup textarea {
	border: 1px solid #000;
	margin-bottom: 15px;
	border-radius: 0;
    height: 100% !important;

}
.cv-popup-overlay .cv-popup .main-popup label {
	margin-bottom: 4px;
	display: block;
}
.cv-popup-overlay .cv-popup .main-popup .submit-btn {
	width: 100%;
	margin-top: 0px !important;
	border-radius: 0;
	font-weight: 600;
	padding: 10px !important;
	height: 43px;
}

#button_hidden {
	visibility: hidden;
}
.q-box {
	padding: 30px;
}

.contact-section .right-side .submit-btn {
	background-color: #ff3b3b !important;
}
.contact-section .right-side .submit-btn:hover {
	background-color: #000 !important;
}
h1, h2, h3 {
	
	line-height: 100% !important;
}

.quotePopup_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.mobile-menu {
	display: flex;
	margin: 0;
	flex-wrap: wrap;
	list-style: none;
	color: #fff;
	gap: 23px;
	padding: 15px 13px;
	background: #ff3c38;
	justify-content: left;
	text-align: left;
}
#serviceWrapper {
	padding: 0;
}
.mobile-menu a {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

/* .bottom-popup-section select { */
	/* -webkit-appearance: none; */
	/* -moz-appearance: none; */
	/* appearance: none; */
/* } */

/* .cv-popup-overlay .cv-popup .main-popup select { */
	/* border: 1px solid #000; */
	/* border-radius: 0; */
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); */
	/* background-repeat: no-repeat; */
	/* background-position: right 12px center; */
	/* background-size: 24px 24px; */
	/* padding-right: 36px; */
/* } */


.contact .heading-title.animate {
	font-size: 20px;
	color: #000;
}

.textarea-div {
	height: 203px;
	margin-bottom: 15px;
}



.test-wrapper .new-test-slider.owl-carousel {
	width: 50%;
}
.test-wrapper .new-test-slider.owl-carousel .new-test-card {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
/* 	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); */
}

.test-wrapper .new-test-slider.owl-carousel .new-test-card > p.animate {
	/* min-height: 170px; */
	animation: inherit;
	transform: inherit;
	transition: inherit;
}
.test-wrapper .new-test-slider.owl-carousel .new-test-card p {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 20px;
}

.testimonial .testimonial-avatar {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}


.test-wrapper .new-test-slider.owl-carousel .new-test-card .author {
	display: block;
	margin-top: 0px;
	font-weight: 700;
	color: red;
	text-align: left;
	font-size: 18px;
}


.testimonial .new-test-slider.owl-carousel .new-test-card .testimonial-avatar .animate {
	font-weight: 600;
	margin: 0;
	font-size: 16px;
}
.test-wrapper .new-test-slider.owl-carousel .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	background: transparent;
	border-radius: 40px;
	border: 1px solid #ff3c38;
}
.test-wrapper .new-test-slider.owl-carousel .owl-dots .owl-dot.active {
	background: #ff3c38;
}
.test-wrapper .new-test-slider.owl-carousel .owl-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}
.test-wrapper .new-test-slider.owl-carousel .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	background: transparent;
	border-radius: 40px;
	border: 1px solid #ff3c38;
}
.test-wrapper .new-test-slider.owl-carousel .owl-dots .owl-dot.active {
	background: #ff3c38;
}

.test-wrapper .new-test-slider.owl-carousel .owl-stage {
	height: 100%;
	display: flex;
	align-items: center;
}
.test-wrapper .new-test-slider.owl-carousel .owl-item {
	height: auto;
}

.submenu_mainsr {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 15px 15px 30px 15px;
	border-top: 2px solid #e7342c;
	box-shadow: 0 2px 16px rgba(39, 43, 49, .2);
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
	opacity: 0;
}

.submenu_mainsr {
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	z-index: 1000;
	-o-transition: -o-transform .3s,opacity .3s;
	-ms-transition: -ms-transform .3s,opacity .3s;
	-moz-transition: -moz-transform .3s,opacity .3s;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
}
.cutom_navbar .menu-item:hover .submenu_mainsr {
	transform: rotateX(0);
	-o-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-webkit-transform: rotateX(0);
	opacity: 1;
}

.services-section .service-box h3 {
	margin-top: 0px;
}
.services-section .service-box img {
	margin-bottom: 5px;
}

li.has-mega span a {
    color: #000;
}

.page-scroll main {
	padding-top: 160px;
}

.header_footer_fixedmenus_Sr {
	display: none;
}

/******   *shopify hear * **********/
 
 
.cv-hero {
	padding: 50px 40px !important;
	padding-left: 40px !important;
	background: #E7E7FF;
}
.cv-hero p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
	margin-top: 15px;
}
 
.cv-split .cv-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
	gap: 50px;
}
.cv-split .cv-flex .cv-image {
	max-width: 50%;
	width: 100%;
}
.cv-split .cv-flex .cv-content {
	width: 100%;
	max-width: 50%;
}
.cv-split .cv-flex .cv-content h2 span {
	color: #ff4136;
}
.cv-split .cv-flex .cv-content ul li {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	padding-bottom: 15px;
}
.cv-split .cv-flex .cv-content h2 {
	margin-bottom: 15px;
}
.cv-split .cv-flex .cv-content .cv-btn {
	padding: 10px 30px;
	border-radius: 3px;
	font-size: 20px;
	background-color: #ff4136;
	color: #fff;
	display: inline-block;
}
.cv-split .cv-flex .cv-content ul {
	margin-bottom: 15px;
}
.cv-split .cv-flex .cv-content .cv-btn:hover {
	background-color: #000;
}
.cv-process.cv-bg-light {
	background-color: #e7e7ff;
	padding: 50px 0;
}
.cv-process.cv-bg-light h2 {
	font-weight: 600;
	color: #ff4136;
	padding-bottom: 0;
	margin: 0 0 15px 0;
}
.cv-process.cv-bg-light h2 span {
	color: #000;
}
.cv-process.cv-bg-light p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	max-width: 100%;
	width: 100%;
}
.cv-services .cv-service-row {
	display: flex;
	justify-content: inherit;
	align-items: self-start;
	gap: 0;
	flex-direction: column-reverse;
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	text-align: left;
	border: 1px solid #eaeaea;
	border-top-width: 1px;
	border-top-color: rgb(234, 234, 234);
	border-right-width: 1px;
	border-right-color: rgb(234, 234, 234);
	border-bottom-width: 1px;
	border-bottom-color: rgb(234, 234, 234);
	border-left-width: 1px;
	border-left-color: rgb(234, 234, 234);
	transition: 0.3s ease;
	min-height: 150px;
	border-color: #ff3b3b;
	border-radius: 0;
	border-width: 2px;
}
 
.cv-services .cv-service-row:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	border-color: #ff3b3b;
}
 
 
.cv-services .cv-service-row .cv-service-img img {
	max-width: inherit;
	width: 70px;
	height: 70px;
	margin-bottom: 20px;
	margin: -60px auto;
	display: table;
	margin-bottom: 20px;
	border-radius: 10px;
	object-fit: cover;
	margin-bottom: 5px;
	background-color: #fff;
	margin-bottom: 0;
}
 
.cv-services .cv-service-row .cv-service-text, .cv-services .cv-service-row .cv-service-img {
	width: 100%;
	max-width: inherit;
	padding: 10px;
}
.cv-services .cv-section-title span {
	color: #ff4136;
}
.cv-services {
	padding: 50px 0;
}
.cv-services .cv-service-row h3 {
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #000000;
	margin-bottom: 10px;
	text-align: center;
}
.cv-services .cv-service-row p {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #000000;
	font-family: "Oxanium", sans-serif !important;
	text-align: center;
}
.cv-perfect-for {
	padding: 50px 40px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #e7e7ff;
}
.cv-perfect-for .perfect-grid .perfect-card {
	padding-bottom: 15px;padding-top: 10px;
}
.cv-perfect-for .perfect-grid .perfect-card h3 {
	font-size: 25px !important;
	font-weight: 600 !important;
	color: #000000;
	margin-bottom: 5px;
}
.cv-perfect-for .perfect-grid .perfect-card p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.cv-cta h2 {
	padding-top: 50px;
}
.cv-cta p {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
}
.cv-split .cv-flex .cv-image img {
	width: 100%;
	max-width: 100%;
	display: block;
}
 
.cv-main-section-shopify {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
	row-gap: 24px;
	margin: 0;
	width: 100%;
	row-gap: 80px;
	margin: 0 0;
	margin-top: 40px;
}
.cv-services .cv-service-img {
	padding: 0 !important;
	margin: 0 !important;
}
.cv-perfect-for .section-title span, .cv-cta h2 span {
	color: #ff4136;
}	
 
.cv-hero a {
	color: #000;
}
.cv-process.cv-bg-light a {
	color: #000;
}


.ttae-div{
    justify-content: center;
    display: flex;
}

.services-container {
	margin-top: 20px !important;
}
.services-section .services-container {
	margin: 15px 0;
}
.services-section {
	padding-bottom: 60px;
}

.hero.home_heroFirst .hero-wrapper .hero-left .home-hero-left {
	display: flex;
	gap: 10px;
}

.cv-quote-btn {cursor: pointer;} 


.services-section {
	padding-TOP: 60px;
	padding-bottom: 0;
}
.thankyou-section h1 {
	color: #ff3636;
}
.services-section .container {
	padding-bottom: 0;
}

.services-section .container .services-container {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
 
.thankyou-section p {
	margin-bottom: 40px;
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}

/**cro-Page****/

.cro-hero-img {
  width: 653px;
  height: 518px;
}
  
 
 .cro-section-three {
  background: #E7E7FF;
}

/***/
.cro-section-four {
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-four .container {
  max-width: 1300px;
  margin: auto;
}
 
/* Title */
.cro-section-four .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}
 
.cro-section-four .title span {
  color: #ff3a3a;
}
 
 
/* Subtitle */

.cro-section-four .subtitle {
	margin-bottom: 35px;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	padding: 5px 0;
	color: #333333;
}
 
/* Grid */
.cro-section-four .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
 
/* Cards */
.cro-section-four .card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 20px;
	border-radius: 0;
	text-align: left;
	color: #fff;
	background: linear-gradient(90deg, #2e5aa7, #ff3a3a);
}
 
/* Full width card */
.cro-section-four .card.full {
  grid-column: span 2;
}
 
/* Icon */
.cro-section-four .icon {
  font-size: 36px;
  flex-shrink: 0;
}
 
/* Card text */
.cro-section-four .card h3 {
	margin: 0;
	font-size: 28px;
	font-weight: 700 !important;
}
.cro-section-four .card p {
	margin: 4px 0 0;
	opacity: 0.9;
	font-size: 28px;
	font-weight: 400;
}
 
/* Footer text */
.cro-section-four .footer-text {
  margin-top: 30px;
  color: #444;
}
.thankyou-section p {
	padding: 0;
	margin: 0;
}

.cro-section-five {
  background: #E7E7FF;
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-five .container {
  max-width: 1300px;
  margin: auto;
}
 
/* Title */
.cro-section-five .title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
}
 
.cro-section-five .title span {
  color: #ff3a3a;
}
 
/* Subtitle */
.cro-section-five .subtitle {
  color: #444;
  margin-bottom: 40px;
}
 
/* Framework item */
.cro-section-five .framework-item {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fff;
  border: 3px solid #333;
  padding: 20px;
  margin-bottom: 22px;
  text-align: left;
}
 
/* Image */
.cro-section-five .framework-item img {
  width: 260px;
  height: auto;
}
 
/* Content */
.cro-section-five .content {
  flex: 1;
}
 
/* Blue title bar */
.cro-section-five .bar {
	background: #2f5f9e;
	color: #fff;
	padding: 10px 34px;
	font-weight: 700;
	border-radius: 4px;
	margin-bottom: 10px;
	font-size: 30px;
}
 
/* Description box */

.cro-section-five .desc {
	background: #D8EAFF;
	padding: 18px 34px;
	border-radius: 4px;
	color: #333;
}

.hero.home_heroFirst .hero-wrapper .hero-right .hero-video {
	display: block;
}

.cro-section-six {
  background: #d9d9d9;
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-six .container {
  max-width: 850px;
  margin: auto;
}
 
/* Title */
.cro-section-six .title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
 
.cro-section-six .title span {
  color: #ff3a3a;
}
 
/* Subtitle */

.cro-section-six .subtitle {
	margin-bottom: 40px;
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	padding: 5px 0;
}
 
/* Layout */
.cro-section-six .content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  text-align: left;
}
 
/* Checklist */
.cro-section-six .optimize-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}
 
.cro-section-six .optimize-list li {
  margin-bottom: 14px;
  font-size: 16px;
  position: relative;
  padding-left: 28px;
}
 
/* Green check */
.cro-section-six .optimize-list li::before {
	position: absolute;
	color: #28a745;
	font-weight: bold;
	background-image: url('../images/check-box-icon.png ');
	content: "";
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
 
/* Image */
.cro-section-six .image-box {
  flex: 1;
  text-align: center;
}
 
.cro-section-six .image-box img {
  max-width: 100%;
  height: auto;
}
.cro-section-one p span {
	color: #ff4136;
}
.cro-section-seven {
  background: #E7E7FF;
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-seven .container {
  max-width: 1300px;
  margin: auto;
}
 
/* Title */
.cro-section-seven .title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
}
 
.cro-section-seven .title span {
  color: #ff3a3a;
}
 
/* Cards layout */
.cro-section-seven .cards {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
 
/* Card base */
.cro-section-seven .card {
	flex: 1;
	padding: 40px 25px;
	color: #fff;
	border-radius: 4px;
	width: 33%;
	min-width: auto;
	max-width: inherit;
}
 
/* Blue cards */
.cro-section-seven .card.blue {
  background: #3567a7;
}
 
/* Red center card */
.cro-section-seven .card.red {
  background: #ff3a3a;
}
.cro-section-seven .icon img {
	width: 60px;
	height: 60px;
	max-width: 60px;
}
/* Icon circle */

.cro-section-seven .icon {
	width: 90px;
	height: 90px;
	background: #fff;
	color: #3567a7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	margin: 0 auto 20px;
}
 
/* Title inside card */
.cro-section-seven .card h3 {
  margin-bottom: 15px;
  font-size: 28px;
}
 
/* Text */
.cro-section-seven .card p {
  font-size: 20px;
  line-height: 1.5;
  opacity: 0.95;
}
.cro-section-one p span {
	color: #FF3C38;
	font-size: 18px;
}

.cro-section-one a.cv-contact-btn:nth-child(2) {
	background-color: #000000;
}

.cro-section-one {
	background-image: url('../images/Section-cro-bg.png') !important;
	padding: 0 !important;
	min-height: auto !important;
}

/***/
 
 .cro-section-two p {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0%;
	text-align: center;
	color: #333333;
}
 
 .cro-section-eight {
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-eight .container {
  max-width: 1300px;
  margin: auto;
}
 
/* Title */
.cro-section-eight .title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 5px;
}
 
.cro-section-eight .title span {
  color: #ff3a3a;
}
 
/* Subtitle */
.cro-section-eight .subtitle {
color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 5px 0;
  margin-bottom: 15px;
}
 
/* Feature grid */
.cro-section-eight .features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
 
/* Feature bars */
.cro-section-eight .feature {
	background: #3567a7;
	color: #fff;
	font-weight: 600;
	border-radius: 2px;
	font-size: 24px;
	padding: 22px 0;
}
 
/* Full width feature */
.cro-section-eight .feature.full {
  grid-column: span 2;
}
 
/* Note text */
.cro-section-eight .note {
  color: #444;
  margin-top: 15px;
  font-size: 14px;
}
.cro-section-nine .text-testimonial.animate {
	color: #000;
	font-size: 20px;
}
/******   *hopify and * **********/

.promise-section.cro-section-three {
	padding: 0 !important;
}
.index .services-section {
	padding-top: 0;
}
.index .services-section .ttae-div {
	padding: 50px 0;
}
.index .services-section_head {
	padding-top: 0;
}
.cro-section-six {
	background-color: #fff;
}
.cro-section-six .content-wrap .optimize-list.animate li {
	font-weight: 600;
	font-size: 20px;
	line-height: 45px;
	letter-spacing: 0%;
	color: #000;
	margin: 0;
}

.cro-section-ten {
  position: relative;
  padding: 90px 20px;
  text-align: center;
  background: url("../images/cro-section-ten-bg.png")
              center/cover no-repeat;
}
 
/* Dark overlay */
.cro-section-ten::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 20, 40, 0.21);
}
 
/* CTA box */
.cro-section-ten .cta-box {
	position: relative;
	max-width: 600px;
	margin: auto;
	background: linear-gradient(180deg, #ff3a3abf, #ff3a3abf);
	padding: 40px;
	color: #fff;
	border: 3px solid #fff;
	box-shadow: 0 0 20px rgba(89, 214, 255, 0.5);
}
 
/* Heading */

.cro-section-ten .cta-box h2 {
	font-size: 32px !important;
	margin-bottom: 15px;
	color: #fff;
}
 
/* Subtext */
.cro-section-ten .sub {
  margin-bottom: 20px;
  font-size: 16px;
}
 
/* Bullet list */
.cro-section-ten .cta-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
 
.cro-section-ten .cta-list li {
  margin: 10px 0;
  font-weight: 600;
}
 
/* Bottom text */
.cro-section-ten .bottom-text {
  margin-top: 20px;
  font-size: 15px;
}

.cro-section-eleven {
  background: #fff;
  padding: 50px 20px;
  text-align: center;
}
 
/* Container */
.cro-section-eleven .container {
  max-width: 1300px;
  margin: auto;
}
 
/* Title */
.cro-section-eleven .title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}
 
.cro-section-eleven .title span {
  color: #ff3a3a;
}
 
/* FAQ Item */
.cro-section-eleven .faq-item {
  margin-bottom: 12px;
  text-align: left;
}
 
/* Question */
.cro-section-eleven .faq-question {
  width: 100%;
  padding: 16px 20px;
  background: #ff3a3a;
  color: #fff;
  border: none;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 24px;
}
 
/* Active question */
.cro-section-eleven .faq-item.active .faq-question {
  background: #3567a7;
}
 
/* Answer */
.cro-section-eleven .faq-answer {
	display: none;
	background: #fff;
	padding: 18px 20px;
	line-height: 1.6;
	font-size: 20px;
	color: #2B2B2B;
}
 
/* Show active answer */
.cro-section-eleven .faq-item.active .faq-answer {
  display: block;
}
 
/* Icon */
.cro-section-eleven .icon {
  font-size: 18px;
  font-weight: bold;
}

.cro-section-eight .features .feature.full {
	width: 49.6%;
}

h2 {
	font-weight: 700 !important;
}

.menu-item a.active {color: #ff4136;}

.thank-you {
	font-style: inherit !important;
}

.cv-blogs-wrapper .blog-hero__inner {
	max-width: 1300px;
	padding: 10px;
}


.cv-blogs-wrapper .blog-hero__actions .blog-hero__btn {
	width: 40%;
}
.cv-blogs-wrapper .blog-hero__title {
	margin: 0 !important;
}
.cv-blogs-wrapper .blog-container {
	max-width: 1300px !important;
	margin: 60px auto;
	padding: 10px;
}
.cv-blogs-wrapper .blog-hero__title.text-orange.animate {
	font-size: 40px !important;
	margin-bottom: 13px !important;
}

.cv-blog-detail .related-item:hover {
	transform: inherit !important;
}
.cv-blog-detail p {
	color: #000 !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 26px !important;
}
.cv-blog-detail .blog-meta {
	padding: 10px 0;
	color: #000;
	margin: 0;
	font-size: 15px;
}
.cv-blog-detail h2 {
	font-size: 35px !important;
}
.cv-blog-detail .text-orange.blog-first-heading {
	padding-top: 20px;
}
.cv-blog-detail .blog-detail-container {
	max-width: 1300px !important;padding: 10px !important;
}

.cv-logo img {
	padding: 0 10px !important;
}

.index .services-section .ttae-div .cv-contact-btn.ttae {
	width: auto;
}
.index .portfolio .ttae-div .cv-contact-btn.ttae {
	width: auto;
}

/**************************Responsive****************************/



/* @media (max-width: 1500px){
	
	.textarea-div {
	height: 187px;
}
	
} */


@media (max-width: 991px){
	
.top-bar{ padding:10px 16px;}

.top-links{ display:none;}

.menu-toggle{ display:flex;}

.service-bar{ padding:0px;border-bottom:none;}

.service-menu{ flex-direction:column;gap:0;max-width:none;}

.service-menu > li{ padding:12px 0;border-bottom:1px solid #eee;}

.mega-menu{ position:static;box-shadow:none;padding:15px 10px 10px;border-top:1px solid #e53e3e;}

.mega-inner {flex-direction:column;gap:20px;max-width:none;}

.mega-menu {display:none;}

.service-menu > li.open .mega-menu {display:block;}

.service-wrapper {border-top: 1px solid #eee;transition: all 0.5s ease;background: #fff;position: absolute;left: 0;transform: translateX(-100%);top: 100%;width: 100%;
padding: 20px 20px;height: calc(100vh - 88px);overflow-y: auto;}

.service-wrapper.open {transform: translateX(0);}

main img {width: 100% !important;max-width: 100% !important;padding: 10px;width: auto !important;}

.cutom_navbar .menu {flex-direction: inherit !important;}

.hero.home_heroFirst .hero-wrapper {flex-wrap: wrap;}

.hero.home_heroFirst .hero-wrapper .hero-left {width: 100%;flex: inherit;padding-right: 0px !important;}

.hero.home_heroFirst .hero-wrapper .hero-right {width: 100%;flex: inherit;}

.test-wrapper {flex-wrap: wrap;}

.test-left {width: 100%;padding-right: 0px;}

.test-slider {width: 100%;margin: auto;position: relative;}

.cv-footer-container {grid-template-columns: repeat(1, 1fr);}

.mission-block .mission-container {flex-wrap: wrap;}

.mission-block .mission-container .mission-text {width: 100%;max-width: 100%;}

.mission-block .mission-container .mission-img {width: 100%;}

.mission-block .mission-container .mission-img img {width: auto !important;margin: 0 auto !important;display: table !important;float: none;}

.who-content .who-wide .who-columns {margin-top: 45px;grid-template-columns: repeat(1, 1fr);}

.promise-section .promise-container {display: block;}

.promise-section .promise-container .promise-container-inr {width: 100%;}

.promise-section .promise-container .promise-container-doun {width: 100%;}

.promise-section {display: table;}

.qualities-section .qualities-grid {grid-template-columns: repeat(2, 1fr);}

.services-section .services-container {grid-template-columns: repeat(2,1fr);}

.contact-section {display: block;}

.contact-section .left-side {width: 100%;max-width: 100%;}

.contact-section .right-side {width: 100%;max-width: 100%;padding: 10px;padding-left: 30px;}



}



@media screen and (max-width: 768px) {
		
.container {padding-left: 15px;padding-right: 15px;}

/* .cutom_navbar {
	display: none;
	} */
 
.cv-nav ul {gap: 20px;display: none;}

.cv-header {
	padding: 10px 0 !important;
	height: auto;
	position: fixed;
}
.cv-logo img {
	height: auto;
}
.cv-logo a {
	display: block;
}
.page-scroll .cv-header .navbar.cutom_navbar {
	position: static;
	height: auto;
}
.cv-nav a {font-size: 16px;}

.cv-nav .cv-quote-btn {padding: 10px 15px;font-size: 11px;}

.hero.home_heroFirst .hero-wrapper {min-height: auto;height: aut%;flex-direction: column-reverse;}

.hero.home_heroFirst .hero-wrapper .hero-left {width: 100%;padding-right: 0px !important;padding-top: 15px !important;}

.hero.home_heroFirst .hero-wrapper .hero-right {width: 100%;}

.hero.home_heroFirst .hero-wrapper .hero-left h1 {line-height: 40px;font-size: 36px;text-align: center;}

h2 {line-height: 34px;font-size: 24px;margin-bottom: 15px;}

.hero-left p {margin: 15px 0 25px;line-height: 24px;text-align: center;font-size: 16px;}

.why-us .stats {gap: 20px;display: grid;grid-template-columns: repeat(2,1fr);margin-top: 15px;}

.why-us .stats .stat-box h3 {font-size: 40px;}

.services-section_head .services-desc {font-size: 16px;line-height: 22px;}

.services-section .services-container {display: grid;grid-template-columns: repeat(1,1fr);gap: 20px;margin: 0;width: 100%;row-gap: 80px;margin: 60px 0;}

.portfolio-tabs {
	text-align: center;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	display: grid;
	gap: 12px !important;
	grid-template-columns: repeat(3, 1fr);
}

.portfolio-tabs .tab-btn {
	padding: 7px 20px;
	font-size: 13px;
	margin: 0 0px;
	width: auto;
	height: auto;
	line-height: 15px;
	min-height: 50px;
}

.portfolio-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
	
.available-grid {justify-content: center;margin-top: 30px;gap: 10px;display: grid;grid-template-columns: repeat(2,1fr);}
	
.test-wrapper {gap: 40px;flex-direction: column;}

.test-left {font-size: 18px;line-height: 1.7;width: 100%;padding-right: 0;}

.test-slider {width: 100%;}

.test-card p {font-size: 16px;}

.test-wrapper .test-left h2 {text-align: center;width: 100%;}

.test-wrapper .test-left p.text {text-align: left;width: 100%;font-size: 16px;text-align: center;line-height: 22px;}

.cv-footer-container {max-width: 1500px;margin: auto;display: grid;grid-template-columns: 1.5fr;gap: 40px;}

.test-slider .test-card {padding: 45px 30px;}

.testimonial {padding: 40px 0;}

.portfolio {width: 100%;padding: 40px 0;}

.why-us {padding: 50px 0;text-align: center;}

.cutom_navbar .menu {display: none;}
	
.mobile_menu_sr {display: block;}

.page-scroll .cutom_navbar .logo_fix_stocc {display: none;}

.cv-nav {display: none !important;}

.menu-toggle {position: absolute;right: 16px;top: auto;transform: translateY(-50%);}


.cv-header .container {display: flex;justify-content: space-between;}

.cv-top-bar {width: auto;position: static;}

.cutom_navbar {width: auto;position: static;}

.service-menu > li.has-mega.open span {color: #e53e3e;}

/* .service-menu .has-mega::after {content: '▼';	position: absolute;right: 0;transform: rotate(-90deg);top: 13px;transition: transform 0.3s ease;right: 10px;} */

.service-menu .has-mega::after {
	content: '';
	position: absolute;
	right: 0;
	transform: rotate(0deg);
	top: 19px;
	transition: transform 0.3s ease;
	right: 20px;
	background-image: url('https://coolvisionstudio.com/images/icons/arrow_right_mobile.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 7px;
	height: 13px;
}
.service-menu .has-mega.open::after {
	transform: rotate(90deg);
	color: #e53e3e;
}

.mega-col a {font-size: 13px;font-weight: 500;}

.mega-col a:hover {color: #e53e3e;}

.wd-main-top {padding: 20px 40px;}

.wd-main-top h1 {font-size: 30px;}

.wd-image-card .wd-card-box .wd-card-text h2 {font-size: 30px;}

.wd-image-card .wd-card-box {display: block;}

.wd-image-card .wd-card-box .wd-card-img {width: 100%;}

.wd-image-card .wd-card-box .wd-card-text {width: 100%;max-width: 100%;padding-top: 15px;}

.wd-card-img img {width: auto !important;margin: 0 auto !important;display: table;}

.wd-plan-launch .plan-launch-container .plan-text {width: 100%;}

.wd-plan-launch .plan-launch-container {display: block;}

.wd-plan-launch .plan-launch-container .plan-img {width: 100%;display: flex;justify-content: center;}

.wd-plan-launch .plan-launch-container .plan-img img {width: auto !important;margin: 0 auto;display: table;}

.wd-full-section h2 {font-size: 25px;line-height: normal;}

.wd-double-section .double-container {display: block;}

.wd-double-section .double-container .double-box {width: 100%;}

.wd-double-section .double-container .double-box h2 {font-size: 25px;line-height: normal;}

.cv-footer-col {text-align: center;margin: 0 auto;display: table;}

.cv-footer-container .cv-footer-col h3 {text-align: center;width: 100%;}
.wd-final-cta {
	padding: 30px 40px;
	margin-bottom: 30px;
}

.wd-full-section {padding: 15px 0 !important;}

.wd-dom-container h2 {font-size: 30px;}

.wd-plan-launch {padding: 30px 40px;}

.wd-full-section p {padding-top: 15px;}

.wd-image-card {padding: 30px 40px;}

.seo-top {padding: 30px 40px;}

.seo-top .seo-container h1 {font-size: 30px;}

.seo-technical .tech-container {display: block;}

.seo-technical .tech-container .tech-text {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}

.seo-technical .tech-container .tech-img {width: 100%;max-width: 100%;}

.seo-technical {padding: 30px 40px;}

.seo-technical .tech-container .tech-text h2 {font-size: 30px;font-weight: 600;line-height: normal;}

.seo-technical .tech-container .tech-img img {	width: auto !important;margin: 0 auto;display: table;}

.seo-build-title h2 {font-size: 30px;}

.seo-two-col .two-col-container .col-box h2 {font-size: 22px !important;}

.seo-two-col .two-col-container p {font-size: 18px;}

.seo-ecom {padding-top: 20px;}

.smm-top {padding: 30px 0;}

.smm-top h1 {font-size: 30px;line-height: normal;}

.smm-brand {padding: 30px 40px;}

.smm-brand .brand-container {display: block;}

.smm-brand .brand-container .brand-text {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}

.smm-brand .container {margin: 0;padding-top: 0;padding-bottom: 0;}

.smm-brand .brand-container .brand-text h2 {font-size: 30px;line-height: normal;margin: 0 0 9px 0;}

.smm-brand .brand-container .brand-img {width: 100%;max-width: 100%;}

.smm-brand .brand-container .brand-img img {text-align: center;display: table;margin: 0 auto;width: auto !important;padding-top: 0;
    padding-bottom: 0;}

.smm-title h2 {font-size: 30px;}

.smm-four-boxes .four-box-container .box h2 {font-size: 22px !important;}

.smm-four-boxes .four-box-container .box p {font-size: 18px;}

.smm-final {background: transparent;padding-top: 0;padding-bottom: 30px;}

.ads-top {padding: 30px 0;}

.ads-top h1 {font-size: 30px;line-height: normal;}

.ads-approach .approach-container .approach-text h2 {font-size: 30px;line-height: normal;}

.ads-approach .approach-container {display: block;}

.ads-approach {padding: 30px 40px;}

.ads-approach .approach-container .approach-text {
	width: 100%;
	margin-bottom: 30px;
}

.ads-approach .approach-container .approach-text h2 {margin: 0 0 10px 0;}

.ads-approach .approach-container .approach-img {width: 100%;}

.ads-two-col h2 {font-size: 22px;}

.ads-two-col p {font-size: 18px;}

.ads-box {padding: 15px;}

.container {padding-top: 0;padding-bottom: 0;}

.gd-top {padding: 30px 40px;}

.gd-top .gd-container h1 {font-size: 30px;}

.gd-img-text .gd-img-container .gd-img-text-box h2 {font-size: 30px;}

.gd-img-text .gd-img-container .gd-img-text-box {width: 100%;}

.gd-img-text .gd-img-container {display: block;}

.gd-img-text .gd-img-container .gd-img-side {width: 100%;max-width: 100%;text-align: center;}

.gd-vision h2 {font-size: 30px;}

.gd-vision p {font-size: 18px;}

.gd-services .services-container h2 {font-size: 30px;}

.gd-grid {margin-top: 16px;gap: 20px;}

.gd-services .services-container .gd-box h3 {font-size: 30px;}

.gd-final .gd-final-container h2 {font-size: 30px;line-height: normal;}

.gd-final .gd-final-container p {font-size: 18px;padding-bottom: 0;margin-bottom: 0;line-height: normal;}

.anim-top {padding: 30px 0;}

.anim-top h1 {font-size: 30px;}

.anim-core .core-container .core-text {
	width: 100%;
	max-width: 100%;
	padding: 0px;
	margin-bottom: 30px;
}

.anim-core .core-container {display: block;}

.anim-core {padding: 30px 40px;}

.anim-core .core-container .core-text h2 {font-size: 30px;line-height: normal;padding: 0;margin: 0 0 9px 0;}

.anim-core .core-container .core-img {width: 100%;padding: 10px;max-width: 100%;text-align: center;}

.anim-core .core-container .core-img img {width: auto !important;}

.anim-title h2 {margin: 0;padding: 0;font-size: 30px;line-height: normal;}

.anim-two-col .two-col-container h2 {font-size: 22px !important;}

.anim-two-col .two-col-container p {font-size: 18px;}

.anim-title h2 {margin-bottom: 15px;}

.anim-two-col .anim-box {padding: 15px;}

.ve-top {padding: 30px 40px;}

.ve-top h1 {font-size: 30px;line-height: normal;}

.ve-top .ve-container h3 {font-weight: 500;line-height: normal;}

.ve-access {padding: 30px 0;}

.ve-access .access-container {display: block;}

.ve-access .access-container .access-text {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}

.ve-access .access-container .access-img {width: 100%;max-width: 100%;text-align: center;}

.ve-access .access-container .access-text h2 {font-size: 30px;margin: 0 0 15px 0;}

.ve-access .access-container .access-text .btn-red {padding: 10px 30px;margin-top: 14px;}

.ve-team h2 {font-size: 30px;}

.ve-team .team-videos {display: block;}

.ve-team .team-videos iframe {width: 100%;}

.ve-title {padding: 15px 0 0 0 !important;}

.ve-title h2 {font-size: 30px;font-weight: 600;margin: 0;padding: 0;line-height: normal;padding-bottom: 10px;}

.ve-boxes .ve-box-container h2 {font-size: 22px !important;line-height: normal;}

.ve-boxes .ve-box-container .ve-box {padding: 15px;}

.ve-boxes .ve-box-container p {	font-size: 18px;}

.ve-access {padding-bottom: 0;}

.ve-boxes .ve-box-container {gap: 14px;}

.web-top {padding: 30px 0;}

.web-top h1 {font-size: 30px;}

.web-card {padding: 30px 40px;}

.web-card .web-card-container {display: block;}

.web-card .web-card-img {width: 100%;padding: 0;}

.web-card .web-card-text {width: 100%;padding: 0;}

.web-card .web-card-text h2 {font-size: 30px;font-weight: 600;line-height: normal;color: #000000;padding-top: 10px;}

.plan-section h2 {font-size: 30px;}

.plan-section {padding: 30px 0;}

.web-core {padding: 30px 0 !important;}

.web-core .core-container {display: block;}

.web-core .core-container .core-text {width: 100%;padding: 0;}

.web-core .core-container .core-text h2 {font-size: 30px;margin-bottom: 13px;}

.web-core .core-container .core-img {width: 100%;padding: 0;text-align: center;}

.responsive-block .responsive-container h2 {font-size: 30px;}

.responsive-block {padding: 30px 40px;}

.ecom-block .ecom-container-design {display: block !important;}

.ecom-block .ecom-container-design .ecom-img {width: 100%;padding: 0px;}

.ecom-block .ecom-container-design .ecom-text {padding: 0;width: 100%;}

.ecom-block .ecom-container-design .ecom-img img {padding: 0;}

.cms-amp .cms-amp-container {display: block;}

.cms-amp {margin-top: 25px;}

.cms-amp p {font-size: 18px;line-height: 24px;}

.cms-amp .cms-amp-container .amp-box {padding: 0;}

.cms-amp .cms-amp-container .cms-box {padding: 0;}

.amp-box > h3:nth-child(1) {padding-top: 30px;}

div.cv-footer-col:nth-child(4) > p:nth-child(2) {padding-top: 10px;}

.wd-top h1 {font-size: 30px;}

.wd-card .wd-card-container {padding: 30px 0;}

.wd-card .wd-card-container {display: block;}

.wd-card .wd-card-container .wd-card-img {width: 100%;padding: 0;}

.wd-card .wd-card-container .wd-card-text {width: 100%;padding: 0;}

.wd-card .wd-card-container .wd-card-text h2 {font-size: 30px;padding-top: 20px;line-height: normal;}

.wd-block .wd-wide h2 {font-size: 30px;margin: 0 0 9px 0;padding: 0;}

.wd-block .wd-wide h2 {padding: 0;}

.corp-per {padding: 30px 40px;}

.wd-top {padding: 30px 0;background-color: #e7e7ff;}

.corp-per .cp-container .cp-text {width: 100%;padding: 0;}

.corp-per .container .cp-container .cp-img {padding: 0;}

div.cp-img:nth-child(1) > img:nth-child(1) {padding-top: 0px;padding: 0;max-width: 100% !important;width: 100% !important;}

.corp-per .cp-container .cp-text h2 {font-size: 30px;}

.wp-block .wp-container .wp-text {width: 100%;padding: 0;}

.wp-block .wp-container {display: block;}

.wp-block .wp-container .wp-text h2 {font-size: 30px;}

.wp-block .wp-container .wp-img {width: 100%;padding: 0;}	

.maint-block {padding: 30px 40px;margin-top: 20px;}

.maint-block .maint-container h2 {font-size: 30px;margin-bottom: 10px;}

.maint-block .maint-container p {margin-bottom: 0;}

.corp-per .cp-container {display: block !important;}

.cp-container.reverse .cp-img {width: 100% !important;}

.eco-top {padding: 30px 0;}

.eco-top h1 {font-size: 30px;}

.eco-card .eco-card-container {display: block;}

.eco-card .eco-card-container .eco-img {width: 100%;padding: 0;}

.eco-card .eco-card-container .eco-text {width: 100%;padding: 0;margin-top: 11px;}

.eco-card {padding: 30px 40px;}

.eco-card .eco-card-container .eco-text h2 {font-size: 30px;line-height: normal;margin-bottom: 15px;}

.woo-section {padding: 30px 0;}

.woo-section .woo-container h2 {font-size: 30px;line-height: normal;}

.wp-e-section {padding: 30px 40px;}

.wp-e-section .wp-e-container {display: block !important;}

.wp-e-section .wp-e-container .wp-e-text {width: 100% !important;padding: 0;}

.wp-e-section .wp-e-container .wp-e-text h2 {font-size: 30px;font-weight: 600;line-height: normal;}

.wp-e-section .wp-e-container .wp-e-text h3 {margin: 0;padding-top: 17px;font-size: 18px;padding-bottom: 17px;}

.wp-e-section .wp-e-container .wp-e-img {width: 100%;padding: 0px;}

.shopify-section .shopify-container {display: flex;flex-direction: column-reverse;}

.shopify-section .shopify-container .shopify-img {width: 100%;padding: 0;}

.shopify-section .shopify-container .shopify-text {width: 100%;padding: 0;}

.shopify-section .shopify-container .shopify-text h2 {font-size: 30px;font-weight: 600;line-height: normal;margin: 0;}

.shopify-section .shopify-container .shopify-img img {padding: 0 !important;}

.shopify-section {padding: 30px 0px !important;}

.web-core .core-container .core-text p {padding-bottom: 20px !important;}

.web-core .core-container .core-text h3 {font-size: 26px !important;}

.maint-block .maint-container p {margin-top: 0 !important;}

div.cp-container:nth-child(2) {display: flex !important;flex-direction: column-reverse;padding-top: 30px;}

.mission-block .mission-container {display: block !important;}

.mission-block .mission-container .mission-text {width: 100% !important;}

.mission-block .mission-container .mission-img {width: 100% !important;}

.qualities-section .qualities-grid {grid-template-columns: repeat(1, 1fr) !important;margin-top: 25px !important;}

.qualities-section .qualities-grid img {width: auto !important;padding: 0 !important;margin: 0 !important;}

.qualities-section .q-box .box-bag-titel {padding-top: 10px !important;}

h3 {font-size: 20px !important;line-height: normal !important;}

.qualities-section .qualities-grid .q-box {padding: 10px !important;}

.qualities-section .q-box h3 {padding-top: 15px !important;}

h2 {font-size: 22px !important;line-height: normal !important;}

.promise-section .promise-container {display: block !important;}

.promise-section .promise-container .promise-container-inr {width: 100% !important;}

.promise-section .promise-container .promise-container-doun {width: 100% !important;display: block !important;float: left !important;}

section {display: block !important;padding-top: 30px !important;padding-bottom: 30px !important;}

.mission-block img {width: auto !important;padding: 0 8px 0 0 !important;}

h1 {font-size: 24px !important;line-height: normal !important;}

.mission-text h2 {gap: 7px !important;}

.who-columns {gap: 10px !important;}

.who-columns ul {padding-left: 10px !important;}

.who-content .who-wide .who-columns {margin-top: 15px !important;}

.services-section .services-container img {width: 100px !important;height: 100px !important;}

.services-section .services-container {row-gap: 60px;}

.service-box {padding: 15px;}

.contact-section {display: block !important;}

.contact-section .left-side {width: 100%;max-width: 100%;}

.contact-section .left-side .info-block .Office-text {padding: 10px 10px 10px 10px;}

.contact-section .right-side {width: 100%;max-width: 100%;padding: 0;padding-left: 0;margin-top: 30px;}

.contact-section .info-block .icon {width: 30px !important;margin-bottom: 5px;height: 30px !important;padding: 0;max-width: 30px !important;min-width: 30px !important;}

.wd-image-card .wd-card-text {padding: 15px;}

.seo-build-title {padding: 0 0 30px 0 !important;}

.seo-two-col .two-col-container .col-box {padding: 15px;}

section.seo-two-col:nth-child(6) {margin-top: 20px;}

.smm-final .final-container .btn-red {margin: 0;}

.ads-two-col {padding-top: 0 !important;}

.ads-approach {padding-bottom: 0 !important;}

.ads-two-col .btn-red {margin-top: 10px;}

.anim-two-col {padding-top: 0 !important;padding-bottom: 10px !important;}

.ve-top .ve-container h3.animate {font-weight: 600 !important;font-size: 20px !important;}

.hero.home_heroFirst .hero-wrapper .hero-right iframe {min-height: auto;}

.services-section_head {margin-bottom: 0;}

.services-section_head {margin-bottom: 0;}

.services-section .services-container {margin-bottom: 20px;}

.portfolio-grid img {padding: 0px;height: 140px;}

.available-on a {max-width: 100%;width: 100%;}

.cv-logo img {width: 100%;max-width: 143px;object-fit: contain;padding-left: 0 !important;}

.cv-top-bar {margin-left: 0px;}

.menu-toggle span {background: #fff;}

.menu-toggle {background-color: #ff3b3b;padding: 5px;}

.hero.home_heroFirst h1 {font-size: 24px !important;}

.testimonial .testimonial-avatar img {border-radius: 50%;height: 60px;max-width: none;object-fit: cover;width: 60px;width: auto !important;padding: 0 !important;}

.testimonial .test-slider .test-card .author {text-align: left;margin: 0;}

.page-scroll .cv-header {
	position: fixed !important;
	top: 0px;
	height: auto;
}

.services-section_head .services-desc {max-width: 100%;}

.popup-controls span {height: 30px;width: 30px;font-size: 25px;}

.close-popup {font-size: 40px;width: 30px;height: 30px;font-size: 25px;}

.popup-controls .prev-img {left: -10px;}

.popup-controls .next-img {right: -10px;}

#quotePopup .cv-popup .main-side p {
	line-height: 25px;
	font-size: 22px;
	margin-bottom: 10px;
}

.cv-popup-overlay .cv-popup .main-popup {display: block;}

.cv-popup-overlay .cv-popup .main-popup .left-side {width: 100%;}

.cv-popup-overlay .cv-popup .main-popup .right-side {width: 100%;padding-top: 10px;}

.available-on .available-grid img {width: 100% !important;
	padding: 30px 20px;
	max-height: 95px;
	min-height: 95px;
	border-radius: 25px 8px;
}

.services-container {margin-top: 30px !important;}

.service-menu .has-mega {padding-left: 10px;}

.hero.home_heroFirst .hero-wrapper .hero-right iframe {min-height: auto;object-fit: cover !important;position: relative;width: 100% !important;height: 100% !important;aspect-ratio: 16 / 9;display: block;border: 0;}


.open-menu span {
	display: none;
}
.open-menu {
	background-image: url('https://coolvisionstudio.com/images/solution.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 31px;
	width: 32px;
	background-position: center;
	z-index: 999999;
}

#quotePopup {
	min-height: 100% !important;
	overflow: scroll !important;
	height: 100% !important;
	   background-color: #ebf3fa;
}
.quotePopup_inner {
	display: inline-block !important;
	height: 100%;
	width: 100%;
	margin: auto;
}
.cv-popup-overlay .cv-popup {
	margin: 0 auto;
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.5);
}
.cv-popup-overlay .cv-popup {
    background: transparent !important;
    box-shadow: none;
}


.test-wrapper .new-test-slider.owl-carousel {
	width: 100% !important;
}
.testimonial {
	padding-bottom: 0px !important;
}
.hero.home_heroFirst .hero-wrapper .hero-left h1 {
	line-height: 27px !important;
}
.hero.home_heroFirst .hero-wrapper .hero-left p {
	font-size: 18px;
	line-height: 26px;
}

.who-top p {
	font-size: 16px;
	line-height: 24px;
}
.mission-text p, .mission-text ul, .who-content p, .who-content .who-columns .column ul li, .promise-section .promise-container p, .promise-section .promise-container ul li b, .promise-section .promise-container ul li, .qualities-section .q-box p, .services-banner-content p, .wd-top-container p, .wd-image-card .wd-card-box .wd-card-text p, .wd-dom-container p, .wd-plan-launch .plan-launch-container .plan-text p, .wd-full-section p, .wd-double-section .double-container .double-box p, .wd-final-cta .cta-container p, .contact .heading-title.animate, .contact-section .left-side .info-block .Office-text p, .contact-section .left-side .info-block .Office-text strong, .contact-section .left-side .info-block .Office-text .phone, .web-top p, .web-card .web-card-text p, .plan-section p, .web-core .core-container .core-text p, .responsive-block .responsive-container p, .ecom-block .ecom-container-design .ecom-text p, .cms-amp p, .ads-top ul li, .ads-approach .approach-container .approach-text ul li {
	font-size: 16px;
	line-height: 22px;
}

html body main section .container p {font-size: 14px !important;line-height: 20px !important;}

.qualities-section h2 {
	padding-top: 40px !important;
	display: table;
}
.footer-inner-butoon .btn-red {
	margin: 20px auto;
	margin-top: 20px;
}
.footer-inner-butoon {
	padding-top: 0 !important;
}
.service-menu .has-mega a br {
	display: none;
}
.header_footer_fixedmenus_Sr {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}

.header_footer_fixedmenus_Sr .mobile-menu {
	background: #fff;
	border-top: 3px solid #ccc;
	display: flex;
	justify-content: space-evenly;
	padding: 10px 0 6px 10px;
}
.header_footer_fixedmenus_Sr .mobile-menu li a {
	color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap: 10px;
	font-size: 12px;
}
.header_footer_fixedmenus_Sr .mobile-menu li a img {
	max-width: 20px;
	margin: 0 auto;
}
.service-menu > li.open .mega-menu {
	border: none;
	padding-left: 38px;
}


li.has-mega span a {
	color: #000;
	display: flex;
	align-items: center;
	gap: 10px;
	width: calc(100% - 55px);
}
li.has-mega span a img {
	max-width: 28px;
}

.service-wrapper {
	top: 72px;
}


.service-menu-open-Sr {
	overflow-y: hidden;
}
.service-wrapper {
	height: calc(100vh - 128px);
	padding-bottom: 20px !important;
}



body main, .page-scroll main {
	padding-top: 72px;
}
.page-scroll .cv-header .cv-top-bar {
	height: auto;
	opacity: 1;
	visibility: inherit;
}
.page-scroll .cv-header .cv-top-bar .cv-logo {
	opacity: 1;
}
.cv-header {
	border-bottom: 3px solid #FF4136;
}

.header_footer_fixedmenus_Sr .mobile-menu li a.active {
	color: #ff3c38;
}

.header_footer_fixedmenus_Sr .mobile-menu li a img.simple_icon.active_icon {
	display: none;
}
.header_footer_fixedmenus_Sr .mobile-menu li a.active img.simple_icon.active_icon, .header_footer_fixedmenus_Sr .mobile-menu li a:hover img.simple_icon.active_icon {
	display: block;
}

.header_footer_fixedmenus_Sr .mobile-menu li a.active img.simple_icon, .header_footer_fixedmenus_Sr .mobile-menu li a:hover img.simple_icon {
	display: none;
}
.mega-menu .mega-inner .mega-col li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.header_footer_fixedmenus_Sr .mobile-menu li a:hover {
	color: #ff3b3b;
}
.cv-footer-container .cv-footer-col:nth-last-child(1) {
	text-align: left;
}

.cv-popup-overlay .cv-popup .main-popup .right-side .textarea-div {
	height: 60px;
	margin-bottom: 7px;
}
.cv-popup {
	padding-top: 20px !important;
}
.contact-section .left-side iframe {
	height: 250px !important;
	min-height: 250px !important;
}
.cv-popup-overlay .cv-popup .main-popup label {
	margin-bottom: 2px;
}
#quotePopup .cv-popup input {
	margin-bottom: 12px;
	height: 38px;
}
.cv-popup-overlay .cv-popup .main-popup select {
	height: 38px;
}
.cv-services .cv-service-row {
	gap: 40px;
	flex-wrap: wrap;
}
 
 
.cv-services .cv-service-row .cv-service-text, .cv-services .cv-service-row .cv-service-img {
	width: 100%;
	max-width: 100%;
	padding: 10px;
}
.cv-hero {
	padding: 15px 0px !important;
	padding-left: 0 !important;
}
.cv-split .cv-flex .cv-image, .cv-split .cv-flex .cv-content {
	max-width: 100%;
	width: 100%;
}
.cv-split .cv-flex .cv-content {
	width: 100%;
	max-width: 100%;
	padding: 0 15px;
	margin-top: 10px;
}
.cv-split .cv-flex .cv-content ul li {
	list-style: none;
}
.cv-split .cv-flex {
	padding: 0px 0;
	gap: 0px;
	flex-wrap: wrap;
}
.cv-main-section-shopify {
	grid-template-columns: repeat(1,1fr);
	row-gap: 60px;
}
.cv-services .cv-service-row .cv-service-img img {
	width: 100px !important;
	max-width: 100px !important;
	height: 100px !important;
}
.cv-services .cv-service-row {
	min-height: inherit;
		gap: 0;
	flex-wrap: wrap;
}
.cv-cta h2 {
	padding-top: 0;
}
.cv-perfect-for .perfect-grid .perfect-card h3 {
	font-size: 20px !important;
}
.cv-split .cv-flex .cv-content .cv-btn {
	display: inline-block;
}
.cv-split .cv-flex .cv-content ul {
	margin-bottom: 0;
}
.hero-right video {
	height: 240px;
}
.cro-hero-img {
	height: auto;
}
.cro-section-one .home-hero-left {
	justify-content: space-around;
	padding-bottom: 40px;
}
.cro-section-one .home-hero-left .cv-contact-btn {
	padding: 15px 0;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
.promise-section.cro-section-three {
	padding: 30px 0 !important;
}
.cro-section-four .grid {
	gap: 8px;
	grid-template-columns: repeat(2, 1fr);
}
.cro-section-four .card {
	gap: 0px;
	padding: 3px 7px;
	flex-direction: column;
	padding-bottom: 16px;
}
.cro-section-four .card h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	text-align: center;
}
.cro-section-four .card p {
	text-align: center;
}
.cro-section-five .framework-item {
	flex-direction: column;
}
.cro-section-five .bar {
	font-size: 20px;
}
.cro-section-five .desc {
	padding: 14px;
}
.cro-section-six .content-wrap {
	gap: 10px;
	flex-direction: column;
}
.cro-section-six .optimize-list {
	width: 100%;
}
.cro-section-seven .cards {
	gap: 10px;
}
.cro-section-seven .cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.cro-section-seven .card {
	padding: 20px 10px;
	width: auto;
	min-width: auto;
	max-width: inherit;
}
.cro-section-seven .icon img {
	width: 50px !important;
	height: 50px;

}
.cro-section-seven .cards .card:last-child {
  grid-column: span 2;
}
.cro-section-seven .cards .card:nth-child(3) {
  grid-column: span 2;
}
.cro-section-eight .feature {
	font-size: 15px;
	padding: 32px 20px;
}
.cro-section-eight .features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.cro-section-eight .features .feature.full {
  grid-column: span 2;
}
.cro-section-eight .features .feature:last-child {
  grid-column: span 2;
  width: 100%;
}
.cro-section-ten .cta-box {
	padding: 10px;
	color: #fff;
	border: 3px solid #fff;
	width: 100%;
}
.cro-section-ten {
	padding: 40px 30px !important;
}
.cro-section-ten .cta-box h2 {
	font-size: 25px !important;
}
.cro-section-eleven .faq-question {
	font-size: 15px;
	text-align: left;
	padding: 9px 20px;
}
.cro-section-eleven .faq-answer {
	padding: 8px 20px;
	font-size: 15px;
}
.hero.home_heroFirst.cro-section-one .hero-left {
	padding-top: 0 !important;
}


.hero.home_heroFirst .hero-wrapper .hero-left .home-hero-left {
	display: flex !important;
	gap: 10px !important;
	justify-content: space-between !important;
}
.hero.home_heroFirst .hero-wrapper .hero-left .home-hero-left .cv-contact-btn {
	padding: 10px 15px !important;
	width: 100% !important;
	text-align: center !important;
}
.footer-inner-butoon {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#meta {
	padding-bottom: 0 !important;
}
.cv-blogs-wrapper .blog-hero__actions .blog-hero__btn {
	width: 100%;
}
.cv-blogs-wrapper .blog-hero__title.text-orange.animate {
	font-size: 28px !important;
}
.cv-blogs-wrapper .blog-container {
	padding: 20px !important;
}
.cv-blog-detail .blog-detail-container {
	padding: 0 !important;
	margin: 0 !important;
}

.index .services-section .ttae-div {
  padding: 15px 0;
  padding-bottom: 0;
}

    .mega-col{
      flex:1;
	  line-height: normal !important;
	  margin-top: 0px;
    }
	
section.contact {
	padding-bottom: 0 !important;
}
.contact {
	padding-bottom: 12px;
}

.index .services-section .ttae-div .cv-contact-btn.ttae {
	width: auto;
	padding: 10px 30px;
}
.hero.home_heroFirst {
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}

section {
	display: block !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.services-section {
	padding-bottom: 15px !important;
}
.portfolio {
	padding-top: 15px !important;
}
.portfolio h2 {
	margin-bottom: 15px;
}
.portfolio-content {
	margin-top: 15px;
	margin-bottom: 15px;
}
p.text-testimonial {
	padding: 0 0 15px 0;
}
.owl-carousel .owl-item img {
	padding-top: 0;
	padding-bottom: 0;
}
.cv-contact-btn {
  padding: 10px 30px;
}

.services .services-section {
	padding-bottom: 0 !important;
}
.contact {
	padding-top: 72px !important;
}
.contact-section .left-side .info-block {
	margin-top: 15px;
}
.contact-section .right-side h1 {
	font-size: 24px !important;
}

.wd-main-top p {
	margin-top: 15px;
}
.web-design-and-development .wd-image-card img {
	padding: 0;
}
.wd-plan-launch .plan-launch-container .plan-text p {
	padding-top: 15px;
}
.web-design-and-development .wd-plan-launch .container .plan-launch-container .plan-img img {
	padding: 15px 0;padding-bottom: 0;
}
.web-design-and-development .wd-full-section .container .double-box .animate {
	margin-bottom: 0;
}
.web-design-and-development .wd-double-section .double-container .double-box h2 {
	margin-bottom: 15px;
}
.wd-double-section .double-container .double-box p {
	padding-top: 0;
}
.web-design-and-development .wd-final-cta {
	margin-bottom: 15px;
}
.shopify .cv-split img {
	padding: 0 15px 0 15px;
}
.shopify .cv-perfect-for .perfect-grid .perfect-card {
	padding-bottom: 10px;
	padding-top: 10px;
}
.shopify .cv-cta {
	padding-bottom: 0 !important;
}
.search-engine-optimization .seo-technical .tech-container .tech-img img {
	padding-top: 0;
	padding-bottom: 0;
}
.search-engine-optimization .seo-build-title {
	padding: 0 0 15px 0 !important;
}
.search-engine-optimization #ecommerce {
	padding-bottom: 0 !important;
}
.smm-four-boxes .four-box-container .box {
	padding: 15px;
}
.smm-title {
	padding: 0 0 15px 0 !important;
}
.social-media-marketing #lead {
	margin-top: 15px;
}
.social-media-marketing .box h2 {
	margin-bottom: 15px;
}
.online-advertising .ads-approach .approach-container .approach-text .btn-red {
	margin-top: 0;
}
.online-advertising .ads-approach .approach-container .approach-text ul {
	margin-bottom: 0 !important;
}
.online-advertising .ads-approach .approach-container .approach-text {
	width: 100%;
	margin-bottom: 15px;
}
.online-advertising .ads-approach .approach-container .approach-img img {
	padding-top: 0;
	padding-bottom: 14px;
}
.graphics .gd-img-text .gd-img-container .gd-img-side img {
	padding-top: 0;
	padding-bottom: 0;
}
.\32 d-3d-animation .anim-top p {
	margin-top: 15px;
}
.\32 d-3d-animation .anim-core .core-container .core-text {
	margin-bottom: 15px;
}
.anim-core .core-container .core-img {
	padding-top: 0;
	padding-bottom: 0;
}
.eco-card .eco-card-container .eco-text .btn-red, .btn-red {
	padding: 10px 24px;
}
.anim-core .core-container .core-text .btn-red {
	margin-top: 15px;
}
.ve-team .team-container h2 {
	margin-bottom: 15px;
}
.web-design-and-development .wd-image-card .wd-card-box .wd-card-text {
	padding-bottom: 0 !important;
}
.graphics .gd-img-text {
	padding-bottom: 0 !important;
}
}