/* Otomatik üretildi: tools/css-purge.py — kaynak: style.css (elle düzenlemeyin) */
:root{--color-primary: #0c4c75;
  --color-primary-2: #093a5c;
  --color-primary-3: #e95e6c;
  --color-primary-4: #1565a0;
  --color-primary-5: #1e7bb8;
  --color-primary-6: #42a66c;
  --color-primary-7: #ff5d0c;
  --color-secondary: #f4732a;
  --color-secondary-2: #f6b9a7;
  --color-secondary-3: #8208fe;
  --color-secondary-4: #2b354f;
  --color-secondary-5: #343351;
  --color-secondary-6: #fdf5e2;
  --color-secondary-7: #e0fafb;
  --color-heading: #161c2d;
  --color-heading-2: #1a1b1e;
  --color-heading-3: #36234b;
  --color-heading-4: #1f1f1f;
  --color-heading-5: #000002;
  --color-body: #1d1e21;
  --color-body-2: #6f667b;
  --color-body-3: #7a7a7a;
  --color-body-4: #656871;
  --color-dark: #1b202f;
  --color-dark-2: #16171b;
  --color-dark-3: #191a1e;
  --color-dark-4: #282a33;
  --color-white: #fff;
  --color-grey: #f5f3f5;
  --color-soft-grey: #f2f5fe;
  --color-soft-grey-2: #f4f7fa;
  --color-offwhite: #e7e8ea;
  
  
  --font-cs-bold: "Noto Sans", sans-serif;
  --font-cs-medium: "Noto Sans", sans-serif;
  --font-cs-book: "Noto Sans", sans-serif;

  
  --font-size-xs: 0.75rem;        
  --font-size-label: 0.8125rem;  
  --font-size-sm: 0.875rem;      
  --font-size-base: 1rem;       
  --font-size-md: 1.0625rem;    
  --font-size-lg: 1.1rem;       
  --font-size-xl: 1.125rem;     
  --font-size-2xl: 1.25rem;     
  --font-size-3xl: 1.5rem;      
  --font-size-4xl: 1.875rem;   
  --font-size-5xl: 2rem;       
  --font-size-6xl: 2.625rem;   
  --font-size-display: 3rem;   
  --font-size-page-title: 2.25rem; 
  
  --font-size-section-title: 2.625rem;   
  --font-size-section-title-mobile: 1.35rem;
  --font-size-card-title: 1.0625rem;    
  --font-size-caption: 0.9375rem;}
body{font-family: var(--font-cs-book);}
body{color: var(--color-body);
  font-family: var(--font-cs-book);
  font-weight: normal;
  font-size: var(--font-size-md);
  line-height: 1.8;
  overflow-x: hidden !important;}
*{margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}
img{max-width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.slick-slide img{display: inline-block;}
h1,h2,h3,h4,h5,h6{font-family: var(--font-cs-bold);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-heading);
  margin: 0px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color: var(--color-heading);}
ul,ol{margin: 0px;
  padding: 0px;
  list-style-type: none;}
p{margin: 0px;}
a{display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
a:hover{text-decoration: none;}
a,span{display: inline-block;}
.slick-dots{text-align: center;
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;}
.slick-dots li{position: relative;
    display: inline-block;
    line-height: 1;
    height: 12px;
    width: 12px;
    background: #dad8fc;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;}
.slick-dots li button{width: 100%;
      height: 100%;
      font-size: 0;
      background-color: transparent;
      border: none;}
.slick-dots li::after{position: absolute;
      content: "";
      height: 30px;
      width: 30px;
      background: transparent;
      z-index: -1;
      border-radius: 50%;
      left: -9px;
      top: -9px;
      border: 2px solid var(--color-primary);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      z-index: 1;}
.slick-dots li.slick-active{background-color: var(--color-primary);}
.slick-dots li.slick-active::after{-webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
a:focus,.slick-initialized .slick-slide:focus,input:focus,textarea:focus,select:focus,button:focus{text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;}
input:focus{-webkit-box-shadow: none;
  box-shadow: none;}
::-webkit-input-placeholder{color: inherit;
  opacity: 1;}
:-ms-input-placeholder{color: inherit;
  opacity: 1;}
::-ms-input-placeholder{color: inherit;
  opacity: 1;}
::placeholder{color: inherit;
  opacity: 1;}
input[type="search"]::-ms-clear{display: none;
  width: 0;
  height: 0;}
input[type="search"]::-ms-reveal{display: none;
  width: 0;
  height: 0;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display: none;}
input,select,textarea,.nice-select{width: 100%;
  height: 65px;
  padding: 0 30px;
  background-color: var(--color-soft-grey);
  border: none;
  color: var(--color-body);
  border-radius: 0;
  font-size: 16px;}
textarea{padding-top: 20px;
  height: 200px;
  display: inherit;}
.nice-select{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;}
.nice-select .list{width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--color-soft-grey-2);}
.nice-select .list .option{padding: 5px 30px;
      font-size: 16px;
      height: auto;}
.nice-select .list .option:hover,.nice-select .list .option.selected{background-color: var(--color-soft-grey-2);}
.nice-select .list .option:hover,.nice-select .list .option.focus,.nice-select .list .option.selected.focus{background-color: var(--color-soft-grey-2);}
.nice-select .list .option.selected{font-weight: normal;}
.nice-select .list .option:not(:last-child){border-bottom: 1px solid var(--color-soft-grey-2);}
.nice-select::after{content: "";
    border: none;
    position: absolute;
    line-height: 1;
    right: 30px;
    top: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: unset;
    -ms-transform-origin: unset;
    transform-origin: unset;
    width: auto;
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    font-family: "Font Awesome 5 Pro";}
.nice-select.open::after{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
@-webkit-keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }
@keyframes sticky {
  0% {
    top: -200px; }
  100% {
    top: 0; } }
@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }
@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }
@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0; } }
@keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0; } }
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); } }
@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); } }
@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
.template-header{position: relative;
  z-index: 999;}
.template-header .nav-menu ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.template-header .nav-menu li{line-height: 110px;
    margin: 0 15px;
    position: relative;}
.template-header .nav-menu li a{position: static;
      padding: 5px;
      line-height: 1.4;
      color: var(--color-heading);
      font-size: 18px;
      font-family: var(--font-cs-medium);
      font-weight: 500;}
.template-header .nav-menu li a .dd-trigger{padding-left: 6px;
        font-size: 15px;}
.template-header .nav-menu li a::before{content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        width: 0;
        top: 0;
        height: 5px;
        background-color: var(--color-primary);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;}
.template-header .nav-menu li a:hover{color: var(--color-primary);}
.template-header .nav-menu li a:hover::before{width: calc(100% - 10px);
          visibility: visible;
          opacity: 1;}
.template-header .nav-menu li.active > a{color: var(--color-primary);}
.template-header .nav-menu li.active > a::before{visibility: visible;
        opacity: 1;
        width: calc(100% - 10px);}
.template-header .nav-menu .sub-menu{display: block;
    position: absolute;
    width: 220px;
    background-color: var(--color-white);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    -webkit-box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    left: 0;
    top: calc(100% + 40px);
    visibility: hidden;
    opacity: 0;}
.template-header .nav-menu .sub-menu li{line-height: 1;
      margin: 0;}
.template-header .nav-menu .sub-menu li:not(:last-child){border-bottom: 1px solid rgba(15, 23, 42, 0.06);}
.template-header .nav-menu .sub-menu li::before{display: none;}
.template-header .nav-menu .sub-menu li a{font-size: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        line-height: 1.4;}
.template-header .nav-menu .sub-menu li a .dd-trigger i{-webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);}
.template-header .nav-menu .sub-menu li a:hover{background-color: var(--color-primary);
          color: var(--color-white);}
.template-header .nav-menu .sub-menu li a::before{display: none;}
.template-header .nav-menu .sub-menu .sub-menu{left: 100%;
      top: 50%;}
.template-header .nav-menu li:hover > .sub-menu{visibility: visible;
    opacity: 1;
    top: 100%;}
.template-header .nav-menu .sub-menu li:hover > .sub-menu{top: 0;}
.template-header .off-canvas-btn span{display: block;
      height: 4px;
      background-color: var(--color-heading);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;}
.template-header .off-canvas-btn span:nth-child(2){margin: 10px 0;}
.template-header .off-canvas-btn span:nth-child(1){margin-left: 8px;}
.template-header .off-canvas-btn span:nth-child(3){margin-right: 8px;}
.template-header .off-canvas-btn:hover span:nth-child(1){margin-left: 0;
      margin-right: 8px;}
.template-header .off-canvas-btn:hover span:nth-child(3){margin-right: 0;
      margin-left: 8px;}
.template-header .template-btn{padding: 12px 26px;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(12, 76, 117, 0.18);}
.template-header .template-btn:hover{box-shadow: 0 8px 22px rgba(12, 76, 117, 0.24);
      background-color: var(--color-primary-2);
      border-color: var(--color-primary-2);}
.template-header .navbar-toggler{width: 55px;
    padding: 10px;
    font-size: 0;
    border: 2px solid var(--color-heading);
    border-radius: 5px;}
.template-header .navbar-toggler span{display: block;
      height: 3px;
      background-color: var(--color-heading);}
.template-header .navbar-toggler span:nth-child(2){margin: 6px 0;}
.template-header.sticky-header.sticky-on{position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
    -webkit-box-shadow: 0 8px 20px rgba(55, 125, 255, 0.08);
    box-shadow: 0 8px 20px rgba(55, 125, 255, 0.08);
    background-color: var(--color-white);}
.template-header.sticky-header.sticky-on .nav-menu ul li{line-height: 95px;}
.off-canvas-wrapper,.mobile-slide-panel{position: fixed;
  right: 0;
  top: 0;
  background-color: transparent;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;}
.off-canvas-wrapper .canvas-inner{max-width: 520px;
  width: 100%;
  margin-right: -520px;
  height: 100vh;
  background-color: var(--color-white);
  padding: 40px;
  position: relative;
  z-index: 2;
  overflow-y: scroll;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.off-canvas-wrapper .canvas-overlay,.mobile-slide-panel .panel-overlay{position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-heading);
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  visibility: hidden;}
.off-canvas-wrapper .canvas-close,.mobile-slide-panel .panel-close{position: absolute;
  top: 20px;
  right: 30px;
  z-index: 2;
  font-size: 28px;
  line-height: 1;
  color: var(--color-heading);}
.mobile-slide-panel .panel-close{top: 10px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255,255,255,0.25);
  color: #fff !important;
  border-radius: 50%;
  font-size: 18px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  z-index: 3;}
.mobile-slide-panel .panel-close:hover{background: rgba(255,255,255,0.4);}
.mobile-slide-panel .mobile-menu{margin: 0;
  padding: 16px 0 12px;}
.mobile-slide-panel .mobile-menu > ul > li{margin-top: 10px;}
.mobile-slide-panel .mobile-menu > ul > li:first-child{margin-top: 0;}
.mobile-slide-panel .mobile-menu li a{position: relative;
  display: block;
  line-height: 1.4;
  padding: 12px 48px 12px 20px;
  margin: 0 12px;
  border-radius: 10px;
  border: none;
  border-bottom: none;
  color: #1a1a2e;
  font-size: 15px;
  font-family: var(--font-cs-medium);
  font-weight: 500;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;}
.mobile-slide-panel .mobile-menu > ul > li > a:active,.mobile-slide-panel .mobile-menu > ul > li > a:hover{background-color: rgba(12, 76, 117, 0.08);
    color: #0c4c75;}
.mobile-slide-panel .mobile-menu li a .dd-trigger{position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    z-index: 2;
    border-left: none;
    color: #0c4c75;
    font-size: 13px;
    opacity: 0.8;}
.mobile-slide-panel .mobile-menu li .sub-menu{display: none;
  margin: 0 12px 4px 12px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding: 12px 0 12px 12px;
  background: rgba(12, 76, 117, 0.06);
  border-radius: 10px;
  border-left: 3px solid #0c4c75;
  border-bottom: none;}
.mobile-slide-panel .mobile-menu li .sub-menu li{margin-bottom: 2px;}
.mobile-slide-panel .mobile-menu li .sub-menu li:last-child{margin-bottom: 0;}
.mobile-slide-panel .mobile-menu li .sub-menu li a{padding: 10px 16px 10px 12px;
    margin: 0;
    font-size: 14px;
    color: #475569;
    border-radius: 8px;}
.mobile-slide-panel .mobile-menu li .sub-menu li a:hover,.mobile-slide-panel .mobile-menu li .sub-menu li a:active{color: #0c4c75;
      background: rgba(12, 76, 117, 0.08);}
.mobile-slide-panel .mobile-menu li.active > a{color: #0c4c75;
  background: rgba(12, 76, 117, 0.1);
  font-weight: 600;}
.mobile-slide-panel .mobile-menu li.active > a::before{display: none;}
.off-canvas-wrapper .canvas-close{position: absolute;
  top: 20px;
  right: 30px;
  z-index: 2;
  font-size: 28px;
  line-height: 1;
  color: var(--color-heading);}
.off-canvas-wrapper.canvas-on,.mobile-slide-panel.panel-on{opacity: 1;
  visibility: visible;}
.off-canvas-wrapper.canvas-on .canvas-inner{visibility: visible;
  opacity: 1;
  margin-right: -18px;}
.off-canvas-wrapper.canvas-on .canvas-overlay,.mobile-slide-panel.panel-on .panel-overlay{opacity: 1;
  visibility: visible;
  opacity: 0.4;}
@media (max-width: 767px){.off-canvas-wrapper .canvas-inner{max-width: 100%;
    width: 100%;
    margin-right: -100%;}.off-canvas-wrapper.canvas-on .canvas-inner{margin-right: 0;}}
#preloader{position: fixed;
  background-color: var(--color-heading);
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;}
.template-btn{display: inline-block;
  color: var(--color-white);
  padding: 15px 40px;
  font-size: 15px;
  font-family: var(--font-cs-bold);
  font-weight: 700;
  line-height: 1.4;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  border-radius: 50px;
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(12, 76, 117, 0.35);
  box-shadow: 0px 10px 30px 0px rgba(12, 76, 117, 0.35);
  overflow: hidden;}
.template-btn i{margin-left: 10px;}
.template-btn:hover{color: var(--color-white);
    -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.3);
    background-color: var(--color-heading);
    border-color: var(--color-heading);}
.hero-slider .slick-dots{position: absolute;
  right: 13%;
  top: 50%;
  display: block;
  margin: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.hero-slider .slick-dots li{display: block;
    margin: 20px 0;
    background-color: var(--color-white);}
.hero-slider .slick-dots li::after{border-color: var(--color-white);}
.hero-slider .slick-dots li.slick-active{background-color: var(--color-white);}
.hero-slider .slick-arrow{position: absolute;
  right: 4%;
  bottom: 0;
  height: 50px;
  width: 50px;
  background-color: var(--color-white);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-heading);
  font-size: 18px;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: none;
  box-shadow: none;}
.hero-slider .slick-arrow.prev-arrow{right: calc(4% + 52px);}
.hero-slider .slick-arrow:hover{background-color: var(--color-primary-4);
    color: var(--color-white);}
.common-heading .tagline{font-size: var(--font-size-xl);
  font-family: var(--font-cs-medium);
  line-height: 1.4;
  margin-bottom: 15px;}
.common-heading .title{font-size: var(--font-size-section-title);
  letter-spacing: -2px;
  line-height: 1.2;}
.customer-review-wrap .slick-dots{margin-top: 70px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;}
.customer-review-wrap .slick-dots li.slick-active{background: var(--color-secondary);}
.customer-review-wrap .slick-dots li.slick-active:after{border-color: var(--color-secondary);}
@-webkit-keyframes customZoomInOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes customZoomInOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.testimonial-boxes-v3{z-index: 1;
  max-width: 500px;}
.testimonial-boxes-v3 .slick-dots{margin-top: 60px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;}
.testimonial-boxes-v3 .slick-dots li{width: 10px;
      height: 10px;}
.testimonial-boxes-v3 .slick-dots li.slick-active{background-image: -webkit-linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);
        background-image: -o-linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);
        background-image: linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);}
.testimonial-boxes-v3 .slick-dots li:after{top: -10px;
        left: -10px;
        border-color: linear-gradient(to bottom, red, var(--color-primary)) 1 100%;}
.progress-bars .single-progress:not(:last-child){margin-bottom: 35px;}
.progress-bars .single-progress .title,.progress-bars .single-progress .percentage{color: var(--color-heading);
  font-size: 18px;
  font-family: var(--font-cs-bold);
  font-weight: 700;
  line-height: 1;}
.service-tab-section{position: relative;
  z-index: 1;}
.service-tab-section .service-tab-ime img,.service-tab-section .tab-pane img{max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;}
.service-tab-section a.product-gallery-link,.cta-section a.product-gallery-link{display: block;
    cursor: zoom-in;}
.service-tab-section::before{content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 66%;
    z-index: -1;
    background-color: #f7f7f7;}
.screenshot-arrows .slick-arrow{width: 45px;
  height: 45px;
  border-radius: 7px;
  font-size: 18px;
  color: var(--color-white);
  background-color: var(--color-dark-4);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: none;}
.screenshot-arrows .slick-arrow:hover,.screenshot-arrows .slick-arrow.next-arrow{background-color: var(--color-primary-6);}
.screenshot-arrows .slick-arrow.next-arrow{margin-left: 8px;}
.portfolio-filter ul{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
.portfolio-filter ul li{background-color: var(--color-soft-grey);
    color: var(--color-heading);
    font-family: var(--font-cs-medium);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    padding: 15px 30px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.portfolio-filter ul li.active,.portfolio-filter ul li:hover{background-color: var(--color-primary);
      color: var(--color-white);}
.cta-section{position: relative;
  z-index: 1;}
.cta-section .cta-image img{max-width: 100%;
    width: 100%;
    height: auto;
    display: block;}
.service-details-content .service-title{font-size: 42px;
  margin-bottom: 30px;}
.service-details-content .service-subtitle{font-size: 30px;
  margin-bottom: 25px;}
.portfolio-filter-two{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;}
.portfolio-filter-two li{z-index: 1;
    color: black;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 700;
    padding: 1px 18px;
    border-radius: 5px;
    position: relative;}
.portfolio-filter-two li:before{content: "";
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      z-index: -1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      position: absolute;
      border-radius: 5px;
      background-image: -webkit-linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);
      background-image: -o-linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);
      background-image: linear-gradient(45deg, #6b34fa 0%, #d4156e 100%);}
.portfolio-filter-two li:hover,.portfolio-filter-two li.active{color: white;}
.portfolio-filter-two li:hover:before,.portfolio-filter-two li.active:before{opacity: 1;}
.portfolio-filter-two li:not(:last-child){margin: 0 5px 5px 0;}