/*
CTC Separate Stylesheet
Updated: 2026-03-30 10:05:00
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.6.1774865100
*/

html, body {
	background: #F0F4F6 !important;
}
h1, h2, h3, h4, h5, h6, p, ul {
  padding: 0;
}

.flex {
	display: flex;
}
.f-wrap {
	flex-wrap: wrap;
}
.flex-col {
	flex-direction: column;
}
.justify-between {
	justify-content: space-between;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-stretch {
	align-items: stretch;
}
.items-center {
	align-items: center;
}
.g-20 {
	gap: 20px;
}
.g-10 {
	gap: 10px;
}
/*Search Bar CSS______________________*/
.search-container {
  max-width: 900px; margin: auto; padding: 40px 20px;
}
.search-title span {
  color: #1f667c;
}
.search-item {
  margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px;
}
.meta {
  font-size: 14px; color: #777;
}
.breadcrumb {
  font-size: 13px; color: #999;
}
/*======== All page Css =======*/
.summat--network-form .req-type-select{
	display: flex;
}
.summat--network-form .req-type-select .ginput_container_radio .gfield-choice-input {
	display: none;
}
.disciplined-bg::after,
.disciplined-bg::before {
  content: ""; position: absolute; top: 0; height: 100%; width: 50%; background-size: cover !important; z-index: 0;
}
.disciplined-bg::before {
    background: url('https://summatdev.com/wp-content/uploads/2026/04/pattern-bg-3.png') no-repeat; background-position: left; left: 0;
}
.disciplined-bg::after {
  background: url('https://summatdev.com/wp-content/uploads/2026/04/pattern-bg-2.png') no-repeat; background-position: right; right: 0;
}
.gradient-btn {
  width: fit-content; min-width: 220px; background: #032859; color: #fff; padding: 12px 24px; border-radius: 8px; text-align: center; position: relative; overflow:hidden; transition: all 0.4s ease;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
}
.gradient-card {
  position: relative; overflow:hidden; transition: all 0.4s ease;
}
.gradient-btn::before, .gradient-icon::before, 
.gradient-card::before {
  content: ""; position: absolute; inset: 0; border-radius: 8px; padding: 2px;
  background: linear-gradient(100deg, #99D9F2, #4DB8FF, #2F80ED);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
.gradient-btn::after, 
.gradient-card::after {
  content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; transform: skewX(-25deg); transition: 0.7s ease;
  background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.35), transparent );
}
.gradient-btn:hover, .gradient-card:hover {
  transform: translateY(-3px); background: #043A75;
  box-shadow: 0 10px 20px rgba(20, 87, 106, 0.35), 0 0 20px rgba(77, 184, 255, 0.35);
}
.gradient-btn:hover::after, .gradient-card:hover::after {
  left: 140%;
}
/* ===== Outline Button ===== */
.btn-outline {
  background: transparent; color: #ffffff; transition: all 0.4s ease;
}
/* ===== VS Layout ===== */
.vs-layout {
  display: grid; grid-template-columns: 260px 1fr; gap: 30px; align-items: start;
}
/* ===== Tabs Section ===== */
.vs-layout .vs-tabs {
  padding-block: 20px;
}
.vs-layout .tabs {
  padding-top: 0;
}
.vs-layout .tab-btn {
  width: 100%; display: block; background: transparent; padding: 18px 0; border-bottom: 1px solid #032859;
}
.vs-layout .tab-btn:first-child {
  padding-top: 2px;
}
.vs-layout .tab-btn button {
  width: 100%; min-width: fit-content; padding: 12px 8px; text-align: left; transition: all 0.3s ease; background: transparent; cursor: pointer; color: #032859; font-size: 17px; font-weight: 600; line-height: 1.35; position: relative; border: none;
}
.vs-layout .tab-btn:hover button {
  border-radius: 6px; background-color: #dbe1e3;
}
.vs-layout .tab-btn.is-active button {
  background: #032859; color: #fff; border-radius: 6px; font-weight: 700; padding: 14px; text-align: center;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}
/* ===== Content Section ===== */
.vs-layout .content-wrap {
  height: 100%; display: flex; flex-direction: column; justify-content: space-evenly;
}
.vs-layout .vs-card {
  overflow: hidden;
}
.vs-layout .vs-panel-header {
  text-align: center;
}
.vs-panel-header .vs-panel-subtitle {
  margin-top: 10px;
}
.vs-layout .panel-body {
  min-height: 390px; background-position: center; background-size: cover; position: relative;
}
.vs-layout .text-panel {
  padding: 18px 0 20px 20px; position: relative; z-index: 1;
}
.vs-layout .image-panel {
  position: relative;
}
.vs-layout .image-overlay {
  content: ""; position: absolute; inset: 0; display: flex; width: 100%; height: 100%; z-index: 0;
  background: linear-gradient( 90deg, #043a75 0%, #2f80edff 30%, #4db8ffff 60%, #99d0f200 100% );
}
/* ===== Typography & Blocks ===== */
.vs-layout .text-title {
  margin: 0 0 20px;
}
.vs-layout .text-title .break {
  display: block;
}
.vs-layout .block {
  width: 80%;
}
.vs-layout .block:not(:last-child) {
  margin-bottom: 7px;
}
.vs-layout .block h3 {
  margin: 0 0 10px;
}
/* ===== Small Floating Image ===== */
.vs-layout .small-image {
  position: absolute; right: 0; bottom: 0; width: 200px; height: 120px; object-fit: contain; border: 3px solid rgba(255, 255, 255, 0.9); background: #fff; 
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16); z-index: 2;
}
/* ========= Buttons ============= */
.vs-layout .vs-btn {
  display: flex; justify-content: flex-end;
}
.vs-layout .gradient-btn {
  font-size: 20px; font-weight: 800;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}
/* ======== Bottom Bar =============  */
.vs-layout .vs-bottom-bar {
  width: 100%; height: 8px;
  background: linear-gradient( 90deg, #eef7fe80 0%, #4db8ff 40%, #2f80ed 80%, #043a75 100% );
}
/* =========== Panels ============= */
.vs-layout .tab-panel {
  display: none;
}
.vs-layout .tab-panel.is-active {
  display: block; position: relative;
}
.vs-layout .vs-panel-header-mobile {
  display: none;
}

/* ========= Divider ============ */
.vertical--divider {
  width: 90%; height: 3px; background-color: #99c8f2; margin-block: 20px;
}
/* ===== Responsive - 1440px ===== */
@media (max-width: 1800px) {
  .vs-layout .small-image {
    width: 180px; height: 100px;
  }
  .vs-layout .content-wrap {
    justify-content: space-between; gap: 20px; padding-block: 20px;
  }
}
/* ===== Responsive - 1080px ===== */
@media (max-width: 1080px) {
  .vs-layout .tabs {
    order: 2;
  }
  .vs-layout .content-wrap {
    order: 1; gap: 0; padding-block: 0;
  }
  .vs-layout .gradient-btn {
    width: 100%; min-width: 0;
  }
  .vs-layout .vs-btn {
    justify-content: stretch;
  }
  .vs-layout .small-image {
    width: 140px; height: 80px;
  }
}
/* ===== Responsive - 980px ===== */
@media (max-width: 980px) {
  .vs-layout { 
    grid-template-columns: 1fr; gap: 0;
  }
  .vs-layout .vs-tabs {
    padding-block: 15px;
  }
  .vs-layout .tabs {
    order: 2;
  }
  .vs-layout .content-wrap {
    order: 1; gap: 0; padding-block: 0;
  }
  .vs-layout .tab-btn:first-child {
    padding-top: 0;
  }
  .vs-layout .tab-btn button {
    font-size: 15px; padding: 12px 0;
  }
  .vs-layout .block {
    width: 100%;
  }
  .vs-layout .block:not(:last-child) {
    margin-bottom: 20px;
  }
  .vs-layout .block p {
    margin-bottom: 0;
  }
  .vs-layout .vs-panel-header {
    display: none;
  }
  .vs-layout .vs-panel-header-mobile {
    display: block; text-align: center; margin-bottom: 15px;
  }
  .home-verticals .vs-layout .vs-panel-header-mobile {
    margin-bottom: 0;
  }
  .vs-panel-title {
    margin-bottom: 12px;
  }
  .vertical--divider {
    margin: 15px auto;
  }
  .vs-layout .image-panel {
    position: absolute; top: 0; z-index: 4; width: 100%; height: 100%;
  }
  .vs-layout .image-overlay {
    background: linear-gradient( 90deg, #043a75 0%, #2f80edff 30%, #4db8ffff 60%, #99d0f200 100%);
  }
  .vs-layout .block p:not(:last-child) {
    margin: 0 0 10px;
  }
  .vs-layout .text-panel {
    padding: 18px 20px 40px;
  }
  .vs-layout .gradient-btn {
    font-size: 16px; padding: 14px 18px;
  }
  .vs-layout .small-image {
    width: 100px; height: 60px;
  }
}
/* ===== Responsive - 768px ===== */
@media (max-width: 768px) {
  .gradient-btn {
    padding: 10px 10px; min-width: 130px;
  }
  .vs-layout .section {
    padding: 10px;
  }
  .vs-layout .text-title {
    margin-bottom: 10px;
  }
  .vertical--divider {
    width: 100%;
    margin: 10px auto;
  }
  .vs-layout .gradient-btn {
    font-size: 14px;
    padding: 12px 16px;
  }
  .vs-layout .vs-card {
    margin-bottom: 15px;
  }
}
/* ===== Responsive - 480px ===== */
@media (max-width: 480px) {
  .vs-layout .image-overlay {
    background: linear-gradient( 90deg, #043a75 0%, #2f80edff 50%, #4db8ffff 80%, #99d0f200 100% );
  }
  .vs-layout .small-image {
    width: 80px; height: 40px;
  }
  .vs-layout .text-panel {
    padding: 15px 10px 40px;
  }
  .vs-layout .block:not(:last-child) {
    margin-bottom: 10px;
  }
  .vs-layout .tab-btn {
    padding: 10px 0;
  }
}

/* Divi Default Scroll To Top Button */
.et_pb_scroll_top.et-pb-icon{
    width:50px; height:50px; right:20px; bottom:20px; background:transparent !important; color:#4DB8FF; border:3px solid #4DB8FF; border-radius:50%; display:none; align-items:center; justify-content:center; box-shadow:none; transition: transform .35s ease, box-shadow .35s ease, opacity .35s ease; z-index:9999;
}
.et_pb_scroll_top.et-pb-icon::before{
    font-size:26px; color:#4DB8FF;
}
.et_pb_scroll_top.et-pb-icon:hover{
    background:transparent !important;
    transform: translateY(-6px) scale(1.05);
    box-shadow: 0 0 12px rgba(77,184,255,.45), 0 0 24px rgba(77,184,255,.35), 0 0 40px rgba(77,184,255,.2);
}
.et_pb_scroll_top.et-visible{
    opacity:1;
}
.et_pb_scroll_top{
    transition: opacity .35s ease, transform .35s ease;
}