/*----------------------------------------*/
/*----- Basic typo -----*/
/*----------------------------------------*/
body { color: rgba(17,32,77,0.7); background-color: #fcfcfd; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #11204d; }
a { color: #11204d; }
a:hover { color: #1a99d9; }
/*----------------------------------------*/
/*----- Backgrounds -----*/
/*----------------------------------------*/
.bg-trans { background-color: transparent !important; }
.bg-white { background-color: #fff !important; }
.bg-grey { background-color: #f7f8fa !important; }
.bg-dark-grey { background-color: #e8e4f4 !important; }
.bg-blue { background-color: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important; }
.bg-light-blue { background-color: #f7f8fa !important; }
.bg-dark-blue { background-color: #3e3c56 !important; }
.bg-red { background-color: #ff4646 !important; }
.bg-orange { background-color: #ff9b0b !important; }
.bg-gold { background-color: #cfad70 !important; }
.bg-green { background-color: #98c513 !important; }
.bg-dark { background-color: #11204d !important; }
/*----------------------------------------*/
/*----- Overlays -----*/
/*----------------------------------------*/
.dtr-overlay { background-color: rgba(0, 0, 0, .5); }
.dtr-overlay-pagetitle { background-color: rgba(0, 0, 0, .2); }
/*----------------------------------------*/
/*----- Text -----*/
/*----------------------------------------*/
/*== dark ==*/
.color-dark { color: #11204d; }
/*== white ==*/
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a { color: #fff !important; }
/*== white muted ==*/
.color-white-muted, .color-white-muted h1, .color-white-muted h2, .color-white-muted h3, .color-white-muted h4, .color-white-muted h5, .color-white-muted h6, .color-white-muted a { color: rgba(255,255,255,.8) !important; }
/*== grey ==*/
.color-grey { color: rgba(17,32,77,0.35); }
.color-grey-muted { color: #f8f8f8; }
/*== blue ==*/
.color-blue {  background: linear-gradient(120deg, #39bb69 0%, #41ace2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  }
/*== red ==*/
.color-red { color: #ff4646; }
.color-red-muted { color: #ffecec; }
/*== orange ==*/
.color-orange { color: #ff9b0b; }
/*== gold ==*/
.color-gold { color: #cfad70; }
/*== green ==*/
.color-green { color: #98c513; }
/*----------------------------------------*/
/*----- Buttons -----*/
/*----------------------------------------*/
.dtr-btn, input[type="submit"] { background-color: #3e3c56; border-color: #3e3c56; color: #fff; }
.dtr-btn-flat { background-color: transparent; border-color: #3e3c56; color: #3e3c56; }
.dtr-btn i { color: inherit !important; }
/*-- white --*/
.btn-white { background-color: #fff; border-color: rgba(17,32,77,0.20); color: #11204d; }
.btn-flat-white { border-color: #fff; color: #fff; }
.btn-flat-white:hover { background-color: #fff; color: #3e3c56; }
/*-- grey --*/
.btn-grey { background-color: #e5e5e5; border-color: #e5e5e5; color: #3e3c56; }
.btn-flat-grey { border-color: #e5e5e5; color: #e5e5e5; }
.btn-flat-grey:hover { background-color: #e5e5e5; color: #3e3c56; }
/*-- blue --*/
.btn-blue { background-color: #1a99d9; border-color: #1a99d9; color: #fff; }
.btn-flat-blue { border-color: #1a99d9; color: #1a99d9; }
.btn-flat-blue:hover { background-color: #1a99d9; color: #fff; }
/*-- red --*/
.btn-red { background-color: #ff4646; border-color: #ff4646; color: #fff; }
.btn-flat-red { border-color: #ff4646; color: #ff4646; }
.btn-flat-red:hover { background-color: #ff4646; color: #fff; }
/*-- gold --*/
.btn-gold { background-color: #cfad70; border-color: #cfad70; color: #fff; }
.btn-flat-gold { border-color: #cfad70; color: #cfad70; }
.btn-flat-gold:hover { background-color: #cfad70; color: #fff; }
/*-- green --*/
.btn-green { background-color: #98c513; border-color: #98c513; color: #fff; }
.btn-flat-green { border-color: #98c513; color: #98c513; }
.btn-flat-green:hover { background-color: #98c513; color: #fff; }
/*===== button hovers =====*/
.dtr-btn:hover, .dtr-btn-flat:hover, #submit:hover, input[type="submit"]:hover { background-color: #11204d; border-color: #11204d; color: #fff; }
/*----------------------------------------*/
/*----- Forms -----*/
/*----------------------------------------*/
label, input, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { color: #11204d; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { background-color: #fff; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { border-color: rgba(17,32,77,0.15); }
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { border-color: #1a99d9 !important; }
.wpcf7-validation-errors { background: #fff; }
.style-dark .wpcf7-validation-errors, .style-dark-2 .wpcf7-validation-errors { color: #424242; }
/* placeholder */
::-webkit-input-placeholder {
color: rgba(17,32,77,0.25) !important;
opacity: 1;
font-size: 95%;
}
:-moz-placeholder {
color: rgba(17,32,77,0.25) !important;
opacity: 1;
font-size: 95%;
}
::-moz-placeholder {
color: rgba(17,32,77,0.25) !important;
opacity: 1;
font-size: 95%;
}
:-ms-input-placeholder {
color: rgba(17,32,77,0.25) !important;
opacity: 1;
font-size: 95%;
}
/*===== search form =====*/
.dtr-search-submit { background-color: #11204d; }
.dtr-search-submit::before { color: #fff; }
/*----------------------------------------*/
/*----- Misc -----*/
/*----------------------------------------*/
.dtr-border-top, .dtr-border-right, .dtr-border-bottom, .dtr-border-left, .dtr-border-top-2px, .dtr-border-right-2px, .dtr-border-bottom-2px, .dtr-border-left-2px, .dtr-border-2px, .dtr-border-list li, .dtr-half-border-list li:after { border-color: rgba(17,32,77,0.15); }
/*===== border =====*/
.border-white { border-color: #fff !important; }
.border-grey { border-color: rgba(17,32,77,0.15) !important; }
.border-blue { border-color: #1a99d9 !important; }
.border-dark { border-color: #3e3c56 !important; }
.border-red { border-color: #ff4646 !important; }
.border-green { border-color: #98c513 !important; }
.border-gold { border-color: #cfad70 !important; }
/*===== slick carousel =====*/
.dtr-slick-slider .slick-prev:before, .dtr-slick-slider .slick-next:before { color: #ccc; }
.dtr-slick-slider .slick-prev, .dtr-slick-slider .slick-next { background-color: #fff; border-color: #ccc; }
.dtr-slick-slider .slick-prev:hover, .dtr-slick-slider .slick-next:hover { background-color: #11204d; border-color: #11204d; }
.dtr-slick-slider .slick-prev:hover:before, .dtr-slick-slider .slick-next:hover:before { color: #fff; }
.dtr-slick-slider ul.slick-dots li button { background-color: #ccc; }
.dtr-slick-slider ul.slick-dots li button:hover, .dtr-slick-slider ul.slick-dots li.slick-active button { background-color: #3e3c56; }
/*===== social =====*/
.dtr-social-circle .dtr-social-list a, .dtr-social-square .dtr-social-list a { background-color: #1a99d9; color: #fff !important; }
.dtr-social-circle .dtr-social-list a:hover, .dtr-social-square .dtr-social-list a:hover { background-color: #1a99d9; color: #fff !important; }
.dtr-social-list .dtr-social-button { border-color: rgba(17,32,77,0.15); background-color: #fff; color: #11204d; }
.dtr-social .dtr-social-button:hover::before, .dtr-social-list .dtr-social-button:hover span { color: #1a99d9; }
/*----------------------------------------*/
/*----- Header -----*/
/*----------------------------------------*/
/*===== Header =====*/
#dtr-header-global { background-color: #fff; }
#dtr-header-global.trans-header { background-color: transparent; }
#dtr-header-global.on-scroll { background-color: #fff; }
#dtr-header-global.on-scroll .on-scroll-color-dark { color: #11204d !important; }
/*===== page title section =====*/
.dtr-page-title-wrapper { background-color: #e8e4f4; }
/*----------------------------------------*/
/*----- Footer -----*/
/*----------------------------------------*/
.dtr-copyright { background-color: #11204d;  }
.dtr-copyright, .dtr-copyright a { color: #fff; }
.dtr-copyright a:hover { color: rgba(255,255,255,0.25); }
/*----------------------------------------*/
/*----- Menu -----*/
/*----------------------------------------*/
/* menu for dark background */
.dtr-menu-light .nav-link { color: #fff; }
.dtr-menu-light .active { color: #1a99d9; }
.dtr-menu-light .sf-menu:first-child > li a::before { background-color: #1a99d9; }
.dtr-menu-light .nav-link:hover { color: #1a99d9; }
/* menu for light background */
.dtr-menu-dark .nav-link { color: #11204d; }
.dtr-menu-dark .active { color: #1a99d9; }
.dtr-menu-dark .sf-menu:first-child > li a::before { background-color: #1a99d9; }
.dtr-menu-dark .nav-link:hover { color: #1a99d9; }
/* dropdown link color */
.sf-menu .sub-menu li a { color: #787878; }
.sf-menu .sub-menu li a:hover, .sf-menu .sub-menu li .active { background: #f5f5f5; color: #1a99d9; }
.sf-menu .sub-menu { background-color: #fff; }
.sf-menu .sub-menu a { border-bottom-color: #eee; }
/*===== Responsive header =====*/
.dtr-responsive-header { background-color: #fff; }
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { background-color: #3e3c56; }
.slicknav_nav, .slicknav_menu { background-color: #fff; }
.slicknav_nav li, .slicknav_nav .dropdown-item { border-color: #e5e5e5; }
.slicknav_nav, .slicknav_nav a, .slicknav_menu .slicknav_menutxt { color: #3e3c56; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a, .slicknav_nav a.active { color: #1a99d9; }
.slicknav_nav .dropdown-item.active, .slicknav_nav .dropdown-item:hover, .slicknav_nav .dropdown-item:focus { background-color: transparent; }
/*----------------------------------------*/
/*----- Elements -----*/
/*----------------------------------------*/
.dtr-pipe-list li::after { border-color: rgba( 255, 255, 255, .2); }
/*====== preloader =====*/
.dtr-preloader { background: #11204d; }
.dtr-preloader-img { border-color: rgba(255,255,255,0.05); border-top-color: #1a99d9; }
/*===== feature =====*/
.dtr-feature-circle-icon .dtr-feature-img, .dtr-feature-square-icon .dtr-feature-img, .dtr-feature-circle-lg-icon .dtr-feature-img, .dtr-feature-square-lg-icon .dtr-feature-img { background-color: #fff; border-color: rgba(17,32,77,0.15); }
/*== Video Play ==*/
/* white */
.video-button-light .dtr-video-button-wrap-inner { background-color: #fff; }
.video-button-light .dtr-video-button::after { color: #1a99d9; }
.video-button-light .dtr-border-animation { border-color: rgba(255, 255, 255, .5); }
/* white */
.video-button-dark .dtr-video-button-wrap-inner { background-color: #11204d; }
.video-button-dark .dtr-video-button::after { color: #fff; }
.video-button-dark .dtr-border-animation { border-color: rgba(17, 32, 77, 0.4); }
/*===== Blockquote =====*/
.dtr-icon-blockquote:before { background-color: #1a99d9; color: #fff; }
.dtr-bordered-blockquote { border-color: rgba(17,32,77,0.15); }
/*===== pricing =====*/
.dtr-list-pricing li { border-color: rgba(17,32,77,0.15); }
/*===== progress =====*/
.progress { background-color: #fff; }
.dtr-progress-title, .dtr-progress-value { color: #11204d; }
.dtr-progress-title i { color: #1a99d9; }
/*===== servicebox =====*/
.dtr-service-box { border-color: #d9dbe3; }
.dtr-service-box:before { background: #efebf8;  }
.dtr-border-table th {  display: flex; align-items: center; align-self: center; justify-content: space-between; background: linear-gradient(100deg, #20994c 0%, #00a9ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .dtr-border-table th a.trigger {
      display: flex;
    }
    
.dtr-border-table th, .dtr-border-table td { border-color: #ddd; }
.dtr-border-table th, td:nth-child(-1) { border: none }
.dtr-border-table tr td:nth-child(2) { color: #1a99d9; }
/*===== portfolio =====*/
.dtr-filter-nav a:hover, .dtr-filter-nav .active { color: #1a99d9; }
.dtr-filter-nav a::before, .dtr-filter-nav .active::before { background-color: #1a99d9; }
.media-zoom, .media-link { color: #1a99d9; }
.dtr-portfolio-item:hover .dtr-portfolio-overlay { background-color: rgba(255, 255, 255, .8); }
.dtr-portfolio-style-2 .media-zoom, .dtr-portfolio-style-2 .media-link { background-color: #11204d; color: #fff; }
/*===== features tab =====*/
.dtr-styled-tab .nav-pills .nav-link { color: #11204d; background-color: transparent; }
.dtr-styled-tab .nav-pills .nav-link:hover h4, .dtr-styled-tab .nav-pills .nav-link.active h4, .dtr-styled-tab .nav-pills .show > .nav-link h4 { color: #1a99d9; }
.dtr-styled-tab .nav-pills .nav-link h4::before { background-color: #1a99d9; }
.dtr-social-title::after { background-color: rgba(17,32,77,0.15); }
/*===== styled heading =====*/

.dtr-styled-heading p { color: rgba(17,32,77,0.35); }
/*===== testimonial =====*/
.dtr-client-job { color: rgba(17,32,77,0.3); }
.dtr-stars-4:after, .dtr-stars-3:after, .dtr-stars-2:after, .dtr-stars-1:after { color: #c9cdd7; }
/*===== blog carousel =====*/
.dtr-blog-item { border-color: rgba(17,32,77,0.15); }
.dtr-read-more::before { background-color: #1a99d9; }
.dtr-read-more, .dtr-read-more:hover { color: #1a99d9; }
/*===== timeline =====*/
.dtr-timeline-title::after { color: #d5d8e0; }
.dtr-timeline-title::before { background-color: #d5d8e0; }
.dtr-timeline-item:hover .dtr-timeline-title::after { color: #1a99d9; }
.dtr-timeline-item:hover .dtr-timeline-title::before { background-color: #1a99d9; }
/*===== accent bg hover =====*/
.accent-color { color: #1a99d9 !important; }
/*===== accent link hover =====*/
.accent-color-hover:hover { color: #1a99d9 !important; }


.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
  }
  .accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #03b5d2;
  }
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  .accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  }
  .accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
  }
  .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
  }
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
  }
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  .accordion button[aria-expanded=true] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded=true] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    transition: all 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content {
    opacity: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
  }

  .delay-1 {
  animation-delay: 0.5s !important;
}
.delay-1:before {
  animation-delay: 0.5s !important;
}
.delay-1:after {
  animation-delay: 0.5s !important;
}

.delay-2 {
  animation-delay: 1s !important;
}
.delay-2:before {
  animation-delay: 1s !important;
}
.delay-2:after {
  animation-delay: 1s !important;
}

.delay-3 {
  animation-delay: 1.5s !important;
}
.delay-3:before {
  animation-delay: 1.5s !important;
}
.delay-3:after {
  animation-delay: 1.5s !important;
}

.delay-4 {
  animation-delay: 2s !important;
}
.delay-4:before {
  animation-delay: 2s !important;
}
.delay-4:after {
  animation-delay: 2s !important;
}

.delay-5 {
  animation-delay: 2.5s !important;
}
.delay-5:before {
  animation-delay: 2.5s !important;
}
.delay-5:after {
  animation-delay: 2.5s !important;
}

.delay-6 {
  animation-delay: 3s !important;
}
.delay-6:before {
  animation-delay: 3s !important;
}
.delay-6:after {
  animation-delay: 3s !important;
}

.delay-7 {
  animation-delay: 3.5s !important;
}
.delay-7:before {
  animation-delay: 3.5s !important;
}
.delay-7:after {
  animation-delay: 3.5s !important;
}

.delay-8 {
  animation-delay: 4s !important;
}
.delay-8:before {
  animation-delay: 4s !important;
}
.delay-8:after {
  animation-delay: 4s !important;
}

.delay-9 {
  animation-delay: 4.5s !important;
}
.delay-9:before {
  animation-delay: 4.5s !important;
}
.delay-9:after {
  animation-delay: 4.5s !important;
}

.delay-10 {
  animation-delay: 5s !important;
}
.delay-10:before {
  animation-delay: 5s !important;
}
.delay-10:after {
  animation-delay: 5s !important;
}

.delay-11 {
  animation-delay: 5.5s !important;
}
.delay-11:before {
  animation-delay: 5.5s !important;
}
.delay-11:after {
  animation-delay: 5.5s !important;
}

.delay-12 {
  animation-delay: 6s !important;
}
.delay-12:before {
  animation-delay: 6s !important;
}
.delay-12:after {
  animation-delay: 6s !important;
}

.delay-13 {
  animation-delay: 6.5s !important;
}
.delay-13:before {
  animation-delay: 6.5s !important;
}
.delay-13:after {
  animation-delay: 6.5s !important;
}

.delay-14 {
  animation-delay: 7s !important;
}
.delay-14:before {
  animation-delay: 7s !important;
}
.delay-14:after {
  animation-delay: 7s !important;
}

.delay-15 {
  animation-delay: 7.5s !important;
}
.delay-15:before {
  animation-delay: 7.5s !important;
}
.delay-15:after {
  animation-delay: 7.5s !important;
}

.delay-16 {
  animation-delay: 8s !important;
}
.delay-16:before {
  animation-delay: 8s !important;
}
.delay-16:after {
  animation-delay: 8s !important;
}

.delay-17 {
  animation-delay: 8.5s !important;
}
.delay-17:before {
  animation-delay: 8.5s !important;
}
.delay-17:after {
  animation-delay: 8.5s !important;
}

.delay-18 {
  animation-delay: 9s !important;
}
.delay-18:before {
  animation-delay: 9s !important;
}
.delay-18:after {
  animation-delay: 9s !important;
}

.delay-19 {
  animation-delay: 9.5s !important;
}
.delay-19:before {
  animation-delay: 9.5s !important;
}
.delay-19:after {
  animation-delay: 9.5s !important;
}

.delay-20 {
  animation-delay: 10s !important;
}
.delay-20:before {
  animation-delay: 10s !important;
}
.delay-20:after {
  animation-delay: 10s !important;
}

.delay-21 {
  animation-delay: 10.5s !important;
}
.delay-21:before {
  animation-delay: 10.5s !important;
}
.delay-21:after {
  animation-delay: 10.5s !important;
}

.delay-22 {
  animation-delay: 11s !important;
}
.delay-22:before {
  animation-delay: 11s !important;
}
.delay-22:after {
  animation-delay: 11s !important;
}

.delay-23 {
  animation-delay: 11.5s !important;
}
.delay-23:before {
  animation-delay: 11.5s !important;
}
.delay-23:after {
  animation-delay: 11.5s !important;
}

.delay-24 {
  animation-delay: 12s !important;
}
.delay-24:before {
  animation-delay: 12s !important;
}
.delay-24:after {
  animation-delay: 12s !important;
}

.delay-25 {
  animation-delay: 12.5s !important;
}
.delay-25:before {
  animation-delay: 12.5s !important;
}
.delay-25:after {
  animation-delay: 12.5s !important;
}

.delay-26 {
  animation-delay: 13s !important;
}
.delay-26:before {
  animation-delay: 13s !important;
}
.delay-26:after {
  animation-delay: 13s !important;
}

.delay-27 {
  animation-delay: 13.5s !important;
}
.delay-27:before {
  animation-delay: 13.5s !important;
}
.delay-27:after {
  animation-delay: 13.5s !important;
}

.delay-28 {
  animation-delay: 14s !important;
}
.delay-28:before {
  animation-delay: 14s !important;
}
.delay-28:after {
  animation-delay: 14s !important;
}

.delay-29 {
  animation-delay: 14.5s !important;
}
.delay-29:before {
  animation-delay: 14.5s !important;
}
.delay-29:after {
  animation-delay: 14.5s !important;
}

.delay-30 {
  animation-delay: 15s !important;
}
.delay-30:before {
  animation-delay: 15s !important;
}
.delay-30:after {
  animation-delay: 15s !important;
}

.delay-31 {
  animation-delay: 15.5s !important;
}
.delay-31:before {
  animation-delay: 15.5s !important;
}
.delay-31:after {
  animation-delay: 15.5s !important;
}

.delay-32 {
  animation-delay: 16s !important;
}
.delay-32:before {
  animation-delay: 16s !important;
}
.delay-32:after {
  animation-delay: 16s !important;
}

.delay-33 {
  animation-delay: 16.5s !important;
}
.delay-33:before {
  animation-delay: 16.5s !important;
}
.delay-33:after {
  animation-delay: 16.5s !important;
}

.delay-34 {
  animation-delay: 17s !important;
}
.delay-34:before {
  animation-delay: 17s !important;
}
.delay-34:after {
  animation-delay: 17s !important;
}

.delay-35 {
  animation-delay: 17.5s !important;
}
.delay-35:before {
  animation-delay: 17.5s !important;
}
.delay-35:after {
  animation-delay: 17.5s !important;
}

.delay-36 {
  animation-delay: 18s !important;
}
.delay-36:before {
  animation-delay: 18s !important;
}
.delay-36:after {
  animation-delay: 18s !important;
}

.delay-37 {
  animation-delay: 18.5s !important;
}
.delay-37:before {
  animation-delay: 18.5s !important;
}
.delay-37:after {
  animation-delay: 18.5s !important;
}

.delay-38 {
  animation-delay: 19s !important;
}
.delay-38:before {
  animation-delay: 19s !important;
}
.delay-38:after {
  animation-delay: 19s !important;
}

.delay-39 {
  animation-delay: 19.5s !important;
}
.delay-39:before {
  animation-delay: 19.5s !important;
}
.delay-39:after {
  animation-delay: 19.5s !important;
}

.delay-40 {
  animation-delay: 20s !important;
}
.delay-40:before {
  animation-delay: 20s !important;
}
.delay-40:after {
  animation-delay: 20s !important;
}

.delay-41 {
  animation-delay: 20.5s !important;
}
.delay-41:before {
  animation-delay: 20.5s !important;
}
.delay-41:after {
  animation-delay: 20.5s !important;
}

.delay-42 {
  animation-delay: 21s !important;
}
.delay-42:before {
  animation-delay: 21s !important;
}
.delay-42:after {
  animation-delay: 21s !important;
}

.delay-43 {
  animation-delay: 21.5s !important;
}
.delay-43:before {
  animation-delay: 21.5s !important;
}
.delay-43:after {
  animation-delay: 21.5s !important;
}

.delay-44 {
  animation-delay: 22s !important;
}
.delay-44:before {
  animation-delay: 22s !important;
}
.delay-44:after {
  animation-delay: 22s !important;
}

.delay-45 {
  animation-delay: 22.5s !important;
}
.delay-45:before {
  animation-delay: 22.5s !important;
}
.delay-45:after {
  animation-delay: 22.5s !important;
}

.delay-46 {
  animation-delay: 23s !important;
}
.delay-46:before {
  animation-delay: 23s !important;
}
.delay-46:after {
  animation-delay: 23s !important;
}

.delay-47 {
  animation-delay: 23.5s !important;
}
.delay-47:before {
  animation-delay: 23.5s !important;
}
.delay-47:after {
  animation-delay: 23.5s !important;
}

.delay-48 {
  animation-delay: 24s !important;
}
.delay-48:before {
  animation-delay: 24s !important;
}
.delay-48:after {
  animation-delay: 24s !important;
}

.delay-49 {
  animation-delay: 24.5s !important;
}
.delay-49:before {
  animation-delay: 24.5s !important;
}
.delay-49:after {
  animation-delay: 24.5s !important;
}

.delay-50 {
  animation-delay: 25s !important;
}
.delay-50:before {
  animation-delay: 25s !important;
}
.delay-50:after {
  animation-delay: 25s !important;
}

.peach {
  background: #f7c9ab;
}

.red {
  background: #ee5f4f;
}

.orange {
  background: #f6b45e;
}

.grey {
  background: #4f5e57;
}

.green {
  background: #405349;
}

body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

.content-wrap {
  background: #405349;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-wrap {
  width: 800px;
}

.flex {
  display: flex;
}

.parent {
  height: 80px;
  width: 80px;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}

.child {
  position: absolute;
  height: 100%;
  width: 100%;
}

@keyframes quarters-animation {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}
.quarters-peach {
  border-left: 40px solid #f7c9ab;
  border-right: 40px solid #f7c9ab;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  perspective: 1000px;
  animation: quarters-animation 1s ease-in-out;
}

.quarters-red {
  border-left: 40px solid #ee5f4f;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  perspective: 1000px;
  animation: quarters-animation 1s ease-in-out;
}

.quarters-orange {
  border-left: 40px solid #f6b45e;
  border-right: 40px solid #f6b45e;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  perspective: 1000px;
  animation: quarters-animation 1s ease-in-out;
}

.quarters-grey {
  border-left: 40px solid #4f5e57;
  border-right: 40px solid #4f5e57;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  perspective: 1000px;
  animation: quarters-animation 1s ease-in-out;
}

.quarters-green {
  border-left: 40px solid #405349;
  border-right: 40px solid #405349;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  perspective: 1000px;
  animation: quarters-animation 1s ease-in-out;
}

@keyframes polo-animation {
  0% {
    border-width: 20px;
  }
  50% {
    border-width: 40px;
  }
  100% {
    border-width: 20px;
  }
}
.polo-peach {
  overflow: hidden;
  border-left: 20px solid #f7c9ab;
  border-right: 20px solid #f7c9ab;
  border-top: 20px solid #f7c9ab;
  border-bottom: 20px solid #f7c9ab;
  border-radius: 50%;
  background: #ee5f4f;
  animation: polo-animation 1s ease-in-out;
}

.polo-red {
  overflow: hidden;
  border-left: 20px solid #ee5f4f;
  border-right: 20px solid #ee5f4f;
  border-top: 20px solid #ee5f4f;
  border-bottom: 20px solid #ee5f4f;
  border-radius: 50%;
  background: #ee5f4f;
  animation: polo-animation 1s ease-in-out;
}

.polo-orange {
  overflow: hidden;
  border-left: 20px solid #f6b45e;
  border-right: 20px solid #f6b45e;
  border-top: 20px solid #f6b45e;
  border-bottom: 20px solid #f6b45e;
  border-radius: 50%;
  background: #ee5f4f;
  animation: polo-animation 1s ease-in-out;
}

.polo-grey {
  overflow: hidden;
  border-left: 20px solid #4f5e57;
  border-right: 20px solid #4f5e57;
  border-top: 20px solid #4f5e57;
  border-bottom: 20px solid #4f5e57;
  border-radius: 50%;
  background: #ee5f4f;
  animation: polo-animation 1s ease-in-out;
}

.polo-green {
  overflow: hidden;
  border-left: 20px solid #405349;
  border-right: 20px solid #405349;
  border-top: 20px solid #405349;
  border-bottom: 20px solid #405349;
  border-radius: 50%;
  background: #ee5f4f;
  animation: polo-animation 1s ease-in-out;
}

@keyframes diamond-animation {
  0% {
    transform: rotate(45deg) scale(0.7);
  }
  100% {
    transform: rotate(135deg) scale(0.7);
  }
}
.diamond-peach {
  border-left: 40px solid #f7c9ab;
  border-right: 40px solid #f7c9ab;
  border-top: 40px solid #f7c9ab;
  border-bottom: 40px solid #f7c9ab;
  transform: rotate(45deg) scale(0.7);
  animation: diamond-animation 1s ease-in-out;
}

.diamond-red {
  border-left: 40px solid #ee5f4f;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid #ee5f4f;
  border-bottom: 40px solid #ee5f4f;
  transform: rotate(45deg) scale(0.7);
  animation: diamond-animation 1s ease-in-out;
}

.diamond-orange {
  border-left: 40px solid #f6b45e;
  border-right: 40px solid #f6b45e;
  border-top: 40px solid #f6b45e;
  border-bottom: 40px solid #f6b45e;
  transform: rotate(45deg) scale(0.7);
  animation: diamond-animation 1s ease-in-out;
}

.diamond-grey {
  border-left: 40px solid #4f5e57;
  border-right: 40px solid #4f5e57;
  border-top: 40px solid #4f5e57;
  border-bottom: 40px solid #4f5e57;
  transform: rotate(45deg) scale(0.7);
  animation: diamond-animation 1s ease-in-out;
}

.diamond-green {
  border-left: 40px solid #405349;
  border-right: 40px solid #405349;
  border-top: 40px solid #405349;
  border-bottom: 40px solid #405349;
  transform: rotate(45deg) scale(0.7);
  animation: diamond-animation 1s ease-in-out;
}

@keyframes squares-animation {
  0% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(180deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.squares-multi {
  height: 50%;
  top: 50%;
  background-image: linear-gradient(to right, #4f5e57 50%, #f7c9ab 50%);
  transform: rotateX(0deg);
  perspective: 1000px;
  transform-origin: top;
  animation: squares-animation 1s ease-in-out;
}

@keyframes half-moon-animation {
  0% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
.half-moon-multi {
  border-left: 40px solid #4f5e57;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid #4f5e57;
  border-bottom: 40px solid #ee5f4f;
  border-radius: 50%;
  transform: rotate(-45deg);
  animation: half-moon-animation 1s ease-in-out;
}

@keyframes double-arrow-animation {
  0% {
    transform: translate(0px);
  }
  25% {
    transform: translate(-80px) rotate(0deg);
  }
  26% {
    transform: translate(-80px) rotate(180deg);
  }
  66% {
    transform: translate(80px) rotate(180deg);
  }
  67% {
    transform: translate(80px) rotate(0deg);
  }
  100% {
    transform: translate(0px) rotate(0deg);
  }
}
.double-arrow-peach {
  animation: double-arrow-animation 1s linear;
}
.double-arrow-peach:before {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #f7c9ab;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f7c9ab;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}
.double-arrow-peach:after {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #f7c9ab;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f7c9ab;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}

.double-arrow-red {
  animation: double-arrow-animation 1s linear;
}
.double-arrow-red:before {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #ee5f4f;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}
.double-arrow-red:after {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #ee5f4f;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}

.double-arrow-orange {
  animation: double-arrow-animation 1s linear;
}
.double-arrow-orange:before {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #f6b45e;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f6b45e;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}
.double-arrow-orange:after {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #f6b45e;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f6b45e;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}

.double-arrow-grey {
  animation: double-arrow-animation 1s linear;
}
.double-arrow-grey:before {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #4f5e57;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #4f5e57;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}
.double-arrow-grey:after {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #4f5e57;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #4f5e57;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}

.double-arrow-green {
  animation: double-arrow-animation 1s linear;
}
.double-arrow-green:before {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #405349;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #405349;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}
.double-arrow-green:after {
  content: "";
  border-left: 40px solid transparent;
  border-right: 40px solid #405349;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #405349;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: scale(0.7) rotate(135deg);
}

@keyframes dee-animation {
  0% {
    transform: translate(0px);
  }
  50% {
    transform: translate(-50px);
  }
  100% {
    transform: translate(0px);
  }
}
.dee-peach {
  background: #f7c9ab;
  border-radius: 0 50% 50% 0;
  animation: dee-animation 1s ease-in-out;
}

.dee-red {
  background: #ee5f4f;
  border-radius: 0 50% 50% 0;
  animation: dee-animation 1s ease-in-out;
}

.dee-orange {
  background: #f6b45e;
  border-radius: 0 50% 50% 0;
  animation: dee-animation 1s ease-in-out;
}

.dee-grey {
  background: #4f5e57;
  border-radius: 0 50% 50% 0;
  animation: dee-animation 1s ease-in-out;
}

.dee-green {
  background: #405349;
  border-radius: 0 50% 50% 0;
  animation: dee-animation 1s ease-in-out;
}

@keyframes triangle-animation {
  0% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(180deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.triangle-peach {
  border-left: 40px solid transparent;
  border-right: 40px solid #f7c9ab;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f7c9ab;
  perspective: 1000px;
  animation: triangle-animation 1s ease-in-out;
}

.triangle-red {
  border-left: 40px solid transparent;
  border-right: 40px solid #ee5f4f;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #ee5f4f;
  perspective: 1000px;
  animation: triangle-animation 1s ease-in-out;
}

.triangle-orange {
  border-left: 40px solid transparent;
  border-right: 40px solid #f6b45e;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #f6b45e;
  perspective: 1000px;
  animation: triangle-animation 1s ease-in-out;
}

.triangle-grey {
  border-left: 40px solid transparent;
  border-right: 40px solid #4f5e57;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #4f5e57;
  perspective: 1000px;
  animation: triangle-animation 1s ease-in-out;
}

.triangle-green {
  border-left: 40px solid transparent;
  border-right: 40px solid #405349;
  border-top: 40px solid transparent;
  border-bottom: 40px solid #405349;
  perspective: 1000px;
  animation: triangle-animation 1s ease-in-out;
}

@keyframes rounded-top-before-animation {
  0% {
    transform: rotate(180deg) translate(0px);
  }
  50% {
    transform: rotate(180deg) translate(40px);
  }
  100% {
    transform: rotate(180deg) translate(0px);
  }
}
.rounded-corners-multi-top {
  overflow: hidden;
}
.rounded-corners-multi-top:before {
  content: "";
  border-left: 40px solid #ee5f4f;
  border-right: 40px solid transparent;
  border-top: 40px solid #ee5f4f;
  border-bottom: 40px solid transparent;
  position: absolute;
  border-radius: 50%;
  left: -50%;
  top: -50%;
  transform: rotate(180deg);
  animation: rounded-top-before-animation 1s ease-in-out;
}
.rounded-corners-multi-top:after {
  content: "";
  border-left: 40px solid #4f5e57;
  border-right: 40px solid transparent;
  border-top: 40px solid #4f5e57;
  border-bottom: 40px solid transparent;
  position: absolute;
  border-radius: 50%;
  right: -50%;
  top: -50%;
  transform: rotate(-45deg);
}

@keyframes rounded-bottom-after-animation {
  0% {
    transform: rotate(50deg) translate(0px);
  }
  50% {
    transform: rotate(50deg) translate(40px);
  }
  100% {
    transform: rotate(50deg) translate(0px);
  }
}
.rounded-corners-multi-bottom {
  overflow: hidden;
}
.rounded-corners-multi-bottom:before {
  content: "";
  border-left: 40px solid #4f5e57;
  border-right: 40px solid transparent;
  border-top: 40px solid #4f5e57;
  border-bottom: 40px solid transparent;
  position: absolute;
  border-radius: 50%;
  left: -50%;
  bottom: -50%;
  transform: rotate(50deg);
}
.rounded-corners-multi-bottom:after {
  content: "";
  border-left: 40px solid #f7c9ab;
  border-right: 40px solid transparent;
  border-top: 40px solid #f7c9ab;
  border-bottom: 40px solid transparent;
  position: absolute;
  border-radius: 50%;
  right: -50%;
  bottom: -50%;
  transform: rotate(-45deg);
  animation: rounded-bottom-after-animation 1s ease-in-out;
}


.skill-expanded tbody {
  display: none;
}

.exp-item .resp-item {
  display: none;
}


.exp-item .resp-trigger {
  display: block;
}

#services .dtr-mt-20{
  margin-top: 0px !important;
}

#blog .dtr-mt-50{
  margin-top: 0px !important;
}

#contact .contact-items{
  flex-direction: column;
}

#contact .align-items-center{
  margin-top: 40px;
}

.overlay-wrapper.is-active {
  display: block;
  background: rgb(0 0 0 / 33%);
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.is-overlay-active{
  overflow: hidden;
}

.exp-expanded .resp-item{
  display: block;
}