.wpo-site-header #navbar > ul > li > a:before { background: #81a3e3;}
.wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li a:focus, .wpo-hero-slider .slide-title h2 span, .static-hero .slide-title h2 span, .static-hero-s2 .slide-title h2 span, .wpo-hero-slider-s2 .slide-title h2 span, .wpo-hero-slider-s3 .slide-title h2 span, .wpo-about-area .wpo-about-text .wpo-about-title h2 span, .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2 span, .wpo-about-area-s3 .wpo-about-text .wpo-about-title h2 span, .wpo-about-area-s4 .wpo-about-text .wpo-about-title h2 span, .wpo-about-area-s5 .wpo-about-text .wpo-about-title h2 span, .wpo-section-title h2 span, .wpo-section-title-s2 h2 span, .wpo-section-title-s3 h2 span, .wpo-service-area .wpo-service-item h2 a:hover, .wpo-service-area-s2 .wpo-service-item h2 a:hover, .wpo-section-title p, .wpo-section-title-s2 p, .wpo-section-title-s3 p, .wpo-project-area .wpo-project-wrap .owl-nav [class*=owl-], .wpo-project-area-s2 .wpo-project-wrap .owl-nav [class*=owl-], .wpo-project-area-s3 .wpo-project-wrap .owl-nav [class*=owl-], .wpo-project-area .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a:hover, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a:hover, .wpo-project-area-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a:hover, .wpo-project-area .wpo-project-wrap .wpo-project-item .wpo-project-text span, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item .wpo-project-text span, .wpo-project-area-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text span, .wpo-team-section .wpo-team-wrap .wpo-team-item .wpo-team-text span, .wpo-team-section-s2 .wpo-team-wrap .wpo-team-item .wpo-team-text span, .wpo-subscribe-section .wpo-subscribe-wrap .subscribe-form .input-field button, .wpo-subscribe-section-s2 .wpo-subscribe-wrap .subscribe-form .input-field button, .wpo-site-footer .about-widget ul li a:hover, .wpo-site-footer-s2 .about-widget ul li a:hover, .wpo-site-footer .wpo-lower-footer ul li a:hover, .wpo-site-footer-s2 .wpo-lower-footer ul li a:hover {color: #81a3e3;}
.wpo-team-section .wpo-team-wrap .wpo-team-item .wpo-team-text ul li a:hover, .wpo-team-section-s2 .wpo-team-wrap .wpo-team-item .wpo-team-text ul li a:hover {background: #81a3e3; border-color: #81a3e3;}
.wpo-site-header .header-right .get-btn .theme-btn, .wpo-site-header .header-right .get-btn .view-cart-btn, .wpo-hero-slider .swiper-pagination-bullet, .wpo-static-hero .swiper-pagination-bullet, .static-hero-s2 .swiper-pagination-bullet, .wpo-section-title p:before, .wpo-section-title-s2 p:before, .wpo-section-title-s3 p:before, .wpo-section-title p:after, .wpo-section-title-s2 p:after, .wpo-section-title-s3 p:after {background: #81a3e3;}
.wpo-subscribe-section .wpo-subscribe-wrap, .wpo-subscribe-section-s2 .wpo-subscribe-wrap {    background: #81a3e3;}
.back-to-top {    background-color: rgb(129 163 227 / 69%);border: 2px solid #81a3e3;}
.back-to-top:hover {    background-color: #6282c0;}
.wpo-project-area .wpo-project-wrap .wpo-project-item .wpo-project-img .thumb h4, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item .wpo-project-img .thumb h4, .wpo-project-area-s3 .wpo-project-wrap .wpo-project-item .wpo-project-img .thumb h4 {    -webkit-text-stroke-color: #81a3e3;}
.theme-btn, .view-cart-btn, .theme-btn-s2, .theme-btn-s3, .theme-btn-s4 {border: 1px solid #73a1f7;}
.wpo-site-header .header-right .get-btn .theme-btn:hover, .wpo-site-header .header-right .get-btn .view-cart-btn:hover {background: #5d84ce;}
.wpo-about-area .wpo-about-text .wpo-about-title h2, .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s3 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s4 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s5 .wpo-about-text .wpo-about-title h2, .wpo-section-title h2, .wpo-section-title-s2 h2, .wpo-section-title-s3 h2 {    font-size: 70px;}
.wpo-about-area .wpo-about-text .wpo-about-title span.sub:before, .wpo-about-area-s2 .wpo-about-text .wpo-about-title span.sub:before, .wpo-about-area-s3 .wpo-about-text .wpo-about-title span.sub:before, .wpo-about-area-s4 .wpo-about-text .wpo-about-title span.sub:before, .wpo-about-area-s5 .wpo-about-text .wpo-about-title span.sub:before {background: #81a3e3;}
.wpo-about-area .wpo-about-text .wpo-about-title span.sub, .wpo-about-area-s2 .wpo-about-text .wpo-about-title span.sub, .wpo-about-area-s3 .wpo-about-text .wpo-about-title span.sub, .wpo-about-area-s4 .wpo-about-text .wpo-about-title span.sub, .wpo-about-area-s5 .wpo-about-text .wpo-about-title span.sub {    color: #81a3e3;}
.wpo-section-title, .wpo-section-title-s2, .wpo-section-title-s3 {    margin-bottom: 20px;}
.wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .wpo-hero-slider-s2 .slide-title h2, .wpo-hero-slider-s3 .slide-title h2 {font-size: 80px; line-height: 80px;}
.wpo-hero-slider, .wpo-static-hero, .static-hero-s2 {    height: 700px;}
.wpo-site-footer, .wpo-site-footer-s2 {background:url('../imgs/footer-content-bg.jpg') no-repeat center center} 
.slide-content h2 {    text-shadow: 0px 2px 5px #000;}
.wpo-project-area:before, .wpo-project-area-s2:before, .wpo-project-area-s3:before {top: 44%;    height: 60%;}
.wpo-site-header #navbar > ul > li .sub-menu a:after {background: #5b7dbc;}
.wpo-service-area, .wpo-service-area-s2 {padding-bottom: 60px;}
.wpo-section-title p, .wpo-section-title-s2 p, .wpo-section-title-s3 p {margin-bottom: 10px;}
.wpo-team-section .wpo-team-wrap .wpo-team-item .wpo-team-text h3 a:hover, .wpo-team-section-s2 .wpo-team-wrap .wpo-team-item .wpo-team-text h3 a:hover {color: #81a3e3;}
.wpo-site-footer .about-widget ul li a, .wpo-site-footer-s2 .about-widget ul li a {line-height: 36px;}
.wpo-site-header .navbar-wrap .navbar-header { padding: 0 12px; margin: 6px 0px; }
.wpo-site-header .navbar-header .navbar-brand img {width:100%; max-width:100%;}
.wpo-site-header #navbar > ul > li > a { padding: 40px 11px; font-size: 17px;}
.wpo-site-header .header-right .get-btn .theme-btn, .wpo-site-header .header-right .get-btn .view-cart-btn { padding: 8px 16px;}
.section-padding {    padding: 80px 0;}
.theme-btn, .view-cart-btn, .theme-btn-s2, .theme-btn-s3, .theme-btn-s4 {    color: #4b74c0;}
.theme-btn:hover, .view-cart-btn:hover, .theme-btn:focus, .view-cart-btn:focus, .theme-btn:active, .view-cart-btn:active, .theme-btn-s2:hover, .theme-btn-s2:focus, .theme-btn-s2:active, .theme-btn-s3:hover, .theme-btn-s3:focus, .theme-btn-s3:active, .theme-btn-s4:hover, .theme-btn-s4:focus, .theme-btn-s4:active {    background: #81a3e3;}
.wpo-page-title .wpo-breadcumb-wrap ol li a:hover {    color: #81a3e3;}|
.wpo-shop-section .add-to-cart a { color: #81a3e3; border: 1px solid #81a3e3; }
.wpo-shop-section .details h3 a:hover {    color: #81a3e3;}
.wpo-shop-section .grid:hover .add-to-cart a {    background-color: #81a3e3;}
.wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .pricing-thumb, .wpo-pricing-section-s2 .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .pricing-thumb {    background: #81a3e3;}
@media screen and (min-width: 992px) {
  .wpo-site-header #navbar { justify-content: end; }
  .wpo-site-header #navbar > ul .sub-menu {width: 270px;}
}

@media (max-width: 600px) {
  .wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .wpo-hero-slider-s2 .slide-title h2, .wpo-hero-slider-s3 .slide-title h2 { font-size: 50px; line-height: 50px; }
  .wpo-site-header .navbar-wrap .navbar-header {     margin: 0px 0px;    padding: 0px 0px; }
  .wpo-site-header .navbar-wrap { justify-content: left; }
  .wpo-site-header .header-right .theme-btn, .wpo-site-header .header-right .view-cart-btn {display: block;}
  .wpo-site-header .header-right .get-btn .theme-btn, .wpo-site-header .header-right .get-btn .view-cart-btn {padding: 8px 10px; border-radius: 4px; font-size: smaller;}
  .wpo-site-header .mobail-menu button {background-color:#5b7dbc}
  .wpo-about-area .wpo-about-text .wpo-about-title h2, .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s3 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s4 .wpo-about-text .wpo-about-title h2, .wpo-about-area-s5 .wpo-about-text .wpo-about-title h2, .wpo-section-title h2, .wpo-section-title-s2 h2, .wpo-section-title-s3 h2 {font-size: 40px; line-height: 40px;}
  .wpo-site-footer .about-widget p, .wpo-site-footer-s2 .about-widget p {font-size: 14px; line-height: 24px;}
  .wpo-site-header .header-right > div:last-child {        margin: 0px 0 0 10px;}
  .section-padding {padding: 50px 0;}
  p {    font-size: 16px;}
  .wpo-about-area .wpo-about-img, .wpo-about-area-s2 .wpo-about-img, .wpo-about-area-s3 .wpo-about-img, .wpo-about-area-s4 .wpo-about-img, .wpo-about-area-s5 .wpo-about-img {        padding-top: 0px;}
}