/*-----------------------------------*\
  #style.css
\*-----------------------------------*/

/**
 * copyright 2022 codewithsadee
 */





/*-----------------------------------*\
  #CUSTOM PROPERTY
\*-----------------------------------*/

:root {

  /**
   * colors
   */

  --st-patricks-blue: #e78c02;
  --amaranth-purple: hsl(335, 88%, 38%);
  --royal-blue-dark: hsl(231, 68%, 21%);
  --chrome-yellow: hsl(39, 100%, 52%);
  --space-cadet-1: hsl(230, 41%, 25%);
  --space-cadet-2: #fc5b05;
  --winter-sky_50: hsla(335, 87%, 53%, 0.5);
  --purple-navy: hsl(236, 26%, 43%);
  --ksu-purple: hsl(275, 54%, 33%);
  --winter-sky: #fc5b05;
  --razzmatazz: #fc5b05;
  --platinum: hsl(0, 0%, 90%);
  --black_70: hsla(0, 0%, 0%, 0.7);
  --rajah: hsl(29, 99%, 67%);
  --white: hsl(0, 0%, 100%);
  --dark-blue: hsl(240, 38%, 20%);
  --grayish-blue: hsl(240, 18%, 77%);
  --dark-grayish-blue:#8585AC;

  --gradient-1: linear-gradient(3033deg, #fc5b05 0%, #e78c02 51%, #fe8903);
--gradient-2: linear-gradient(90deg, #ff9b00, #fea703);



  
  /**
   * typography
   */

  --ff-source-sans-pro: 'Source Sans Pro', sans-serif;
  --ff-poppins: 'Poppins', sans-serif;

  --fs-1: 3.6rem;
  --fs-2: 3.8rem;
  --fs-3: 3.2rem;
  --fs-4: 2.5rem;
  --fs-5: 2.4rem;
  --fs-6: 2rem;
  --fs-7: 1.8rem;
  --fs-8: 1.5rem;

  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  /**
   * border radius
   */

  --radius-4: 4px;
  --radius-12: 12px;

  /**
   * spacing
   */

  --section-padding: 80px;

  /**
   * transition
   */

  --transition-1: 0.15s ease;
  --transition-2: 0.35s ease;
  --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);
  --cubic-out: cubic-bezier(0.33, 0.85, 0.56, 1.02);

  /**
   * shadow
   */

  --shadow: 0 5px 20px 1px hsla(220, 63%, 33%, 0.1);
  --box-shadow-1: 0 4rem 5rem -3rem rgba(36,36,113,0.50);
  --box-shadow-2: 0 1.5rem 2rem -1rem rgba(36,36,113,0.10); 
 
}





/*-----------------------------------*\
  #RESET
\*-----------------------------------*/

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li { list-style: none; }

a { text-decoration: none; }

a,
img,
span,
input,
button,
ion-icon { display: block; }

button,
input {
  background: none;
  border: none;
  font: inherit;
}

button { cursor: pointer; }

input { width: 100%; }

ion-icon { pointer-events: none; }

img { height: auto; }

address { font-style: normal; }

html {
  font-family: var(--ff-poppins);
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  background-color: var(--white);
  color: var(--purple-navy);
  font-size: 1.6rem;
}

::-webkit-scrollbar { width: 10px; }

::-webkit-scrollbar-track { background-color: hsl(0, 0%, 95%); }

::-webkit-scrollbar-thumb { background-color: hsl(0, 0%, 80%); }

::-webkit-scrollbar-thumb:hover { background-color: hsl(0, 0%, 70%); }





/*-----------------------------------*\
  #REUSED STYLE
\*-----------------------------------*/

.container { padding-inline: 15px; }

.h2,
.h3 { font-family: var(--ff-source-sans-pro); }

.btn {
  background-image: var(--gradient-2);
  background-size: 200%;
  color: var(--white);
  padding: 12px 35px;
  font-size: var(--fs-8);
  font-weight: var(--fw-500);
  border-radius: 0 25px;
  transition: var(--transition-2);
}

.btn:is(:hover, :focus) { background-position: right; }

.w-100 { width: 100%; }

.banner-animation { animation: waveAnim 2s linear infinite alternate; }

@keyframes waveAnim {
  0% { transform: translate(0, 0) rotate(0); }
  100% { transform: translate(2px, 2px) rotate(1deg); }
}

.section { padding-block: var(--section-padding); }

.section-title {
  color: var(--st-patricks-blue);
  font-size: var(--fs-3);
  margin-block-end: 60px;
  max-width: max-content;
  margin-inline: auto;
  margin-top: -80px;
}

.underline { position: relative; }

.underline::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 6px;
  background-image: var(--gradient-2);
  border-radius: 10px;
}

:is(.service-card, .features-card) .title {
  color: var(--st-patricks-blue);
  font-size: var(--fs-4);
  font-weight: var(--fw-700);
}

:is(.service-card, .features-card, .blog-card) .text { font-size: var(--fs-8); }

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}





/*-----------------------------------*\
  #HEADER
\*-----------------------------------*/

.header .btn { display: none; }

.header {
  --color: var(--white);

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 14px;
  z-index: 4;
  transition: var(--transition-1);
}

.header.active {
  --color: var(--st-patricks-blue);

  position: fixed;
  background-color: var(--white);
  box-shadow: 0 2px 30px hsla(0, 0%, 0%, 0.1);
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.logo {
  color: var(--color);
  font-family: var(--ff-source-sans-pro);
  font-size: var(--fs-3);
}

.logo-container {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-top: 10px;
}

.logo {
  width: 160px; /* Adjust the width as needed */
  margin-right: 10px;
}

.logo-text {
  font-size: 24px; /* Adjust the size as needed */
  color: #000; /* Change the color as needed */
}


.nav-open-btn {
  color: var(--color);
  font-size: 32px;
  padding: 4px;
}

.navbar {
  background-color: var(--white);
  position: fixed;
  top: 0;
  left: -280px;
  width: 100%;
  max-width: 280px;
  min-height: 100%;
  padding: 20px;
  visibility: hidden;
  z-index: 2;
  transition: 0.25s var(--cubic-in);
}

.navbar.active {
  transform: translateX(280px);
  visibility: visible;
  transition: 0.5s var(--cubic-out);
}

.navbar-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px 30px;
}

.navbar-top .logo {
  color: var(--st-patricks-blue);
  font-size: 4.2rem;
  font-weight: var(--fw-700);
}

.nav-close-btn {
  color: var(--space-cadet-1);
  font-size: 2.8rem;
  padding: 4px;
}

.navbar-item:not(:last-child) { border-bottom: 1px solid var(--platinum); }

.navbar-link {
  color: var(--space-cadet-1);
  font-size: var(--fs-8);
  font-weight: var(--fw-600);
  padding-block: 12px;
}

.overlay {
  position: fixed;
  inset: 0;
  background-color: var(--black_70);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-2);
}

.overlay.active {
  opacity: 1;
  pointer-events: all;
}





/*-----------------------------------*\
  #HERO
\*-----------------------------------*/

.hero {
  background-image: 
    url("../images/bg-bottom.png"),
    url("../images/bg-bottom.png"),
    url("../images/hero-bg.png"),
    var(--gradient-1);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 
    bottom left,
    bottom right, /* Position for the first image */
    bottom center, /* Position for the second image */
    bottom center; /* Position for the gradient */
  background-size: 
    auto, /* Cover the container for the first image */
    auto,
    auto,
    auto,
    auto,
    auto, /* Cover the container for the second image */
    cover; /* Cover the container for the gradient */
  padding-block-start: 150px;
  padding-block-end: var(--section-padding);
}

.hero-content { margin-block-end: 50px; }

.hero-subtitle {
  color: var(----royal-blue-dark);
  font-family: var(--ff-source-sans-pro);
  font-size: var(--fs-7);
  margin-block-end: 25px;
}

.hero-title {
  color: var(--white);
  font-size: var(--fs-1);
  margin-block-end: 20px;
}

.hero-text {
  color: var(--white);
  font-size: var(--fs-8);
  margin-block-end: 30px;
}

.button-container {
  display: flex;
  gap: 10px; /* Adjust gap between buttons if needed */
  justify-content: left; /* Center align buttons horizontally */
}

.button-container .btn {
  padding: 10px 20px; /* Adjust padding as needed */
  border: 2px solid white; /* Border color and width */
  border-radius: 0 25px; /* Adjust border radius to your preference */
  background-color: transparent; /* Background color for buttons */
  color: white; /* Text color */
  font-size: 16px; /* Adjust font size as needed */
  transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effects */
}

.button-container .btn:hover {
  background-color: white; /* Background color on hover */
  color: black; /* Text color on hover */
}





/*-----------------------------------*\
  #ABOUT
\*-----------------------------------*/

.about-banner { margin-block-end: 20px; }

.about .section-title { margin-inline: 0; }

.about .underline::before {
  left: 0;
  transform: translateX(0);
}

.about-text {
  font-size: var(--fs-8);
  margin-block-end: 20px;
}

.about .section-title2 {
  font-family: 'Poppins', sans-serif;
  margin-inline: 0;
  color: black; /* Add this line to set the text color to black */
  padding-bottom: 20px;
 /* Replace -10px with 10px to ensure positive padding */
 padding-left: 5px;
 padding-right: 10px;
}

.stats-list {
  display: grid;
  gap: 30px;

}

.stats-card {
  text-align: center;
  padding: 15px;
  box-shadow: var(--shadow);
  border-radius: var(--radius-12);
  
}

.stats-title {
  color: var(--st-patricks-blue);
  font-size: var(--fs-2);
  font-weight: var(--fw-700);
}

.stats-text { font-size: var(--fs-8); }


/*** Testimonial ***/

.section-testimonials {
  height: 100vh;
  width: 100%;
  padding: 5rem 0 9.3rem 5rem;
  background-image: url(https://testimonials-slider-theta.vercel.app/images/pattern-curve.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  @media only screen and (max-width: 75em) {
    .section-testimonials {
      height: auto; } }
  @media only screen and (max-width: 63em) {
    .section-testimonials {
      padding: 4rem 8rem;
      background-size: 76%; } }
  @media only screen and (max-width: 41em) {
    .section-testimonials {
      padding: 2.4rem;
      align-items: flex-start; } }

@keyframes slideInNext {
  0% {
    transform: translateX(50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@keyframes slideInPrev {
  0% {
    transform: translateX(-50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@keyframes slideOutNext {
  0% {
    transform: translateX(0%);
    opacity: 1; }
  70% {
    opacity: 0;
    display: none; }
  100% {
    transform: translateX(-50%);
    opacity: 0; } }

.slider {
  max-width: 144rem;
  margin-bottom: 2rem;
  padding: 6.3rem 16.5rem;
  background-image: url(https://testimonials-slider-theta.vercel.app/images/pattern-bg.svg);
  background-repeat: no-repeat;
  background-size: 48.4%;
  background-position: bottom 0px right 7.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 75em) {
    .slider {
      background-size: 48%; } }
  @media only screen and (max-width: 63em) {
    .slider {
      padding: 0;
      background-position: top center;
      background-size: 62% auto;
      align-items: flex-start; } }
  @media only screen and (max-width: 52.5em) {
    .slider {
      background-size: 75% auto; } }
  @media only screen and (max-width: 41em) {
    .slider {
      background-size: 100% auto; } }
  .slider__slides {
    width: 100%;
    display: flex; }
    @media only screen and (max-width: 63em) {
      .slider__slides {
        margin-top: 3rem; } }
  .slider__slide {
    flex: 1 0 100%;
    margin-right: 21.5rem; }
    @media only screen and (max-width: 63em) {
      .slider__slide {
        flex: 1 0 100%; } }
  .slider__slide-content {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 63em) {
      .slider__slide-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; } }
  .slider__buttons {
    flex: 0 0 auto;
    width: 11.2rem;
    height: 5.6rem;
    box-shadow: var(--box-shadow-2);
    display: flex;
    position: absolute;
    bottom: 6.5%;
    right: 36%; }
    @media only screen and (max-width: 75em) {
      .slider__buttons {
        bottom: 7.5%; } }
    @media only screen and (max-width: 63em) {
      .slider__buttons {
        top: 41vw;
        right: 50%;
        transform: translateX(50%); } }
    @media only screen and (max-width: 52.5em) {
      .slider__buttons {
        top: 48vw; } }
    @media only screen and (max-width: 41em) {
      .slider__buttons {
        width: 8rem;
        height: 4rem;
        top: 70vw; } }
  .slider__button {
    flex: 0 0 50%;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .slider__button--prev {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%; }
    .slider__button--next {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%; }
  .slider__button-icon {
    stroke: var(--dark-grayish-blue);
    transition: stroke 0.2s; }
  .slider__button:hover .slider__button-icon {
    stroke: var(--grayish-blue); }
  .slider__button:active .slider__button-icon {
    stroke: var(--dark-grayish-blue); }

.testimonial {
  width: 100%; }
  .testimonial__text {
    color: var(--dark-blue);
    flex: 0 1 57.2%;
    margin-right: -5.8%;
    z-index: 1;
    position: relative; }
    @media only screen and (max-width: 63em) {
      .testimonial__text {
        order: 1;
        flex: initial;
        margin-right: 0;
        margin-top: 13rem;
        text-align: center; } }
    @media only screen and (max-width: 41em) {
      .testimonial__text {
        margin-top: 7rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__text {
        margin-top: 5rem; } }
  .testimonial__quotation-marks {
    position: absolute;
    top: -6.5rem;
    left: 9.5rem; }
    @media only screen and (max-width: 63em) {
      .testimonial__quotation-marks {
        left: 50%;
        transform: translateX(-50%); } }
    @media only screen and (max-width: 41em) {
      .testimonial__quotation-marks {
        width: 6rem;
        height: 5rem;
        top: -2.5rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__quotation-marks {
        width: 4rem;
        height: auto;
        top: -1rem; } }
  .testimonial__quote {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.375;
    margin-bottom: 3.2rem; }
    @media only screen and (max-width: 75em) {
      .testimonial__quote {
        font-size: 2.5rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__quote {
        font-size: 3.2rem; } }
    @media only screen and (max-width: 52.5em) {
      .testimonial__quote {
        font-size: 2.2rem; } }
    @media only screen and (max-width: 41em) {
      .testimonial__quote {
        font-size: 1.8rem;
        margin-bottom: 1.9rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__quote {
        font-size: 1.6rem;
        margin-bottom: 1.5rem; } }
  .testimonial__cite {
    font-size: 2rem;
    font-style: normal; }
    @media only screen and (max-width: 75em) {
      .testimonial__cite {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__cite {
        font-size: 2rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__cite {
        font-size: 2.2rem;
        line-height: 1.5; } }
    @media only screen and (max-width: 41em) {
      .testimonial__cite {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__cite {
        font-size: 1.2rem; } }
    .testimonial__cite--name {
      font-weight: 700;
      margin-right: 8px; }
      @media only screen and (max-width: 75em) {
        .testimonial__cite--name {
          margin-right: 0;
          display: block; } }
    .testimonial__cite--role {
      color: var(--grayish-blue); }
  .testimonial__img {
    flex: 0 1 48.65%; }
    @media only screen and (max-width: 63em) {
      .testimonial__img {
        flex: initial;
        width: 50%; } }
    @media only screen and (max-width: 52.5em) {
      .testimonial__img {
        width: 60%; } }
    @media only screen and (max-width: 41em) {
      .testimonial__img {
        width: 77.7%; } }
  .testimonial__photo {
    width: 100%;
    box-shadow: var(--box-shadow-1);
    border-radius: 5px; }
    @media only screen and (max-width: 63em) {
      .testimonial__photo {
        width: 100%; } }

.attribution {
  flex: 1 0 100%;
  display: block;
  font-size: 11px;
  text-align: center;
  bottom: 2rem; }

.attribution a {
  color: #3e52a3; }
/****2nd ******/

/****3nd ******/


.section-testimonials {
  height: 100vh;
  width: 100%;
  padding: 5rem 0 9.3rem 5rem;
  background-image: url(https://testimonials-slider-theta.vercel.app/images/pattern-curve.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  @media only screen and (max-width: 75em) {
    .section-testimonials {
      height: auto; } }
  @media only screen and (max-width: 63em) {
    .section-testimonials {
      padding: 4rem 8rem;
      background-size: 76%; } }
  @media only screen and (max-width: 41em) {
    .section-testimonials {
      padding: 2.4rem;
      align-items: flex-start; } }

@-webkit-keyframes slideInNext {
  0% {
    transform: translateX(50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@keyframes slideInNext {
  0% {
    transform: translateX(50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes slideInPrev {
  0% {
    transform: translateX(-50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@keyframes slideInPrev {
  0% {
    transform: translateX(-50%);
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes slideOutNext {
  0% {
    transform: translateX(0%);
    opacity: 1; }
  70% {
    opacity: 0;
    display: none; }
  100% {
    transform: translateX(-50%);
    opacity: 0; } }

@keyframes slideOutNext {
  0% {
    transform: translateX(0%);
    opacity: 1; }
  70% {
    opacity: 0;
    display: none; }
  100% {
    transform: translateX(-50%);
    opacity: 0; } }

.slider {
  max-width: 144rem;
  margin-bottom: 2rem;
  padding: 6.3rem 16.5rem;
  background-image: url(https://testimonials-slider-theta.vercel.app/images/pattern-bg.svg);
  background-repeat: no-repeat;
  background-size: 48.4%;
  background-position: bottom 0px right 7.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 75em) {
    .slider {
      background-size: 48%; } }
  @media only screen and (max-width: 63em) {
    .slider {
      padding: 0;
      background-position: top center;
      background-size: 62% auto;
      align-items: flex-start; } }
  @media only screen and (max-width: 52.5em) {
    .slider {
      background-size: 75% auto; } }
  @media only screen and (max-width: 41em) {
    .slider {
      background-size: 100% auto; } }
  .slider__slides {
    width: 100%;
    display: flex; }
    @media only screen and (max-width: 63em) {
      .slider__slides {
        margin-top: 3rem; } }
  .slider__slide {
    flex: 1 0 100%;
    margin-right: 21.5rem; }
    @media only screen and (max-width: 63em) {
      .slider__slide {
        flex: 1 0 100%; } }
  .slider__slide-content {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 63em) {
      .slider__slide-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; } }
  .slider__buttons {
    flex: 0 0 auto;
    width: 11.2rem;
    height: 5.6rem;
    box-shadow: var(--box-shadow-2);
    display: flex;
    position: absolute;
    bottom: 6.5%;
    right: 36%; }
    @media only screen and (max-width: 75em) {
      .slider__buttons {
        bottom: 7.5%; } }
    @media only screen and (max-width: 63em) {
      .slider__buttons {
        top: 41vw;
        right: 50%;
        transform: translateX(50%); } }
    @media only screen and (max-width: 52.5em) {
      .slider__buttons {
        top: 48vw; } }
    @media only screen and (max-width: 41em) {
      .slider__buttons {
        width: 8rem;
        height: 4rem;
        top: 70vw; } }
  .slider__button {
    flex: 0 0 50%;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .slider__button--prev {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%; }
    .slider__button--next {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%; }
  .slider__button-icon {
    stroke: var(--dark-grayish-blue);
    transition: stroke 0.2s; }
  .slider__button:hover .slider__button-icon {
    stroke: var(--grayish-blue); }
  .slider__button:active .slider__button-icon {
    stroke: var(--dark-grayish-blue); }

.testimonial {
  width: 100%; }
  .testimonial__text {
    color: var(--dark-blue);
    flex: 0 1 57.2%;
    margin-right: -5.8%;
    z-index: 1;
    position: relative; }
    @media only screen and (max-width: 63em) {
      .testimonial__text {
        order: 1;
        flex: initial;
        margin-right: 0;
        margin-top: 13rem;
        text-align: center; } }
    @media only screen and (max-width: 41em) {
      .testimonial__text {
        margin-top: 7rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__text {
        margin-top: 5rem; } }
  .testimonial__quotation-marks {
    position: absolute;
    top: -6.5rem;
    left: 9.5rem; }
    @media only screen and (max-width: 63em) {
      .testimonial__quotation-marks {
        left: 50%;
        transform: translateX(-50%); } }
    @media only screen and (max-width: 41em) {
      .testimonial__quotation-marks {
        width: 6rem;
        height: 5rem;
        top: -2.5rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__quotation-marks {
        width: 4rem;
        height: auto;
        top: -1rem; } }
  .testimonial__quote {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.375;
    margin-bottom: 3.2rem; }
    @media only screen and (max-width: 75em) {
      .testimonial__quote {
        font-size: 2.5rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__quote {
        font-size: 3.2rem; } }
    @media only screen and (max-width: 52.5em) {
      .testimonial__quote {
        font-size: 2.2rem; } }
    @media only screen and (max-width: 41em) {
      .testimonial__quote {
        font-size: 1.8rem;
        margin-bottom: 1.9rem; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__quote {
        font-size: 1.6rem;
        margin-bottom: 1.5rem; } }
  .testimonial__cite {
    font-size: 2rem;
    font-style: normal; }
    @media only screen and (max-width: 75em) {
      .testimonial__cite {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__cite {
        font-size: 2rem; } }
    @media only screen and (max-width: 63em) {
      .testimonial__cite {
        font-size: 2.2rem;
        line-height: 1.5; } }
    @media only screen and (max-width: 41em) {
      .testimonial__cite {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (max-width: 22.5em) {
      .testimonial__cite {
        font-size: 1.2rem; } }
    .testimonial__cite--name {
      font-weight: 700;
      margin-right: 8px; }
      @media only screen and (max-width: 75em) {
        .testimonial__cite--name {
          margin-right: 0;
          display: block; } }
    .testimonial__cite--role {
      color: var(--grayish-blue); }
  .testimonial__img {
    flex: 0 1 48.65%; }
    @media only screen and (max-width: 63em) {
      .testimonial__img {
        flex: initial;
        width: 50%; } }
    @media only screen and (max-width: 52.5em) {
      .testimonial__img {
        width: 60%; } }
    @media only screen and (max-width: 41em) {
      .testimonial__img {
        width: 77.7%; } }
  .testimonial__photo {
    width: 100%;
    box-shadow: var(--box-shadow-1);
    border-radius: 5px; }
    @media only screen and (max-width: 63em) {
      .testimonial__photo {
        width: 100%; } }

.attribution {
  flex: 1 0 100%;
  display: block;
  font-size: 11px;
  text-align: center;
  bottom: 2rem; }

.attribution a {
  color: #3e52a3; }

/*# sourceMappingURL=data:application/json;base64,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QUFFLEVBQUU7SUFDekI7TUFDRTtRQUNFLGlCQUFpQjtRQUNqQixxQkFBcUIsRUFBRSxFQUFFO0lBQzdCO01BQ0U7UUFDRSxpQkFBaUI7UUFDakIscUJBQXFCLEVBQUUsRUFBRTtFQUMvQjtJQUNFLGVBQWU7SUFDZixrQkFBa0IsRUFBRTtJQUNwQjtNQUNFO1FBQ0UsaUJBQWlCLEVBQUUsRUFBRTtJQUN6QjtNQUNFO1FBQ0UsZUFBZSxFQUFFLEVBQUU7SUFDdkI7TUFDRTtRQUNFLGlCQUFpQjtRQUNqQixnQkFBZ0IsRUFBRSxFQUFFO0lBQ3hCO01BQ0U7UUFDRSxpQkFBaUI7UUFDakIsZ0JBQWdCLEVBQUUsRUFBRTtJQUN4QjtNQUNFO1FBQ0UsaUJBQWlCLEVBQUUsRUFBRTtJQUN6QjtNQUNFLGdCQUFnQjtNQUNoQixpQkFBaUIsRUFBRTtNQUNuQjtRQUNFO1VBQ0UsZUFBZTtVQUNmLGNBQWMsRUFBRSxFQUFFO0lBQ3hCO01BQ0UsMEJBQTBCLEVBQUU7RUFDaEM7SUFDRSxnQkFBZ0IsRUFBRTtJQUNsQjtNQUNFO1FBQ0UsYUFBYTtRQUNiLFVBQVUsRUFBRSxFQUFFO0lBQ2xCO01BQ0U7UUFDRSxVQUFVLEVBQUUsRUFBRTtJQUNsQjtNQUNFO1FBQ0UsWUFBWSxFQUFFLEVBQUU7RUFDdEI7SUFDRSxXQUFXO0lBQ1gsK0JBQStCO0lBQy9CLGtCQUFrQixFQUFFO0lBQ3BCO01BQ0U7UUFDRSxXQUFXLEVBQUUsRUFBRTs7QUFFdkI7RUFDRSxjQUFjO0VBQ2QsY0FBYztFQUNkLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsWUFBWSxFQUFFOztBQUVoQjtFQUNFLGNBQWMsRUFBRSIsImZpbGUiOiJzdHlsZS5wcmVmaXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAvKiogQ09MT1JTICoqL1xuICAtLWRhcmstYmx1ZTogaHNsKDI0MCwgMzglLCAyMCUpO1xuICAtLWdyYXlpc2gtYmx1ZTogaHNsKDI0MCwgMTglLCA3NyUpO1xuICAtLWRhcmstZ3JheWlzaC1ibHVlOiM4NTg1QUM7XG4gIC8qKiBTSEFET1dTICoqL1xuICAtLWJveC1zaGFkb3ctMTogMCA0cmVtIDVyZW0gLTNyZW0gcmdiYSgzNiwzNiwxMTMsMC41MCk7XG4gIC0tYm94LXNoYWRvdy0yOiAwIDEuNXJlbSAycmVtIC0xcmVtIHJnYmEoMzYsMzYsMTEzLDAuMTApOyB9XG5cbiosXG4qOjpiZWZvcmUsXG4qOjphZnRlciB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDsgfVxuXG5odG1sIHtcbiAgZm9udC1zaXplOiA2Mi41JTsgfVxuXG5ib2R5IHtcbiAgZm9udC1mYW1pbHk6ICdJbnRlcicsIHNhbnMtc2VyaWY7IH1cblxuLnNlY3Rpb24tdGVzdGltb25pYWxzIHtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDVyZW0gMCA5LjNyZW0gNXJlbTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uL2ltYWdlcy9wYXR0ZXJuLWN1cnZlLnN2Zyk7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGJvdHRvbSBsZWZ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiB3cmFwOyB9XG4gIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzVlbSkge1xuICAgIC5zZWN0aW9uLXRlc3RpbW9uaWFscyB7XG4gICAgICBoZWlnaHQ6IGF1dG87IH0gfVxuICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAuc2VjdGlvbi10ZXN0aW1vbmlhbHMge1xuICAgICAgcGFkZGluZzogNHJlbSA4cmVtO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiA3NiU7IH0gfVxuICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQxZW0pIHtcbiAgICAuc2VjdGlvbi10ZXN0aW1vbmlhbHMge1xuICAgICAgcGFkZGluZzogMi40cmVtO1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7IH0gfVxuXG5Aa2V5ZnJhbWVzIHNsaWRlSW5OZXh0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpO1xuICAgIG9wYWNpdHk6IDA7IH1cbiAgNzAlIHtcbiAgICBvcGFjaXR5OiAxOyB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgfSB9XG5cbkBrZXlmcmFtZXMgc2xpZGVJblByZXYge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuICAgIG9wYWNpdHk6IDA7IH1cbiAgNzAlIHtcbiAgICBvcGFjaXR5OiAxOyB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgfSB9XG5cbkBrZXlmcmFtZXMgc2xpZGVPdXROZXh0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XG4gICAgb3BhY2l0eTogMTsgfVxuICA3MCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgZGlzcGxheTogbm9uZTsgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgb3BhY2l0eTogMDsgfSB9XG5cbi5zbGlkZXIge1xuICBtYXgtd2lkdGg6IDE0NHJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgcGFkZGluZzogNi4zcmVtIDE2LjVyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWFnZXMvcGF0dGVybi1iZy5zdmcpO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IDQ4LjQlO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBib3R0b20gMHB4IHJpZ2h0IDcuM3JlbTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjsgfVxuICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc1ZW0pIHtcbiAgICAuc2xpZGVyIHtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogNDglOyB9IH1cbiAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2M2VtKSB7XG4gICAgLnNsaWRlciB7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogdG9wIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogNjIlIGF1dG87XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDsgfSB9XG4gIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTIuNWVtKSB7XG4gICAgLnNsaWRlciB7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IDc1JSBhdXRvOyB9IH1cbiAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0MWVtKSB7XG4gICAgLnNsaWRlciB7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgYXV0bzsgfSB9XG4gIC5zbGlkZXJfX3NsaWRlcyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDsgfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjNlbSkge1xuICAgICAgLnNsaWRlcl9fc2xpZGVzIHtcbiAgICAgICAgbWFyZ2luLXRvcDogM3JlbTsgfSB9XG4gIC5zbGlkZXJfX3NsaWRlIHtcbiAgICBmbGV4OiAxIDAgMTAwJTtcbiAgICBtYXJnaW4tcmlnaHQ6IDIxLjVyZW07IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC5zbGlkZXJfX3NsaWRlIHtcbiAgICAgICAgZmxleDogMSAwIDEwMCU7IH0gfVxuICAuc2xpZGVyX19zbGlkZS1jb250ZW50IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC5zbGlkZXJfX3NsaWRlLWNvbnRlbnQge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH0gfVxuICAuc2xpZGVyX19idXR0b25zIHtcbiAgICBmbGV4OiAwIDAgYXV0bztcbiAgICB3aWR0aDogMTEuMnJlbTtcbiAgICBoZWlnaHQ6IDUuNnJlbTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1ib3gtc2hhZG93LTIpO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogNi41JTtcbiAgICByaWdodDogMzYlOyB9XG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NWVtKSB7XG4gICAgICAuc2xpZGVyX19idXR0b25zIHtcbiAgICAgICAgYm90dG9tOiA3LjUlOyB9IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC5zbGlkZXJfX2J1dHRvbnMge1xuICAgICAgICB0b3A6IDQxdnc7XG4gICAgICAgIHJpZ2h0OiA1MCU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpOyB9IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDUyLjVlbSkge1xuICAgICAgLnNsaWRlcl9fYnV0dG9ucyB7XG4gICAgICAgIHRvcDogNDh2dzsgfSB9XG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0MWVtKSB7XG4gICAgICAuc2xpZGVyX19idXR0b25zIHtcbiAgICAgICAgd2lkdGg6IDhyZW07XG4gICAgICAgIGhlaWdodDogNHJlbTtcbiAgICAgICAgdG9wOiA3MHZ3OyB9IH1cbiAgLnNsaWRlcl9fYnV0dG9uIHtcbiAgICBmbGV4OiAwIDAgNTAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICAgIC5zbGlkZXJfX2J1dHRvbi0tcHJldiB7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1MCU7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA1MCU7IH1cbiAgICAuc2xpZGVyX19idXR0b24tLW5leHQge1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDUwJTtcbiAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA1MCU7IH1cbiAgLnNsaWRlcl9fYnV0dG9uLWljb24ge1xuICAgIHN0cm9rZTogdmFyKC0tZGFyay1ncmF5aXNoLWJsdWUpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZSAwLjJzOyB9XG4gIC5zbGlkZXJfX2J1dHRvbjpob3ZlciAuc2xpZGVyX19idXR0b24taWNvbiB7XG4gICAgc3Ryb2tlOiB2YXIoLS1ncmF5aXNoLWJsdWUpOyB9XG4gIC5zbGlkZXJfX2J1dHRvbjphY3RpdmUgLnNsaWRlcl9fYnV0dG9uLWljb24ge1xuICAgIHN0cm9rZTogdmFyKC0tZGFyay1ncmF5aXNoLWJsdWUpOyB9XG5cbi50ZXN0aW1vbmlhbCB7XG4gIHdpZHRoOiAxMDAlOyB9XG4gIC50ZXN0aW1vbmlhbF9fdGV4dCB7XG4gICAgY29sb3I6IHZhcigtLWRhcmstYmx1ZSk7XG4gICAgZmxleDogMCAxIDU3LjIlO1xuICAgIG1hcmdpbi1yaWdodDogLTUuOCU7XG4gICAgei1pbmRleDogMTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fdGV4dCB7XG4gICAgICAgIG9yZGVyOiAxO1xuICAgICAgICBmbGV4OiBpbml0aWFsO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgIG1hcmdpbi10b3A6IDEzcmVtO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDFlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX190ZXh0IHtcbiAgICAgICAgbWFyZ2luLXRvcDogN3JlbTsgfSB9XG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAyMi41ZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fdGV4dCB7XG4gICAgICAgIG1hcmdpbi10b3A6IDVyZW07IH0gfVxuICAudGVzdGltb25pYWxfX3F1b3RhdGlvbi1tYXJrcyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogLTYuNXJlbTtcbiAgICBsZWZ0OiA5LjVyZW07IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fcXVvdGF0aW9uLW1hcmtzIHtcbiAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDFlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19xdW90YXRpb24tbWFya3Mge1xuICAgICAgICB3aWR0aDogNnJlbTtcbiAgICAgICAgaGVpZ2h0OiA1cmVtO1xuICAgICAgICB0b3A6IC0yLjVyZW07IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogMjIuNWVtKSB7XG4gICAgICAudGVzdGltb25pYWxfX3F1b3RhdGlvbi1tYXJrcyB7XG4gICAgICAgIHdpZHRoOiA0cmVtO1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgIHRvcDogLTFyZW07IH0gfVxuICAudGVzdGltb25pYWxfX3F1b3RlIHtcbiAgICBmb250LXNpemU6IDMuMnJlbTtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjM3NTtcbiAgICBtYXJnaW4tYm90dG9tOiAzLjJyZW07IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc1ZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fcXVvdGUge1xuICAgICAgICBmb250LXNpemU6IDIuNXJlbTsgfSB9XG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2M2VtKSB7XG4gICAgICAudGVzdGltb25pYWxfX3F1b3RlIHtcbiAgICAgICAgZm9udC1zaXplOiAzLjJyZW07IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTIuNWVtKSB7XG4gICAgICAudGVzdGltb25pYWxfX3F1b3RlIHtcbiAgICAgICAgZm9udC1zaXplOiAyLjJyZW07IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDFlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19xdW90ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMS44cmVtO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxLjlyZW07IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogMjIuNWVtKSB7XG4gICAgICAudGVzdGltb25pYWxfX3F1b3RlIHtcbiAgICAgICAgZm9udC1zaXplOiAxLjZyZW07XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTsgfSB9XG4gIC50ZXN0aW1vbmlhbF9fY2l0ZSB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsgfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzVlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19jaXRlIHtcbiAgICAgICAgZm9udC1zaXplOiAxLjZyZW07IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjNlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19jaXRlIHtcbiAgICAgICAgZm9udC1zaXplOiAycmVtOyB9IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYzZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fY2l0ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMi4ycmVtO1xuICAgICAgICBsaW5lLWhlaWdodDogMS41OyB9IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQxZW0pIHtcbiAgICAgIC50ZXN0aW1vbmlhbF9fY2l0ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgICAgICBsaW5lLWhlaWdodDogMS4zOyB9IH1cbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDIyLjVlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19jaXRlIHtcbiAgICAgICAgZm9udC1zaXplOiAxLjJyZW07IH0gfVxuICAgIC50ZXN0aW1vbmlhbF9fY2l0ZS0tbmFtZSB7XG4gICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7IH1cbiAgICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzVlbSkge1xuICAgICAgICAudGVzdGltb25pYWxfX2NpdGUtLW5hbWUge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jazsgfSB9XG4gICAgLnRlc3RpbW9uaWFsX19jaXRlLS1yb2xlIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1ncmF5aXNoLWJsdWUpOyB9XG4gIC50ZXN0aW1vbmlhbF9faW1nIHtcbiAgICBmbGV4OiAwIDEgNDguNjUlOyB9XG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2M2VtKSB7XG4gICAgICAudGVzdGltb25pYWxfX2ltZyB7XG4gICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIHdpZHRoOiA1MCU7IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTIuNWVtKSB7XG4gICAgICAudGVzdGltb25pYWxfX2ltZyB7XG4gICAgICAgIHdpZHRoOiA2MCU7IH0gfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDFlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19pbWcge1xuICAgICAgICB3aWR0aDogNzcuNyU7IH0gfVxuICAudGVzdGltb25pYWxfX3Bob3RvIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1ib3gtc2hhZG93LTEpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDsgfVxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjNlbSkge1xuICAgICAgLnRlc3RpbW9uaWFsX19waG90byB7XG4gICAgICAgIHdpZHRoOiAxMDAlOyB9IH1cblxuLmF0dHJpYnV0aW9uIHtcbiAgZmxleDogMSAwIDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDExcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYm90dG9tOiAycmVtOyB9XG5cbi5hdHRyaWJ1dGlvbiBhIHtcbiAgY29sb3I6ICMzZTUyYTM7IH1cbiJdfQ== */

/*** Team ***/

.team-item .btn {
  color: var(--primary);
  background: #FFFFFF;
}

.team-item .btn:hover {
  color: #FFFFFF;
  background: var(--primary);
}
  

  /*** Team ***/
  

  :root {
    --team-card-radius: 10px;
    --team-card-padding: 20px;
    --team-card-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    --icon-size: 900px;
    --main-card-size: 250px;
}

.team-item {
    background: rgb(255, 255, 255);
    border-radius: var(--team-card-radius);
    padding: var(--team-card-padding);
    text-align: center;
    transition: 0.5s;
    box-shadow: var(--team-card-shadow);
}

.team-item img {
    width: var(--main-card-size);
    height: var(--main-card-size);
    object-fit: cover;
    border-radius: 50%;
    margin: 25px auto 20px auto;
    display: block;
}

.team-item h5 {
    font-size: 19px;
    color: #000000;
    margin-bottom: 0px;
}

.team-item .subtitle {
    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
}

.team-item .line {
    width: 100%;
    height: 2px;
    background-color: #dfdfdf;
    margin-top: 15px;
    margin-bottom: 0px;
}

.team-item .social-icons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
    margin-bottom: 5px;
    
}

.team-item .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5px;
    height: 55px;
    background-color: #ffffff;
    color: orange;
    border-radius: 0 20px;
    border: 1.4px solid orange;
    transition: 0.3s;
    
}

.team-item .social-icons a:hover {
    background-color: orange;
    color: #ffffff;
}

@media (min-width: 992px) {
    .team-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col-lg-4 {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (max-width: 768px) {
    .team-item {
        margin-bottom: 30px;
    }
}



/*-----------------------------------*\
  #SERVICE
\*-----------------------------------*/



.service-list {
  display: grid;
  gap: 30px;
}

.service-card {
  padding: 30px;
  box-shadow: var(--shadow);
  border-radius: var(--radius-12);
}

.service-card .card-icon {
  background-image: url("../images/service-banner-pattern.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: hsla(335, 17%, 52%, 0.12);
  aspect-ratio: 1 / 1;
  max-width: 165px;
  display: grid;
  place-content: center;
  margin-inline: auto;
  transition: var(--transition-1);
}

.service-card:hover .card-icon { background-color: var(--winter-sky); }

.service-card .card-icon ion-icon {
  font-size: 5rem;
  color: var(--winter-sky);
  --ionicon-stroke-width: 20px;
  transition: var(--transition-1);
}

.service-card:hover .card-icon ion-icon { color: var(--white); }

.service-card .title {
  text-align: center;
  margin-block-end: 15px;
}
.service-card .card-icon i {
  color: #fc5b05; /* Initial color */
  transition: color 0.3s, transform 0.3s; /* Smooth transition for color and size */
  transform: scale(1.5);
}

.service-card:hover .card-icon i {
  color: var(--white); /* Color on hover */
  transform: scale(1.8); /* Scale size to 120% on hover */
}



.service-card .text {
  text-align: center;
  margin-block-end: 20px;
}

.service-card .card-btn {
  margin-inline: auto;
  padding: 15px;
  border: 1px solid var(--winter-sky);
  border-radius: 50%;
  color: var(--winter-sky);
  transition: var(--transition-1);
}

.service-card .card-btn:is(:hover, :focus) {
  color: var(--white);
  background-color: var(--winter-sky);
}





/*-----------------------------------*\
  #FEATURE
\*-----------------------------------*/

.features-list > li:first-child { margin-block-end: 30px; }

.features-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.features-card .icon {
  background-image: var(--gradient-1);
  background-size: 200%;
  color: var(--white);
  min-width: max-content;
  max-width: max-content;
  font-size: 36px;
  padding: 22px;
  border-radius: 50%;
}

.features-card .icon ion-icon { --ionicon-stroke-width: 20px; }

.features-card .title { margin-block-end: 10px; }

.features-banner { margin-block: 40px; }

.features-banner > img {
  max-width: max-content;
  margin-inline: auto;
}





/*-----------------------------------*\
  #BLOG
\*-----------------------------------*/

.blog { padding-block-end: 120px; }

.blog-list {
  display: grid;
  gap: 30px;
}

.blog-card {
  padding: 20px;
  box-shadow: var(--shadow);
  border-radius: var(--radius-12);
}

.blog-card .banner {
  border-radius: var(--radius-12);
  overflow: hidden;
  margin-block-end: 15px;
}

.blog-card .banner img { transition: var(--transition-2); }

.blog-card .banner a:is(:hover, :focus) img { transform: scale(1.1); }

.blog-card .title {
  color: var(--st-patricks-blue);
  font-size: var(--fs-6);
  line-height: 1.2;
  margin-block-end: 15px;
}

.blog-card .title > a { color: inherit; }

.blog-card .title > a:is(:hover, :focus) { color: var(--razzmatazz); }

.blog-card .text { margin-block-end: 15px; }

.blog-card .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font-size: var(--fs-8);
  color: var(--purple-navy);
  font-weight: var(--fw-500);
  padding-block-end: 10px;
}

.blog-card .meta ion-icon {
  color: var(--winter-sky);
  font-size: 22px;
  --ionicon-stroke-width: 35px;
}

.publish-date,
.comment {
  display: flex;
  align-items: center;
  gap: 8px;
}

.comment {
  color: inherit;
  margin-inline-start: auto;
}


/*-----------------------------------*\
  #CONTACT
\*-----------------------------------*/
.contact_us_2 * {
  font-family: 'Poppins', sans-serif;;
}

.contact_us_2 .text-blk {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 25px;
}

.contact_us_2 .responsive-cell-block {
  min-height: 75px;
}

.contact_us_2 input:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact_us_2 .container-block {
  min-height: 75px;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.contact_us_2 .submit-btn:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #ff0000;
}

.contact_us_2 .responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.contact_us_2 .responsive-container-block.big-container {
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 0px;
  padding-left: 30px;
  position: relative;
  height: auto;
}

.contact_us_2 .responsive-container-block.container {
  position: static;
  min-height: 75px;
  flex-direction: column;
  z-index: 2;
  max-width: 800px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}

.contact_us_2 .container-block.form-wrapper {
  background-color: rgb(255, 255, 255);
  max-width: 799px;
  text-align: center;
  padding-top: 50px;
  padding-right: 40px;
  padding-bottom: 50px;
  padding-left: 40px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px 7px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.contact_us_2 .text-blk.contactus-head {
  font-size: 36px;
  line-height: 50px;
  font-weight: 900;
}

.contact_us_2 .text-blk.contactus-subhead {
  color: #868686;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
  margin-left: 0px;
}

.contact_us_2 .responsive-cell-block.wk-desk-6.wk-ipadp-6.wk-tab-12.wk-mobile-12 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 26px;
  margin-left: 0px;
  min-height: 50px;
}

.contact_us_2 .input {
  width: 96%;
  height: 50px;
  padding-top: 1px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-left: 15px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #eeeeee;
  border-right-color: #eeeeee;
  border-bottom-color: #eeeeee;
  border-left-color: #eeeeee;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-size: 16px;
  color: black;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.contact_us_2 .textinput {
  width: 98%;
  min-height: 150px;
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #eeeeee;
  border-right-color: #eeeeee;
  border-bottom-color: #eeeeee;
  border-left-color: #eeeeee;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-size: 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.contact_us_2 .submit-btn {
  width: 98%;
  background-color: orange;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  color: white;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  border-left-style: outset;
  border-top-color: #767676;
  border-right-color: #767676;
  border-bottom-color: #767676;
  border-left-color: #767676;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}

.contact_us_2 .form-box {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.contact_us_2 .social-media-links {
  width: 250px;
  display: flex;
  justify-content: space-evenly;
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.contact_us_2 .link-img {
  width: 30px;
  height: 30px;
}

.contact_us_2 .text-blk.input-title {
  text-align: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  font-size: 14px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #9c9c9c;
}

.contact_us_2 ::placeholder {
  color: #dadada;
}

.contact_us_2 .blueBG {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100px;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .contact_us_2 .submit-btn {
    width: 100%;
  }

  .contact_us_2 .input {
    width: 100%;
  }

  .contact_us_2 .textinput {
    width: 100%;
  }

  .contact_us_2 .container-block.form-wrapper {
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_2 .text-blk.input-title {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .contact_us_2 .responsive-container-block.container {
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
  }

  .contact_us_2 .container-block.form-wrapper {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_2 .text-blk.contactus-head {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 500px) {
  .contact_us_2 .container-block.form-wrapper {
    padding-top: 50px;
    padding-right: 15px;
    padding-bottom: 50px;
    padding-left: 15px;
  }

  .contact_us_2 .container-block.form-wrapper {
    margin-top: 60px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_2 .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
  }

  .contact_us_2 .responsive-container-block {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 35px;
    margin-left: 0px;
  }

  .contact_us_2 .text-blk.input-title {
    font-size: 12px;
  }

  .contact_us_2 .responsive-container-block.container {
    margin-top: 50px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
  }

  .contact_us_2 .container-block.form-wrapper {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_2 .responsive-container-block.big-container {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .contact_us_2 .text-blk.contactus-head {
    font-size: 26px;
    line-height: 34px;
  }

  .contact_us_2 .input {
    height: 45px;
  }
}

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

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
}

.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}

/*-----------------------------------*\
  #FOOTER
\*-----------------------------------*/

.footer { font-size: var(--fs-8); }

.footer a { color: inherit; }

.footer-top {
  background-image: url("../images/footer-bg.png"), var(--gradient-1);
  background-repeat: no-repeat;
  background-size: auto, 200%;
  background-position: center, center;
  color: var(--white);
}

.footer-brand { margin-block-end: 30px; }

.footer-brand .logo {
  font-weight: var(--fw-700);
  margin-block-end: 15px;
}

.footer-brand .text {
  font-size: var(--fs-8);
  margin-block-end: 20px;
}

.social-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.footer-top .social-link {
  background-color: var(--white);
  color: var(--winter-sky);
  font-size: 18px;
  padding: 8px;
  border-radius: 50%;
}

.footer-top .social-link:is(:hover, :focus) {
  background-image: var(--gradient-2);
  color: var(--white);
}

.footer-list:not(:last-child) { margin-block-end: 25px; }

.footer-list-title {
  font-family: var(--ff-source-sans-pro);
  font-size: var(--fs-5);
  font-weight: var(--fw-700);
  margin-block-end: 15px;
}

.footer-link { padding-block: 5px; }

:is(.footer-link, .footer-item-link):not(address):is(:hover, :focus) { text-decoration: underline; }

.footer-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding-block: 10px;
}

.footer-item-icon {
  background-image: var(--gradient-2);
  padding: 13px;
  border-radius: 50%;
}

.footer-bottom {
  background-color: var(--space-cadet-2);
  padding: 20px;
  text-align: center;
  color: var(--white);
}

.copyright-link {
  display: inline-block;
  text-decoration: underline;
}

.copyright-link:is(:hover, :focus) { text-decoration: none; }





/*-----------------------------------*\
  #GO TO TOP
\*-----------------------------------*/

.go-top {
  position: fixed;
  bottom: 0;
  right: 15px;
  background-color: var(--winter-sky);
  color: var(--white);
  font-size: 2rem;
  padding: 14px;
  border-radius: var(--radius-4);
  box-shadow: -3px 3px 15px var(--winter-sky_50);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-1);
}

.go-top.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-15px);
}





/*-----------------------------------*\
  #MEDIA QUERIES
\*-----------------------------------*/

/**
 * responsive for larger than 550px screen
 */

@media (min-width: 550px) {

  /**
   * REUSED STYLE
   */

  .container {
    max-width: 550px;
    margin-inline: auto;
  }

  .section-title { --fs-3: 3.6rem; }



  /**
   * HEADER
   */

  .header .btn {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: auto;
  }



  /**
   * ABOUT
   */

  .stats-list { grid-template-columns: repeat(3, 1fr); }



  /**
   * BLOG
   */

  .blog-card {
    display: grid;
    grid-template-columns: 0.75fr 1fr;
    gap: 20px;
    padding: 30px;
  }

  .blog-card .banner { margin-block-end: 0; }

  .blog-card .banner a { height: 100%; }



  /**
   * FOOTER
   */

  .footer-brand,
  .footer-list:not(:last-child) { margin-block-end: 0; }

  .footer-top .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
  }

}





/**
 * responsive for larger than 768px screen
 */

@media (min-width: 768px) {

  /**
   * REUSED STYLE
   */

  .container { max-width: 720px; }



  /**
   * HERO
   */

  .hero {
    min-height: 600px;
    display: grid;
    place-items: center;
  }

  .hero-content { margin-block-end: 0; }

  .hero .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 30px;
  }



  /**
   * SERVICE
   */

  .service-list { grid-template-columns: 1fr 1fr; }



  /**
   * FEATURES
   */

  .features-list > li:first-child { margin-block-end: 0; }

  .features-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }



  /**
   * FOOTER
   */

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

}





/**
 * responsive for larger than 992px screen
 */

@media (min-width: 992px) {

  /**
   * CUSTOM PROPERTY
   */

  :root {

    /**
     * typography
     */

    --fs-1: 5.4rem;

  }



  /**
   * REUSED STYLE
   */

  .container { max-width: 950px; }



  /**
   * HEADER
   */

  .header { padding-block: 20px; }

  .overlay,
  .nav-open-btn,
  .navbar-top { display: none; }

  .navbar,
  .navbar.active {
    all: unset;
    margin-inline-start: auto;
  }

  .header .btn { margin-inline-start: 0; }

  .navbar-list {
    display: flex;
    gap: 25px;
  }

  .navbar-item:not(:last-child) { border-bottom: none; }

  .navbar-link { color: var(--color); }



  /**
   * HERO
   */

  .hero { min-height: 700px; }



  /**
   * ABOUT
   */

  .about .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }



  /**
   * SERVICE
   */

  .service-list { grid-template-columns: repeat(3, 1fr); }



  /**
   * FEATURES
   */

  .features-list { grid-template-columns: 1fr; }

  .features .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .features .section-title { grid-column: 1 / 4; }

  .features-banner {
    margin-block: 0;
    display: grid;
    place-items: center;
  }

/**
   * skills
   */
  


  



  /**
   * FOOTER
   */

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

  .footer-brand { grid-column: 1 / 5; }

  .footer-brand .text { max-width: 45ch; }

}





/**
 * responsive for larger than 1200px screen
 */

@media (min-width: 1200px) {

  /**
   * REUSED STYLE
   */

  .container { max-width: 1200px; }

  .section-title { --fs-3: 4.6rem; }



  /**
   * HERO
   */

  .hero { min-height: 800px; }



  /**
   * BLOG
   */

  .blog-list { grid-template-columns: 1fr 1fr; }

  .blog-card { height: 100%; }

  .blog-card .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

/* Basic styling for the logo container */
.logo-container {
  position: relative;
  display: inline-block;
}

/* Default logo style */
.logo {
  display: block;
  width: 100px; /* Adjust size based on your needs */
}

/* Scrolled logo style */
.logo-scroll {
  display: none; /* Hidden by default */
  width: 100px; /* Same size as the default logo */
}

/* Media queries for responsiveness */
@media (min-width: 768px) {
  .logo, .logo-scroll {
    width: 150px; /* Adjust size for tablets and larger screens */
  }
}

@media (min-width: 1024px) {
  .logo, .logo-scroll {
    width: 200px; /* Adjust size for monitors */
  }
}


  /**
   * FOOTER
   */

  .footer-top .container { grid-template-columns: 1fr 0.5fr 0.7fr 0.5fr 1fr; }

  .footer-brand { grid-column: auto; }

}

.phone-input-container {
    display: flex;
    align-items: center;
}

.country-code {
    margin-right: 10px;
    padding: 5px;
    height: 40px;
}

.input {
    width: 100%;
    padding: 5px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
}