@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

/* MAIN COLOR */
.bgc-primary {
    background-color: #187f6c !important;
}

body {
    --ygency-primary-color: #1ead93;
}

.preloader .custom-loader {
    border-top: 2px solid #187f6c;
    border-bottom: 2px solid #187f6c;
}

.hidden-bar {
    background-color: #0a1019;
    border-left: 1px solid #187f6c;
}

.header-top {
    color: #fff;
}

.header-top .top-right .nice-select .current {
    color: #fff;
}

.header-top .top-right .nice-select:after {
    border-color: #fff;
}

.main-header.header-two .menu-sidebar > button {
    background: #187f6c;
  	border: 0.5px solid rgba(255, 255, 255, 0.13);
}

.main-header.fixed-header .header-upper {
    background: #0a1019;
}

.theme-btn.style-two, a.theme-btn.style-two {
    color: #fff;
    background: #187f6c;
    border-color: #187f6c;
}

.slide-content .sub-title {
    color: #20ad93;
}

.slide-content .ratting-btns .read-more {
    padding-right: 50px;
}

.section-title .sub-title {
    color: #20ad93;
}

.service-item.style-three:hover {
    border-color: #187f6c;
}

.work-with-content {
    background: #187f6c !important;
}

.work-with-content p, .work-with-content h2, .work-with-content .theme-btn, .work-with-content .sub-title {
    color: #fff;
}

.work-with-content .theme-btn {
    border-color: #fff;
}

.work-with-content .theme-btn:hover {
    border-color: #fff;
}

.theme-btn:hover, a.theme-btn:hover {
    color: #fff;
    background: #187f6c;
    border-color: #187f6c;
}

#simple-chat-button {
	background: #187f6c !important;
}

/* MAIN COLOR */

.scroll-top {
    right: 25px;
  	bottom: 100px;
   	background: #187f6c;
  
  	display: none !important;
}

.main-menu .navbar-collapse {
    padding-top: 0px;
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* HOME PAGE */

.nice-select.open a {
    color: #0a1019;
}

/* MENU */
.navbar-collapse .pure-menu-list li:hover,
.navbar-collapse .pure-menu-list li a:hover {
    color: #1ead93;
    background-color: unset;
}

.navbar-collapse .pure-menu-list li:focus,
.navbar-collapse .pure-menu-list li a:focus {
    color: #1ead93;
    background-color: unset;
}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
    color: #fff;
}

/*

.main-menu .navbar-collapse {
    padding-top: 15px;
} 

*/

.header-inner.rpy-10.rel.d-flex.align-items-center {
    padding-left: 9px;
    padding-right: 9px;
}

/* -------------------------------------------- */

/* MOBILE MENU */
ul.pure-menu-list {
    width: 100%;
}
/*
@media only screen and (min-width: 991px) {
  .main-menu .navbar-collapse li {
      padding: 15px !important;
      float: left;
  }
}
 --------------------------------------- */


@media only screen and (max-width: 991px) {
    .header-top .top-left {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: none;
    }
  
  	.main-menu .collapse {
        overflow: initial;
    }
  
	.main-menu .navbar-collapse > ul {
        display: block;
        padding: 25px 0;
        background: #0a1019;
    }
  
    .main-menu .navbar-collapse li {
      padding: 5px 15px !important;
    }
  
    ul.pure-menu-list li:last-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    }
}




@media only screen and (max-width: 1211px) {
    .rpb-10, .rpy-10 {
        padding-bottom: 10px;
     	padding-top: 10px;
    }
  
    .nav-outer {
      width: 100%;
    }
  
  	.main-menu .navbar-collapse {
        left: 0;
        width: 100%;
        position: absolute;
        max-height: calc(100vh - 80px);
    }
  
  	.main-menu .navbar-collapse > ul {
        display: block;
        padding: 25px 0;
        background: #0a1019;
    }
  
    .main-menu .collapse {
      overflow: initial;
    }
  
    .main-menu .navbar-collapse li {
      display: block;
      padding: 0 15px;
      border-top: 1px solid var(--ygency-border-color);
    }
  
  	.main-header .logo-outer {
        display: none;
    }
  
    .main-menu .navbar-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
    }
  
    .main-menu {
      width: 100%;
    }
  
  	.main-header .logo-outer {
        display: none;
    }
  
    /*.navbar-expand-lg .navbar-collapse {
      display: none !important;
    } */
}

@media only screen and (max-width: 1340px) {
    .main-header.header-two .call-anytime {
        display: none;
    }
}


@media (min-width: 1211px) {
  	.main-menu .navbar-collapse li {
        padding: 15px !important;
        float: left;
    }
  
  	.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}

/* 992px–1211.98px: повертаємо bootstrap-анімацію collapse */
@media (min-width: 992px) and (max-width: 1211.98px) {
  body .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }

  body .navbar-expand-lg .navbar-collapse.collapse.show {
    display: block !important;
  }

  body .navbar-expand-lg .navbar-collapse.collapsing {
    display: block !important;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
  }
}

@media (min-width: 1212px) {
  body .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}




/* --------------vvuyjhvukvvhjkvhjvkjvhjvkhvjvhjhvhvjkvhjhvjvhjkvhjkhvhjkvkhkvjjvvhjkvhjkjvhvhjkvhjkvhjkvhjkvhjvhjvhjkvjkhkvhjkvjhvjhkvjkhjvhkjvhkvhjkvhkjjvhk------------------------- */


/* -------------------------------------------- */



/* -------------- GET APPOINTMENT FORM -------------- */

button#SubmitButton4_10001_Itm4 {
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-color: white;
    background: transparent;
}

button#SubmitButton4_10001_Itm4:hover {
    color: #fff;
    background: #187f6c;
    border-color: #fff;
}



button#SubmitButton4_10001_Itm72 {
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-color: white;
    background: transparent;
}

button#SubmitButton4_10001_Itm72:hover {
    color: #02050A;
    background: #55E6A5;
    border-color: #fff;
}

/* -------------------------------------------- */


/* SLIDER HOME */

.slide-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.slide-content .sub-title {
  	font-size: 22px;
}


.ratting-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.slide-content .ratting-btns .theme-btn {
    margin-right: 25px;
}

a.read-more.whatsappReadMore {
    padding: 10px;
}

/* -------------------------------------------- */

/* WHAT WE OFFER SECTION */

section.what-we-offer.pb-90.rpb-70 {
    padding-top: 120px;
}

/* -------------------------------------------- */

/* WHY CHOOSE US SECTION */
@media (min-width: 1200px) {
    .col-xl-6 {
        display: flex;
        justify-content: center;
    }
}

/* -------------------------------------------- */

.dropdown-btn {
    display: none;
}

nav i {
    display: none;
}
/*
.main-menu .navbar-collapse li {
  padding: 15px !important;
} */

.main-menu .navbar-collapse > li > a {
    font-weight: bolder;
}

.whatsappReadMore i {
	transform: rotate(0deg);
}

@media only screen and (max-width: 575px) {
    .main-menu .mobile-logo {
        max-width: 300px;
    }
}

.mobile-logo a.logoText__header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile-logo a img {
    width: 40px;
}

.mobile-logo a span {
    font-size: 30px;
    padding: 5px 10px;
}

.logoText__header {
	text-transform: uppercase;
	font-family: monospace;
	color: #fff;
	font-weight: bolder;
	font-size: 35px;
  
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logoText__header span {
    padding: 5px 15px;
}

.footerLogoImg {
	width: 75px;
}

.logoSpanTextLarge {
	font-size: 50px;
}

.slider-item::before {
	background-color: #0b1611;
}

.service-item.style-three h4 {
    font-weight: bolder;
}

.image-one img {
    border-radius: 5%;
}

.image-two img {
    border-radius: 5%;
}

.betterReadbleH4 {
	background-color: #394640d1;
    padding: 5px 20px;
    border-radius: 5px;
}

.video-area-five.rel.z-1 {
    z-index: 100;
}

.work-process-five .icon-title {
	gap: 15px;
}

/* CONTACT US */

.footerLogoImg {
	width: 75px;
}

.logoSpanTextLarge {
	font-size: 50px;
}

/* ------form------ */

button#SubmitButton3_10001_Itm74 {
    padding-left: 0px !important;
    padding: 15px 0px;
}

.SpacedItem.WOD_Form_Lable.WOD_Form_Lable_3.WOD_Form_Lable_3_Submit>button {
    color: #fff;
    background: #187f6c;
    border: 1px solid #187f6c;
}

.SpacedItem.WOD_Form_Lable.WOD_Form_Lable_3.WOD_Form_Lable_3_Submit>button:hover {
    color: #55E6A5 !important;
    background: transparent;
}

textarea#Message_IC10001_Itm74 {
    height: 75px;
}

/* ------form------ */

/* -------------------------------------------- */

/* SERVICES */
.justCenterforItems {
	justify-content: center;
}

.headline-wrap > span .marquee-item {
    color: #ffffff;
}

/* -------------------------------------------- */

/* WEB DEV */
.lastOne::after {
    content: none !important;
    display: none !important;
}

.whyChooseUs__image {
	max-width: 500px;
}

.brightless80 {
	filter: brightness(80%);
}

/* -------------------------------------------- */

/* SEO */
.titleUnderImage {
	color: rgb(255 255 255 / 25%);
}

.big-text.light-opacity {
    opacity: 0.07;
}
/* -------------------------------------------- */

/* FOOTER */
.lets-work img {
    object-fit: cover;
    object-position: top;
}

@media (max-width: 630px) {
  .lets-work span {
      font-size: 35px;
  }
}
/* -------------------------------------------- */




/* -------------------------------------------- */

/* FAQ */

.menu-sidebar {
    margin-left: 25px;
}

.faq-iamge-part img {
    border-radius: 10px;
}

.WOD_Form_1 .nice-select .list {
    background: #0a1019;
}

.WOD_Form_1 .nice-select:focus,
.form-style-one .form-control:focus {
    border-color: #fff;
}

.form-control:focus {
    background-color: transparent;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #86868642;
}

.nice-select .list {
    width: 100%;
    border-radius: 0;
}

/* --------------- Form --------------- */

.WOD_Form_1 .nice-select,
.form-style-one .form-control {
    color: white;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 1px 0 20px 33px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.WOD_Form_1 textarea {
    color: white !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 1px 0 20px 33px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.WOD_Form_1 input {
    color: white !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 1px 0 20px 33px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

button#SubmitButton1_10001_Itm165 {
    color: #fff;
    background: #187f6c;
    border-color: #187f6c;
}

button#SubmitButton1_10001_Itm165:hover {
    background: transparent;
}

@media (min-width: 1200px) {
    .col-xl-10 {
        flex: 0 0 auto;
        width: 70%;
    }
}

/* --------------------------- */

/* -------------------------------------------- */



/* -------------- AI Systems Page ----------------- */

@media (min-width: 1200px) {
    .col-xl-10 {
        flex: 0 0 auto;
        width: 90%;
    }
}

.headline-area.bgc-primary.pt-80.pb-65 {
    margin-bottom: 130px;
}

section.service-page-about.py-130.rpy-100.rel.z-1 {
    padding-top: 200px;
}


/* -------------------------------------------- */



/* ---------------- 404 Page ------------------ */

a[href="/Sites/104651/Root/Web/Images/#"] {
  display: none;
}

/* -------------------------------------------- */




section.Blog {
    margin-top: 100px;
    margin-bottom: 50px;
}






@media (min-width: 1212px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
    }
}