@font-face {
  font-family: Bukra;
  src: url('../fonts/29lt-bukra.ttf') format('truetype')
}
.scroll-top{color:#164852}.main-menu .navigation>li.current>a,.main-menu .navigation>li:hover>a{color:#164852!important}.main-menu .navigation>li>ul>li>a:hover{color:#164852}.main-menu .navigation li.dropdown .megamenu li a:hover{color:#164852}.main-menu .navigation>li>ul>li>ul>li>a:hover{color:#164852}.main-header .menu-right-content .support-box h5 a:hover{color:#164852}.main-header .search-box-btn:hover{color:#164852}.main-header .menu-right-content .cart-box a:hover{color:#164852}.main-header .search-box-outer .dropdown-menu{background:#164852}.theme-btn.btn-one{background:#164852}.banner-section .owl-theme .owl-nav .owl-prev:hover:after{color:#164852}.banner-section .owl-theme .owl-nav .owl-next:hover:after{color:#164852}.image_block_one .image-box .image:before{background:#7FC3C2}.sec-title .sub-title{-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#7FC3C2}.content_block_one .content-box .text .icon-box{color:#164852}.list-style-one li:before{color:#164852}.services-block-one .inner-box .lower-content .icon-box{color:#164852}.services-block-one .inner-box .lower-content h3 a:hover{color:#164852}.services-block-one .inner-box .lower-content .link a:hover{color:#164852;background: #fff;border: 1px solid #164852;}.sec-title.light .sub-title{color:#7FC3C2}.chooseus-section .content-inner .inner-box .inner .list li:before{color:#164852}.content_block_two .content-box{background:#164852}.content_block_two .content-box .upper .theme-btn{background:#7FC3C2}.scroll-top{background:#164852}.testimonial-section .testimonial-inner .inner-box .icon-box{color:#164852}.testimonial-section .testimonial-inner .inner-box .author-box .name{color:#7FC3C2}.news-block-one .inner-box .image-box{background:#164852}.news-block-one .inner-box .lower-content .post-date{background:#7FC3C2}.news-block-one .inner-box .lower-content .post-info li a:hover{color:#164852}.news-block-one .inner-box .lower-content .post-info li i{color:#164852}.news-block-one .inner-box .lower-content h3 a:hover{color:#164852}.news-block-one .inner-box .lower-content:before{background:#164852}.main-footer .widget-section .links-widget .links-list li a:hover{color:#7FC3C2}.main-footer .widget-section .contact-widget .social-links li a:hover{background:#7FC3C2}.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group button{background:#164852}.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group input:focus{border-color:#7FC3C2!important}.footer-bottom a:hover{color:#7FC3C2}.header-style-two .logo-box .social-links li a:hover{color:#164852}.client-section.alternat-2{background:#7FC3C2}.feature-block-one .inner-box .icon-box{color:#164852}.feature-block-one .inner-box .icon-box:before{background:#164852}.feature-section .lower-text h3{color:#164852}.feature-section .lower-text h3 a{color:#164852}.image_block_two .image-box .shape .shape-1{background:#7FC3C2}.image_block_two .image-box .shape .shape-2{background:#164852}.content_block_three .content-box .inner-box .inner .icon-box{color:#164852}.content_block_three .content-box .inner-box .author-box .author-thumb{border:2px solid #7FC3C2}.feature-block-two .inner-box .lower-content{background:#7FC3C2}.feature-block:nth-child(2) .feature-block-two .inner-box .lower-content{background:#164852}.feature-block:last-child .feature-block-two .inner-box .lower-content{background:#164852}.feature-block-two .inner-box .lower-content:before{background:#7FC3C2}.feature-block:nth-child(2) .feature-block-two .inner-box .lower-content:before{background:#164852}.feature-block:last-child .feature-block-two .inner-box .lower-content:before{background:#164852}.gallery-block-two .inner-box .image{background:#7FC3C2}.testimonial-style-two .testimonial-content .author-box .name{color:#7FC3C2}.testimonial-style-two .owl-dots button.active,.testimonial-style-two .owl-dots button:hover{border-color:#7FC3C2}.cta-section .inner-container{background:#7FC3C2}.media-partner .media-links li a:hover{color:#164852}.page-title .bread-crumb li a:hover{color:#164852}.services-sidebar .category-widget .category-list li a:before{background:#164852}.services-sidebar .support-widget .inner-box:before{background:#7FC3C2}.services-sidebar .support-widget .inner-box .icon-box{color:#7FC3C2}.services-sidebar .support-widget .inner-box h3 a:hover{color:#164852}.services-details-content .accordion-box .block .acc-btn.active h5{color:#164852}.services-details-content .accordion-box .block .acc-btn.active .icon-outer:before{color:#164852}.content_block_five .content-box .text h3{color:#164852}.team-block-one .inner-box .image-box .social-links{background:#7FC3C2}.team-block-one .inner-box .image-box .social-links li a:hover{color:#164852}.team-block-one .inner-box .lower-content h3 a:hover{color:#164852}.team-block-one .inner-box .lower-content:before{background:#164852}.news-block-one .inner-box .lower-content .link a:hover{color:#164852}.blog-sidebar .search-widget .form-group{background:#164852}.blog-sidebar .post-widget .post-inner .post .post-thumb{background:#164852}.blog-sidebar .post-widget .post-inner .post .post-date i{color:#164852}.blog-sidebar .post-widget .post-inner .post .post-date a:hover{color:#164852}.blog-sidebar .post-widget .post-inner .post h6 a:hover{color:#164852}.blog-sidebar .category-widget .category-list li a:hover{color:#164852}.blog-sidebar .tags-widget .tags-list li a:hover{background:#164852}.blog-details-content .post-share-option .post-tags li a{background:#164852}.blog-details-content .post-share-option .social-links li a:hover{background:#164852}.blog-details-content .comment-box .comment .comment-info h4 span{color:#7FC3C2}.blog-details-content .comment-box .comment .reply-btn{background:#164852}.default-form .form-group input:focus,.default-form .form-group textarea:focus{border-color:#164852!important}.content_block_six .content-box .inner-box .single-item .icon-box{color:#7FC3C2}.content_block_six .content-box .inner-box .single-item h3 a:hover{color:#164852}

 
a,a:hover {
    text-decoration: none
}

*,a:hover {
    outline: 0
}

.pagination,.pagination li,.pagination li a,.theme-btn,img {
    display: inline-block
}

.centred,.pagination li a,.scroll-top,.theme-btn {
    text-align: center
}

.sec-title h3,.sec-title h4,.sec-title h5,.sec-title h6 {
    line-height: 66px;
    font-weight: 900
}

.main-menu .navigation>li>a,.theme-btn,body,button,h1,h2,h3,h4,h5,h6,input,p,select,textarea {
    font-family: Bukra
}

.lazy-div {
    align-items: center;
    justify-items: center;
    position: relative
}

.lazy-div .lazy {
    width: 30px!important;
    height: 30px!important;
    transition: none
}

@media only screen and (min-width: 992px) {
    .lazy-div .lazy {
        width:50px!important;
        height: 50px!important
    }
}

.lazy-div .next-lazy-img {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden
}

.lazy-div .next-lazy-img::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: -100%;
    background-image: linear-gradient(to left,#fff,rgba(0,0,0,.02),rgba(0,0,0,.05),rgba(0,0,0,.06),rgba(0,0,0,.04),rgba(0,0,0,.02),rgba(0,0,0,.01));
    animation: 1s ease-out infinite lazy-animation
}

@keyframes lazy-animation {
    100% {
        right: 100%
    }
}

.Call-btn,.Whatsapp-btn {
    display: inline-block;
    margin: 5px 40px 5px 5px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 8px;
    background: #3b8391;
    color: #fff
}

.Call-btn a,.Whatsapp-btn a,.blog-details-content .post-share-option .social-links li a:hover,.blog-sidebar .tags-widget .tags-list li a:hover,.feature-block-one .inner-box:hover .icon-box,.page-title .bread-crumb li a,.pagination li a.active,.pagination li a:hover,.scroll-top span,.sec-title.light h2,.sec-title.light h3,.services-block-one .inner-box:hover .lower-content .icon-box,.services-sidebar .category-widget .category-list li a.current,.services-sidebar .category-widget .category-list li a:hover,.testimonial-section .faq-inner .faq-content .sec-title h2,.widget-content p {
    color: #fff
}

* {
    margin: 0;
    padding: 0;
    border: none
}

body {
    font-size: 16px;
    color: #7c6f68;
    line-height: 32px;
    font-weight: 400;
    background: center top/cover no-repeat #fff;
    -webkit-font-smoothing: antialiased;
    text-align: right
}

@media (min-width: 1200px) {
    .container {
        max-width:1170px;
        padding: 0 15px
    }
}

.large-container {
    max-width: 1570px;
    padding: 0 15px;
    margin: 0 auto
}

.container-fluid,li,ul {
    padding: 0
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.boxed_wrapper,.pagination,.pagination li a,.theme-btn,h1,h2,h3,h4,h5,h6,p {
    position: relative
}

.small-container {
    max-width: 680px;
    margin: 0 auto
}

.boxed_wrapper {
    overflow-x: clip;
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

.main-menu .navigation,.mr-0,figure,li,p,ul {
    margin: 0
}

a {
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: #164852
}

.main-header,.pagination li a,.theme-btn,.theme-btn:before,h1,h2,h3,h4,h5,h6,input,p {
    transition: .5s
}

button,input,select,textarea {
    font-weight: 400;
    font-size: 16px
}

li,ul {
    list-style: none
}

button:focus,input:focus,textarea:focus {
    outline: 0;
    box-shadow: none;
    transition: .5s
}

p {
    color: #333
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    color: #111;
    margin: 0
}

::-webkit-input-placeholder {
    color: inherit
}

::-moz-input-placeholder {
    color: inherit
}

::-ms-input-placeholder {
    color: inherit
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

img {
    max-width: 100%;
    height: auto;
    transition: .7s ease-in-out .1s
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 10px rgba(255,255,255,.5)
    }
}

.theme-btn {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  color: #fff !important;
  padding: 14px 56px;
  text-align: center;
  cursor: pointer; 
      margin-top: 25px;
  z-index: 1; 
  border-radius:6px;
}

.theme-btn:before {
    position: absolute;
    content: '';
    background: #333;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    z-index: -1
}

.mobile-menu .navigation li.current>a:before,.theme-btn:hover:before {
    height: 100%
}

.pagination li {
    margin: 0 3px
}

.pagination li a {
    font-size: 16px;
    height: 45px;
    width: 45px;
    font-weight: 400;
    line-height: 45px;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #222;
    background: 0 0
}

.pagination li a i {
    font-size: 12px
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    left: 50px;
    font-size: 24px;
    z-index: 99;
    color: #fff;
    cursor: pointer;
    transition: 1s;
    border-radius: 50%
}

.preloader .boxes,.sec-title,.sec-title .sub-title,.sec-title h3,.sec-title h4,.sec-title h5,.sec-title h6 {
    position: relative
}

.scroll-top:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,.5)
}

.scroll-top.open {
    bottom: 60px
}

.sec-pad {
    padding: 0 0 120px
}

.sec-title {
    display: block;
    margin-bottom: 34px
}

.sec-title .sub-title {
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-family: Bukra;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: center;
}

.sec-title h2,.services-details-content .sec-title h2 {
    text-align: center;
    position: relative;
    display: block;
    font-size: 53px;
    line-height: 66px;
    font-weight: 900;
    color: #3b8391
}

.sec-title h3 {
    display: block;
    font-size: 43px;
    color: #3b8391
}

.sec-title h4 {
    display: block;
    font-size: 33px;
    color: #3b8391
}

.sec-title h5 {
    display: block;
    font-size: 23px;
    color: #3b8391
}

.sec-title h6 {
    display: block;
    font-size: 13px;
    color: #3b8391
}

.accordion-box .block:last-child,.blog-details-content .comment-box .comment:last-child,.blog-details-content .news-block-one .inner-box .lower-content p:last-child,.blog-sidebar .category-widget .category-list li:last-child,.blog-sidebar .post-widget .post-inner .post:last-child,.blog-sidebar .sidebar-widget:last-child,.chooseus-section .content-inner .inner-box .inner .list li:last-child,.chooseus-section .content-inner .inner-box .sec-title,.list-style-one li:last-child,.main-footer .widget-section .links-widget .links-list li:last-child,.menu-area .mobile-nav-toggler .icon-bar:last-child,.mobile-menu .contact-info ul li:last-child,.sec-title.light .sub-title,.services-details-content .accordion-box .block:last-child,.services-details-content .content-one .text p:last-child,.services-section .lower-box .sec-title,.services-sidebar .category-widget .category-list li:last-child {
    margin-bottom: 0
}

.sec-title.light h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 900;
    color: #fff
}

.banner-section .slide-item {
    height: 100vh !important;
}

.preloader {
    min-height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: fixed;
    z-index: 1999999999;
    width: 100%
}

.preloader .boxes {
    --size: 30px;
    --duration: 800ms;
    height: calc(var(--size) * 2);
    width: calc(var(--size) * 3);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: calc(var(--size) * 1.5 * -1);
    -webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0) translateZ(0);
    transform: rotateX(60deg) rotateZ(45deg) rotateY(0) translateZ(0)
}

.preloader .boxes .box {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.preloader .boxes .box:first-child {
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
    -webkit-animation: box1 var(--duration) linear infinite;
    animation: box1 var(--duration) linear infinite
}

.preloader .boxes .box:nth-child(2) {
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-animation: box2 var(--duration) linear infinite;
    animation: box2 var(--duration) linear infinite
}

.preloader .boxes .box:nth-child(3) {
    -webkit-transform: translate(100%,100%);
    transform: translate(100%,100%);
    -webkit-animation: box3 var(--duration) linear infinite;
    animation: box3 var(--duration) linear infinite
}

.preloader .boxes .box:nth-child(4) {
    -webkit-transform: translate(200%,0);
    transform: translate(200%,0);
    -webkit-animation: box4 var(--duration) linear infinite;
    animation: box4 var(--duration) linear infinite
}

.preloader .boxes .box>div {
    --background: #7FC3C2;
    --top: auto;
    --right: auto;
    --bottom: auto;
    --left: auto;
    --translateZ: calc(var(--size) / 2);
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--background);
    top: var(--top);
    right: var(--right);
    bottom: var(--bottom);
    left: var(--left);
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))
}

.preloader .boxes .box>div:first-child {
    --top: 0;
    --left: 0
}

.preloader .boxes .box>div:nth-child(2) {
    --background: #7FC3C2;
    --right: 0;
    --rotateY: 90deg
}

.preloader .boxes .box>div:nth-child(3) {
    --background: #7FC3C2;
    --rotateX: -90deg
}

.preloader .boxes .box>div:nth-child(4) {
    --background: #7FC3C2;
    --top: 0;
    --left: 0;
    --translateZ: calc(var(--size) * 3 * -1)
}

@-webkit-keyframes box1 {
    0%,50% {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }

    100% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }
}

@keyframes box1 {
    0%,50% {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }

    100% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }
}

@-webkit-keyframes box2 {
    0% {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }

    50% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }
}

@keyframes box2 {
    0% {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }

    50% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(100%,0);
        transform: translate(100%,0)
    }
}

@-webkit-keyframes box3 {
    0%,50% {
        -webkit-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }

    100% {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }
}

@keyframes box3 {
    0%,50% {
        -webkit-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }

    100% {
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }
}

@-webkit-keyframes box4 {
    0% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    50% {
        -webkit-transform: translate(200%,100%);
        transform: translate(200%,100%)
    }

    100% {
        -webkit-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }
}

@keyframes box4 {
    0% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    50% {
        -webkit-transform: translate(200%,100%);
        transform: translate(200%,100%)
    }

    100% {
        -webkit-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }
}

.main-header {
    position: relative;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    direction: rtl
}

.mobile-menu,.sticky-header {
    position: fixed;
    visibility: hidden
}

.sticky-header {
    opacity: 0;
    background: #fff;
    left: 0;
    top: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    width: 100%;
    z-index: 0;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.fixed-header .navigation>li>a {
    color: #7c6f68 !important;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: .5s;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.main-header .header-lower {
    position: relative;
  background: #4d9299;
  backdrop-filter: blur(15px);
  padding: 0 100px
}

.header-style-one .header-lower .logo-box {
    position: relative;
    z-index: 1;
    width: 200px;
    transition: .3s cubic-bezier(.46,.03,.52,.96)
}

.main-header .outer-box {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.content_block_three .content-box .inner-box .author-box,.main-header .menu-right-content {
    position: relative;
    display: flex;
    align-items: center
}

.main-header .menu-right-content .support-box {
  position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px 4px 78px;
    margin-right: 40px;
    border-right: 1px solid #e3dcd9;
}

 

.main-header .menu-right-content .support-box span {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #7c6f68;
    margin-bottom: 5px
}

.main-header .menu-right-content .support-box h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px
}

.blog-sidebar .post-widget .post-inner .post h6 a,.main-header .menu-right-content .support-box h5 a,.news-block-one .inner-box .lower-content h3 a,.services-sidebar .support-widget .inner-box h3 a,.team-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #3b251a
}

.news-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #3b251a;
    font-size: 18px;
}

.main-header .menu-right-content .cart-box a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
    color: #3b251a;
    font-weight: 700
}

.main-header .menu-right-content .search-box-outer {
    position: relative;
    top: 8px;
    margin-right: 29px
}

.main-header .menu-right-content .cart-box {
    position: relative;
    top: 8px
}

.main-header .search-box-btn {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    color: #3b251a;
    background: 0 0;
    font-weight: 700;
    transition: .5s
}

.main-header .search-box-outer .dropdown-menu {
    top: 34px!important;
    padding: 0;
    width: 330px;
    border-radius: 3px;
    right: 0;
    left: auto!important;
    transform: translate3d(0,0,0) scale3d(.8,.8,.8)!important;
    border-color: transparent;
    transition: .5s;
    display: block;
    opacity: 0;
    visibility: hidden
}

.mobile-menu .navigation li,.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255,255,255,.1)
}

.main-menu .navigation>li,.menu-area .mobile-nav-toggler .icon-bar {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.main-header .search-box-outer .show .dropdown-menu {
    display: block;
    transform: scale3d(1,1,1)!important;
    opacity: 1;
    visibility: visible
}

.main-header .search-panel .form-container {
    padding: 30px
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0
}

.main-header .search-panel input[type=password],.main-header .search-panel input[type=search],.main-header .search-panel input[type=text],.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 9px 50px 9px 15px;
    height: 50px;
    color: #fff;
    border-radius: 3px;
    background-color: #1e2434
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 50px;
    height: 48px;
    text-align: center;
    color: #fff;
    background: 0 0;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
    cursor: pointer
}

.banner-section {
    margin-top: -125px;
}

.banner-section .owl-theme .owl-nav button span,.dropdown-toggle::after,.feature-block:last-child .feature-block-one .inner-box:before,.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn,.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul,.mobile-menu .navigation>li.dropdown>.megamenu,.news-block-one .inner-box .lower-content .post-info li:last-child:before,.page-title .bread-crumb li:last-child:before,.sidebar-page-container .news-block-one .inner-box .lower-content:before {
    display: none
}

.main-menu .navbar-collapse {
    padding: 0;
    display: block!important
}

.main-menu .navigation>li {
    position: inherit;
    float: right;
    z-index: 2;
    padding: 47px 0 48px;
    margin: 0 0 0 30px;
    transition: .3s
}

.main-menu .navigation>li:last-child {
    margin-left: 0!important
}

.main-menu .navigation>li:first-child {
    margin-right: 0!important
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    opacity: 1;
    color: #fff;
    z-index: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.main-menu .navigation>li>.megamenu,.main-menu .navigation>li>ul {
    position: absolute;
    left: inherit;
    top: 100%;
    width: 250px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.main-menu .navigation>li>ul.from-right,.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li,.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 5px 30px;
    border-bottom: 1px solid #eee
}

.main-menu .navigation>li>ul>li:last-child,.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>a,.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 0;
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
    color: #222;
    text-align: right;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu .navigation li.dropdown .megamenu li a:hover,.main-menu .navigation>li>ul>li>a:hover,.main-menu .navigation>li>ul>li>ul>li>a:hover {
    padding-left: 10px
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 6px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    z-index: 5
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 230px;
    z-index: 100;
    display: none;
    padding: 0;
    background-color: #fff;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
}

.feature-block-two .inner-box,.news-block-one .inner-box,.services-block-one .inner-box {
    box-shadow: #7fc3c233 0 10px 50px;
    align-self: normal
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 12px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 900;
    z-index: 5
}

.main-menu .navigation>li.dropdown:hover>.megamenu,.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .5s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: -32px;
    top: 66px;
    width: 34px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    cursor: pointer;
    display: none;
    z-index: 5;
    transition: .5s
}

.menu-area .mobile-nav-toggler,.nav-outer .mobile-nav-toggler {
  position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    background: #16485280;
    backdrop-filter: blur(5px);
    border-radius: 4px;
    cursor: pointer; 
    display: none;
}

.menu-area .mobile-nav-toggler .icon-bar {
 position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  transition: .3s
}

.main-menu .navigation>li.dropdown>.megamenu {
    position: absolute;
    width: 100%;
    padding: 30px 50px;
    left: 0
}

.main-menu .navigation li.dropdown .megamenu li {
    position: relative;
    display: block;
    z-index: 2;
    padding: 7px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.main-menu .navigation li.dropdown .megamenu li a,.mobile-menu .navigation li>a {
    font-size: 15px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu .navigation li.dropdown .megamenu li h4 {
    font-weight: 500;
    padding: 3px 0;
    color: #222
}

.main-menu .navigation li.dropdown .megamenu li a {
    position: relative;
    display: inline-block;
    text-align: left;
    line-height: 30px;
    font-weight: 400;
    opacity: 1;
    color: #222;
    padding: 0;
    z-index: 1;
    transition: .5s
}

.mobile-menu {
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 999999
}

.mobile-menu .navbar-collapse {
    display: block!important
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: .7;
    visibility: visible;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #202020;
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .close-btn {
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mobile-menu .close-btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none
}

.mobile-menu .navigation li {
    position: relative;
    display: block
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    transition: .5s
}

.mobile-menu .navigation li.dropdown .dropdown-btn,.mobile-menu .navigation li>a:before {
    position: absolute;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.mobile-menu .navigation li ul li>a {
    font-size: 16px;
    margin-right: 20px;
    text-transform: capitalize
}

.mobile-menu .navigation li>a:before {
    content: '';
    right: 0;
    top: 0;
    height: 0;
    border-left: 5px solid #fff;
    transition: .5s
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    left: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background: rgba(255,255,255,.1);
    cursor: pointer;
    border-radius: 2px;
    transition: .5s;
    z-index: 5;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    background: #fff;
    color: #3b3b3b;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.mobile-menu .social-links {
    position: relative;
    padding: 30px 25px
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px
}

.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

div#mCSB_1_container {
    top: 0!important
}

.mobile-menu .contact-info {
    position: relative;
    padding: 80px 30px 20px
}

.mobile-menu .contact-info h4 {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.mobile-menu .contact-info ul li {
    position: relative;
    display: block;
    font-size: 15px;
    color: rgba(255,255,255,.8);
    margin-bottom: 3px;
    direction: rtl
}

.mobile-menu .contact-info ul li a {
    color: rgba(255,255,255,.8)
}

.sticky-header .main-menu .navigation>li {
    padding: 25px 0!important
}

.sticky-header .outer-box {
    position: relative;
    padding: 0 70px
}

.banner-carousel,.banner-section,.cta-section,.google-map-section,.team-section,.testimonial-section {
    position: relative
}

.banner-section .pattern-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 172px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 2
}

.banner-carousel .slide-item {
     position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100vh;
    padding: 120px 0 150px;
}

/*.banner-carousel .slide-item:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #dbe8eb;*/
/*    background: radial-gradient(circle,#dbe8eb 18%,#7fc3c2 100%);*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 1;*/
/*    opacity: .2*/
/*}*/

.banner-carousel .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
    background-image: url('https://www.dhiegypt.com/uploads/sliders/home-sliders/source/slide.webp');
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 6s linear;
  -moz-transition: 6s linear;
  -ms-transition: 6s linear;
  -o-transition: 6s linear;
  transition: 6s linear
  
}

/* Mobile view */
@media (max-width: 768px) {
    .banner-carousel .slide-item .image-layer {
        background-image: url('https://www.dhiegypt.com/uploads/sliders/home-sliders/source/mobile.webp');
    }
}

.banner-carousel .content-box h2,.banner-carousel .content-box span {
    display: block;
 
    color: #fff
}

.banner-carousel .active .slide-item .image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.banner-carousel .content-box {
    position: relative;
    display: block;
    z-index: 5;
    width: 100%;
    text-align: right
}

 

.banner-carousel .content-box span {
    position: relative;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    font-family: Bukra;
    margin-bottom: 21px;
    text-transform: uppercase;
  
}

 

.banner-carousel .content-box h2 {
    position: relative;
    font-size: 65px;
    line-height: 100px;
    font-weight: 900;
    margin-bottom: 20px;
 
}

 

.banner-carousel .content-box .btn-box {
    position: relative;
 
}

 

.services-block-one .inner-box .lower-content .icon-box .overlay-shape,.testimonial-style-two .owl-carousel .owl-stage-outer .owl-item {
    opacity: 0
}

.banner-section .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.banner-section .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 50px;
    top: 0;
    width: 95px;
    height: 20px
}

.banner-section .owl-theme .owl-nav .owl-prev:before {
    position: absolute;
    content: '';
    background-image: url(../images/icons/arrow-prev.png);
    width: 39px;
    height: 13px;
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.banner-section .owl-theme .owl-nav .owl-prev:after {
    position: absolute;
    content: 'Previous';
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
    top: -7px;
    right: -27px;
    transition: .5s
}

.banner-section .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 50px;
    top: 0;
    width: 95px;
    height: 20px
}

.banner-section .owl-theme .owl-nav .owl-next:before {
    position: absolute;
    content: '';
    background-image: url(../images/icons/arrow-next.png);
    width: 39px;
    height: 13px;
    background-repeat: no-repeat;
    right: 0;
    top: 0
}

.banner-section .owl-theme .owl-nav .owl-next:after {
    position: absolute;
    content: 'Next';
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
    top: -7px;
    left: 5px;
    transition: .5s
}

.owl-dots-none .owl-dots,.owl-nav-none .owl-nav {
    display: none!important
}

.owl-dots button,.owl-nav button,.testimonial-style-two .owl-dots button.active,.testimonial-style-two .owl-dots button:hover {
    background: 0 0
}

.bg-color-1 {
    background: #6e8d8c
}

.about-section .pattern-layer,.parallax-bg,.video-section .video-btn a {
    background-size: cover;
    background-position: center
}

.about-section {
    position: relative;
    padding: 120px 0;
    direction: rtl;
    text-align: right
}

.about-section .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.about-section .image_block_one img {
    height: 400px;
    object-fit: cover
}

.image_block_one {
    position: sticky;
    top: 6rem
}

.image_block_one .image-box {
    position: relative;
    display: block;
    margin-right: 70px
}

.image_block_one .image-box .image {
    position: relative;
    display: block;
    clip-path: polygon(0% 0%,100% 0%,100% 86%,0% 100%,0% 0%)
}

.content_block_four .content-box .image img,.content_block_two .content-box .image img,.image_block_one .image-box .image img,.image_block_three .image-box .image img,.services-details-content .content-one .image-box img,.services-details-content .content-two .image-box img,.services-sidebar .category-widget .category-list li a.current:before,.services-sidebar .category-widget .category-list li a:hover:before {
    width: 100%
}

 
.image_block_one .image-box .text {
    position: absolute;
    top: 150px;
    right: -180px;
    font-size: 55px;
    line-height: 100px;
    font-weight: 500;
    color: #7fc3c2;
    text-transform: uppercase;
    transform: rotate(90deg);
    letter-spacing: 5px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #7FC3C2
}

.content_block_one .content-box {
    position: relative;
    display: block;
    margin-top: -8px
}

.content_block_one .content-box .text {
    position: relative;
    display: block;
    margin-bottom: 37px
}

.content_block_one .content-box .text .icon-box {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 65px;
    line-height: 65px
}

.content_block_one .content-box .text p {
    position: relative;
    font-size: 18px;
    line-height: 40px
}

.list-style-one li {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    padding-left: 32px;
    margin-bottom: 10px
}

.list-style-one li:before {
    position: absolute;
    content: "\f058";
    font-family: 'Font Awesome 5 Pro';
    left: 0;
    top: 0;
    font-size: 16px;
    font-weight: 700
}

.content_block_one .content-box .list-style-one {
    margin-bottom: 44px
}

.main-footer,.news-section,.services-section {
    position: relative;
    direction: rtl;
    text-align: right
}

.news-block-one,.services-block-one {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

.services-block-one .inner-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 21rem;
    margin-bottom: 30px
}

.services-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #dbe8eb;
    background: radial-gradient(circle,#dbe8eb 18%,#7fc3c2 100%)
}

.services-block-one .inner-box .image-box img {
    width: 100%;
    transition: .5s;
    height: 330px;
    object-fit: cover
}

.services-block-one .inner-box:hover .image-box img {
    opacity: .5;
    transform: scale3d(1.05,1.05,1.05)
}

.services-block-one .inner-box .lower-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid #e3dcd9;
    border-top: none;
    z-index: 1;
    flex: 1
}

.services-block-one .inner-box .lower-content .icon-box {
    position: relative;
    display: inline-block;
    width: 123px;
    height: 123px;
    line-height: 123px;
    text-align: center;
    font-size: 65px;
    margin-top: -50px;
    margin-bottom: 13px;
    transition: .5s
}

.services-block-one .inner-box .lower-content .icon-box .overlay-shape,.services-block-one .inner-box .lower-content .icon-box .shape,.services-details-content .content-one .icon-box .shape {
    position: absolute;
    width: 209px;
    height: 195px;
    left: -41px;
    top: -45px;
    z-index: -1;
    background-repeat: no-repeat;
    transition: .5s
}

.services-block-one .inner-box:hover .lower-content .icon-box .shape {
    transform: scale(0,0)
}

.services-block-one .inner-box:hover .lower-content .icon-box .overlay-shape,.testimonial-style-two .owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1
}

.services-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 12px
}

.services-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #222
}

.services-block-one .inner-box .lower-content p {
    margin-bottom: 8px
}

.services-block-one .inner-box .lower-content .link a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    color: #3b251a;
    text-transform: uppercase;
    letter-spacing: 0
}

.gallery-section .sec-title,.news-section .sec-title,.services-section .sec-title,.team-section .sec-title {
    margin-bottom: 45px
}

.services-section .lower-box {
    position: relative;
    background: #3b251a;
    padding: 52px 60px 53px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.lower-box ul li {
    list-style: disc
}

.lower-box ol li {
    list-style: auto
}

.lower-box .text table tr td {
    border: 1px solid #ddd;
    padding-right: 10px
}

.services-section .lower-box .text p {
    color: #ad9a90
}

.services-section .lower-box .support-box p {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #ad9a90;
    margin-bottom: 6px
}

.services-section .lower-box .support-box h3 {
    display: block;
    font-size: 26px;
    line-height: 32px
}

.feature-block-two .inner-box .lower-content h3 a,.services-section .lower-box .support-box h3 a {
    display: inline-block;
    color: #fff
}

.feature-block-two .inner-box .lower-content h3 a:hover,.feature-section .lower-text h3 a:hover,.footer-top .top-inner .text h3 a:hover,.services-section .lower-box .support-box h3 a:hover {
    text-decoration: underline
}

.parallax-bg {
    position: absolute;
    top: -30%;
    width: 100%;
    height: 250px !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1
}

.video-section {
    position: relative;
    padding: 116px 0 115px;
    overflow: hidden;
    direction: rtl;
    text-align: right
}

.video-section:before,.why-section:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #dbe8eb;
    background: radial-gradient(circle,#dbe8eb 18%,#7fc3c2 100%);
    left: 0;
    top: 0;
    opacity: .3
}

.video-section .inner-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.video-section .sec-title {
    max-width: 840px;
    margin-bottom: 0
}

.video-section .sec-title h2 {
    font-size: 50px;
    line-height: 72px
}

.video-section .sec-title .sub-title {
    font-size: 40px;
    margin-bottom: 22px
}

.video-section .video-btn a {
    position: relative;
    display: inline-block;
    width: 134px;
    height: 124px;
    line-height: 124px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat
}

.chooseus-section {
    padding: 120px 0
}

.chooseus-section .image-box {
    position: relative;
    display: block;
    margin-bottom: 52px
}

.chooseus-section .image-box .image,.feature-block-two .inner-box .image-box,.image_block_three .image-box .image,.news-block-one .inner-box .image-box,.team-block-one .inner-box .image-box,.team-block-one .inner-box .image-box .image {
    position: relative;
    display: block;
    overflow: hidden
}

.blog-sidebar .post-widget .post-inner .post .post-thumb img,.chooseus-section .image-box .image img,.feature-block-two .inner-box .image-box img,.gallery-block-one .inner-box .image-box img,.news-block-one .inner-box .image-box img,.team-block-one .inner-box .image-box .image img {
    width: 100%;
    transition: .5s
}

.chooseus-section .image-box .image:hover img {
    transform: scale(1.03)
}

.chooseus-section .image-box .image::before,.feature-block-two .inner-box .image-box::before,.image_block_two .image-box .image::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0
}

.gallery-block-one .inner-box:hover .image-box img,.news-block-one .inner-box:hover .image-box img {
    transform: scale(1.05);
    opacity: .5
}

.chooseus-section .image-box .image:hover::before,.feature-block-two .inner-box:hover .image-box::before,.image_block_two .image-box .image:hover::before {
    -webkit-animation: .95s circle;
    animation: .95s circle
}

@-webkit-keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

.chooseus-section .content-inner .inner-box {
    position: relative;
    display: block;
    padding-right: 290px
}

.chooseus-section .content-inner .inner-box .inner {
    position: absolute;
    top: 21px;
    right: 0;
    width: 270px
}

.chooseus-section .content-inner .inner-box .sec-title h2 {
    margin-bottom: 37px;
    font-size: 45px;
    line-height: 55px
}

.chooseus-section .content-inner .inner-box .sec-title p {
    font-size: 18px;
    line-height: 36px
}

.chooseus-section .content-inner .inner-box .sec-title .sub-title {
    margin-bottom: 2px
}

.chooseus-section .content-inner .inner-box .inner .list li {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #3b251a;
    background: #fff;
    padding: 16px 20px 13px 57px;
    margin-bottom: 20px
}

.chooseus-section .content-inner .inner-box .inner .list li:before {
    position: absolute;
    content: "\f058";
    font-family: 'Font Awesome 5 Pro';
    left: 30px;
    top: 15px;
    font-size: 16px;
    font-weight: 700
}

.blog-sidebar,.client-section .clients-logo,.content_block_six .content-box,.content_block_three .content-box,.content_block_two .content-box,.content_block_two .content-box .image,.services-details-content .content-one .image-box,.services-details-content .content-two .image-box {
    position: relative;
    display: block
}

.content_block_two .content-box .upper {
    position: relative;
    display: block;
    padding: 48px 60px 40px
}

.content_block_two .content-box .upper .theme-btn {
    padding: 16.5px 47px
}

.content_block_two .content-box .upper .theme-btn:before {
    background: #d28f00
}

.content_block_two .content-box .upper span {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-family: Bukra;
    font-weight: 700;
    color: #fff;
    margin-bottom: 31px
}

.content_block_two .content-box .upper p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 34px
}

.gallery-section {
    position: relative;
    padding: 112px 0 90px
}

.gallery-block-one .inner-box {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.gallery-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #3b251a
}

.bg-color-2 {
    background: #3b251a
}

.testimonial-section .faq-inner,.testimonial-section .testimonial-inner {
    position: relative;
    width: 50%;
    overflow: hidden;
    padding: 112px 150px 120px
}

.testimonial-section .testimonial-inner .shape {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.testimonial-section .testimonial-inner .testimonial-content {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    width: 100%
}

.testimonial-section .testimonial-inner .inner-box .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 28px
}

.testimonial-section .testimonial-inner .inner-box .text {
    position: relative;
    display: block;
    margin-bottom: 60px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.testimonial-section .testimonial-inner .inner-box .text h3 {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    font-weight: 700
}

.testimonial-section .testimonial-inner .inner-box .author-box {
    position: relative;
    display: block;
    padding: 14px 0 16px 120px
}

.testimonial-section .testimonial-inner .inner-box .author-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.content_block_three .content-box .inner-box .author-box .author-thumb img,.image_block_two .image-box .image img,.testimonial-section .testimonial-inner .inner-box .author-box .author-thumb img,.testimonial-style-two .testimonial-content .author-box .author-thumb img {
    width: 100%;
    border-radius: 50%
}

.testimonial-section .testimonial-inner .inner-box .author-box .name {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-family: Bukra;
    font-weight: 700
}

.testimonial-section .testimonial-inner .inner-box .author-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: rgba(255,255,255,.5)
}

.testimonial-section .owl-dots {
    position: absolute;
    right: 0;
    bottom: 34px
}

.testimonial-section .owl-dots button {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    border: 2px solid transparent;
    margin-left: 5px;
    transition: .5s
}

.testimonial-section .owl-dots button.active,.testimonial-section .owl-dots button:hover {
    background: 0 0;
    border-color: #fff
}

.testimonial-section .faq-inner .faq-content {
    position: relative;
    max-width: 650px;
    width: 100%;
    margin: 0 auto
}

.accordion-box .block .acc-btn.active h5,.blog-sidebar .category-widget .category-list li a:hover:before,.services-details-content .accordion-box .block .acc-btn h5,.testimonial-section .faq-inner .faq-content .sec-title .sub-title {
    color: #3b251a
}

.testimonial-section .faq-inner .sec-title {
    margin-bottom: 42px
}

.accordion-box .block {
    position: relative;
    display: block;
    overflow: hidden;
    background: rgba(59,37,26,.1);
    margin-bottom: 10px;
    transition: .5s
}

.accordion-box .block.active-block {
    background: #fff
}

.accordion-box .block .acc-btn {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px 50px 21px 40px;
    transition: .5s
}

.accordion-box .block .acc-btn h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 700
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
    padding: 0 40px 31px
}

.accordion-box .block .acc-content p {
    font-size: 16px;
    line-height: 30px
}

.accordion-box .block .acc-content.current {
    display: block
}

.news-block-one .inner-box {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 21rem;
    margin-bottom: 30px
}

.news-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    border: 1px solid #e3dcd9;
    border-top: none;
    flex: 1;
    padding: 41px 40px 36px
}

.news-block-one .inner-box .lower-content:before,.team-block-one .inner-box .lower-content:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    transform: scale(0,0);
    transition: .5s
}

.blog-sidebar .tags-widget .tags-list li a:hover:before,.feature-block-one .inner-box:hover .icon-box:before,.gallery-block-two .inner-box:hover .view-btn a,.news-block-one .inner-box:hover .lower-content:before,.team-block-one .inner-box:hover .lower-content:before {
    transform: scale(1,1)
}

.news-block-one .inner-box .lower-content .post-date {
    position: absolute;
    display: inline-block;
    left: 40px;
    top: -15px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    text-transform: uppercase
}

.news-block-one .inner-box .lower-content .post-info li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 30px;
    font-size: 14px;
    line-height: 24px;
    padding-left: 22px;
    color: #7c6f68
}

.news-block-one .inner-box .lower-content .post-info li:before {
    position: absolute;
    content: '/';
    top: 0;
    right: -18px
}

.blog-details-content .post-share-option .post-tags li:last-child,.blog-details-content .post-share-option .social-links li:last-child,.main-footer .widget-section .contact-widget .social-links li:last-child,.media-partner .media-links li:last-child,.media-social .media-links li:last-child,.news-block-one .inner-box .lower-content .post-info li:last-child {
    margin: 0!important
}

.news-block-one .inner-box .lower-content .post-info li a {
    display: inline-block;
    color: #7c6f68
}

.blog-sidebar .post-widget .post-inner .post .post-date i,.news-block-one .inner-box .lower-content .post-info li i {
    position: absolute;
    left: 0;
    top: 3px
}

.news-block-one .inner-box .lower-content .post-info {
    margin-bottom: 7px
}

.news-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700
}

.client-section {
    position: relative;
    padding-bottom: 50px
}

.client-section .clients-logo img {
    position: relative;
    display: block;
    max-width: auto;
    margin: 0 auto;
    opacity: .15
}

.blog-sidebar .post-widget .post-inner .post:hover .post-thumb img,.client-section .clients-logo img:hover {
    opacity: .5
}

.client-section .title-text {
    position: relative;
    display: block;
    margin-bottom: 100px
}

.client-section .title-text span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    font-family: Bukra;
    font-weight: 700;
    background: #fff;
    color: #3b251a;
    padding: 0 25px
}

.client-section .title-text:before {
    position: absolute;
    content: '';
    background: #e1dad7;
    width: 100%;
    height: 1px;
    left: 0;
    top: 21px
}

.main-footer {
    background: #ecf3f4
}

.footer-top {
    position: relative;
    padding: 54px 0 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.footer-top .top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-top .top-inner .text h5 {
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: rgb(71 141 140)
}

.footer-top .top-inner .text h3 {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 34px;
    color: #fff;
    font-weight: 400
}

.footer-top .top-inner .text h3 a {
    display: inline-block;
    color: #555555;
    direction: ltr
}

.ml-70 {
    margin-left: 70px
}

.main-footer .widget-section .links-widget .links-list li {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.main-footer .widget-section .links-widget .links-list li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255,255,255,.5)
}

.main-footer .widget-section .widget-title {
    position: relative;
    display: block;
    margin-bottom: 35px
}

.main-footer .widget-section .widget-title h4 {
   font-size: 20px;
    line-height: 30px;
    color: #676767;
    font-weight: 600;
}

.main-footer .widget-section {
    padding: 70px 0 25px
}

.main-footer .widget-section .contact-widget p {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255,255,255,.5);
    margin-bottom: 21px
}

.main-footer .widget-section .contact-widget .social-links li {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 8px
}

.main-footer .widget-section .contact-widget .social-links li a {

    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background: rgb(59 131 145);
    border-radius: 50%;
    text-align: center;
}

.main-footer .widget-section .newsletter-widget .widget-content p {
    font-size: 16px;
    line-height: 26px;
    color: rgba(255,255,255,.5);
    margin-bottom: 22px
}

.widget-content p {
    color: #606060;
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group {
    position: relative;
    margin-bottom: 0
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group input[type=email] {
    position: relative;
    display: block;
    width: 100%;
    height: 63px;
    background: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    color: #7c6f68;
    padding: 10px 70px 10px 30px;
    transition: .5s
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group button {
    position: absolute;
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #fff;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    text-align: center
}

.widget-content p span {
    color: #164852
}

.footer-bottom {
       position: relative;
    background: #fff;
    width: 100%;
    padding: 10px 0;
}

.footer-bottom a {
     font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #164852;
}
 
.footer-bottom p {
  font-size: 16px;
  line-height: 26px;
  color: #757575
}

/*.banner-section.style-two .banner-carousel .slide-item:before {*/
/*    background: -webkit-linear-gradient(-90deg,rgba(35,21,14,.85)25%,rgba(35,21,14,.2) 100%);*/
/*    opacity: 1*/
/*}*/

.banner-section.style-two .banner-carousel .slide-item {
    padding: 325px 0 250px
}

.banner-section .pattern-layer-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 2
}

.client-section.alternat-2 {
    padding: 90px 0 100px
}

.feature-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0 110px
}

.feature-section:before {
    position: absolute;
    content: '';
    background: #f6f3f2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .9
}

.feature-section .inner-content {
    position: relative;
    background: #fff
}

.feature-block-one .inner-box {
    position: relative;
    display: block;
    padding: 50px 35px 42px 50px
}

.feature-block-one .inner-box:before {
    position: absolute;
    content: '';
    background: #f6f3f2;
    width: 1px;
    height: calc(100% - 100px);
    top: 50px;
    right: -15px
}

.feature-block-one .inner-box .icon-box {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 53px;
    line-height: 60px;
    font-size: 24px;
    background: #f6f3f2;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    margin-bottom: 24px;
    transition: .5s
}

.feature-block-one .inner-box .icon-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    transform: scale(0,0);
    z-index: -1;
    transition: .5s
}

.feature-block-one .inner-box h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 39px
}

.blog-details-content .author-box p,.blog-details-content .comment-box .comment p,.feature-block-one .inner-box p {
    font-size: 16px;
    line-height: 32px
}

.feature-section .lower-text {
    position: relative;
    display: block;
    margin-top: 54px
}

.feature-section .lower-text span {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-family: Bukra;
    font-weight: 700;
    color: #3b251a
}

.feature-section .lower-text h3 {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 34px
}

.feature-section .lower-text h3 a {
    display: inline-block
}

.about-style-two,.feature-style-two {
    position: relative;
    padding: 120px 0
}

.image_block_two .image-box {
    position: relative;
    display: block;
    margin-right: 36px
}

.image_block_two .image-box .image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 50%
}

.image_block_two .image-box .shape .shape-1 {
    position: absolute;
    left: -40px;
    top: 47px;
    width: 183px;
    height: 183px;
    border-radius: 50%;
    -webkit-animation: 5s linear infinite zoom-fade;
    animation: 5s linear infinite zoom-fade
}

.image_block_two .image-box .shape .shape-2 {
    position: absolute;
    right: 92px;
    bottom: -25px;
    width: 183px;
    height: 183px;
    border-radius: 50%;
    -webkit-animation: 4s linear infinite zoom-fade;
    animation: 4s linear infinite zoom-fade
}

.about-style-two .content_block_three .content-box {
    margin-top: -8px
}

.content_block_three .content-box .sec-title {
    margin-bottom: 34px
}

.content_block_three .content-box .text {
    position: relative;
    display: block;
    margin-bottom: 33px
}

.content_block_six .content-box .sec-title p,.content_block_three .content-box .text p,.services-details-content .accordion-box .block .acc-content p,.testimonial-style-two .testimonial-content .text p {
    font-size: 18px;
    line-height: 34px
}

.content_block_three .content-box .inner-box {
    position: relative;
    display: block;
    padding-right: 240px
}

.content_block_three .content-box .inner-box .inner {
    position: absolute;
    top: 2px;
    right: 0;
    width: 210px;
    background: #f6f3f2;
    padding: 40px 20px 38px;
    text-align: center
}

.content_block_three .content-box .inner-box .inner .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 16px
}

.content_block_three .content-box .inner-box .inner span {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-family: Bukra;
    font-weight: 700;
    color: #3b251a
}

.content_block_three .content-box .inner-box .list-style-one li {
    font-size: 18px;
    font-weight: 500;
    color: #3b251a;
    padding-left: 24px
}

.content_block_three .content-box .inner-box .list-style-one {
    margin-bottom: 31px
}

.content_block_three .content-box .inner-box .author-box .author-thumb,.content_block_three .content-box .inner-box .author-thumb .signature {
    position: relative;
    display: inline-block;
    float: left
}

.content_block_three .content-box .inner-box .author-box .author-thumb {
    margin-right: 30px;
    width: 88px;
    height: 88px;
    background: #fff;
    border-radius: 50%;
    padding: 6px
}

.feature-block-two {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px
}

.feature-block-two .inner-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 21rem
}

.feature-block-two .inner-box:hover .image-box img,.team-block-one .inner-box:hover .image-box .image img {
    transform: scale(1.05)
}

.feature-block-two .inner-box .lower-content {
    position: relative;
    display: block;
    padding: 31px 15px 34px;
    flex: 1
}

.feature-block-two .inner-box .lower-content p {
    color: #f5f3ef
}

.feature-block-two .inner-box .lower-content:before {
    position: absolute;
    content: '';
    width: 65px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    clip-path: polygon(0% 100%,50% 0%,100% 100%,0% 100%,0% 0%);
    z-index: 1
}

.feature-block-two .inner-box .lower-content h3 {
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff
}

.gallery-style-two {
    position: relative;
    padding: 0 132px
}

.gallery-block-two .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    height: 350px
}

.gallery-block-two .inner-box .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.gallery-block-two .inner-box .image img {
    width: 100%;
    height: 100%;
    transition: .5s;
    object-fit: cover
}

.gallery-block-two .inner-box:hover .image img {
    opacity: .1
}

.gallery-block-two .inner-box .view-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.gallery-block-two .inner-box .view-btn a {
    position: relative;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    transform: scale(0,0)
}

.gallery-style-two .outer-container {
    margin-bottom: -60px
}

.testimonial-style-two {
    position: relative;
    padding: 180px 0 120px;
    text-align: right
}

.testimonial-style-two:before {
    position: absolute;
    content: '';
    background: #f5f3ef;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .9
}

.testimonial-style-two .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1
}

.testimonial-style-two .testimonial-content {
    position: relative;
    display: block;
    background: #fff;
    padding: 40px 40px 50px 50px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    text-align: right
}

.testimonial-style-two .owl-carousel .owl-stage-outer {
    overflow: visible
}

.testimonial-style-two .testimonial-content .text {
    position: relative;
    display: block;
    margin-bottom: 29px
}

.testimonial-style-two .testimonial-content .author-box {
    position: relative;
    display: block;
    padding: 14px 0 17px 95px
}

.testimonial-style-two .testimonial-content .author-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 77px;
    height: 77px;
    border-radius: 50%
}

.testimonial-style-two .testimonial-content .author-box .name {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-family: Bukra;
    font-weight: 700;
    margin-bottom: 0
}

.testimonial-style-two .testimonial-content .author-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 16px
}

.testimonial-style-two .owl-dots {
    position: absolute;
    left: -375px;
    bottom: 70px
}

.testimonial-style-two .owl-dots button {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #c6c0bb;
    border: 2px solid transparent;
    margin-right: 5px;
    transition: .5s
}

.weare-section {
    position: relative;
    padding: 110px 0
}

.weare-section .sec-title h2 {
    color: #fff;
    margin-bottom: 35px
}

.weare-section .sec-title {
    margin-bottom: 0;
    margin-right: 30px
}

.weare-section .sec-title p {
    font-size: 18px;
    line-height: 34px;
    color: rgba(255,255,255,.5)
}

.content_block_four .content-box .progress-inner {
    position: relative;
    display: block;
    padding: 24px 0 22px 125px;
    min-height: 106px
}

.content_block_four .content-box .progress-inner .progress-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 106px;
    height: 106px
}

.content_block_four .content-box .progress-inner .progress-box .count-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(255,255,255,.5)
}

.content_block_four .content-box .progress-inner .text h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700
}

.content_block_four .content-box .image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 60px
}

.content_block_four .content-box .image:before {
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1
}

.content_block_four .content-box .image:hover:before,.image_block_three .image-box .image:hover:before {
    -webkit-animation: 1s shine;
    animation: 1s shine
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.content_block_four .content-box {
    position: relative;
    display: block;
    margin-left: 70px
}

.weare-section .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.cta-section .inner-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px
}

.cta-section .inner-container .text h2 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 900
}

.pt-0 {
    padding-top: 0!important
}

.media-partner,.sticky-header .media-partner {
    padding: 10px 40px;
    z-index: 2;
    backdrop-filter: blur(60px)
}

.google-map-section .google-map {
    position: relative;
    width: 100%;
    height: 550px
}

.media-partner {  
    left: 0; 
        position: absolute;
    top: 125px;
    background: #3c829385;
}

.media-social,ul.filter-btns li.active {
    background: #3b8391
}

.sticky-header .media-partner {
    position: absolute;
    top: 80px;
    right: 0;
    background: #7fc3c2
}

.media-partner .media-links li {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-right: 0!important;
    line-height: 25px
}

.media-partner .media-links li h6,.media-social .media-links li h6 {
    font-size: 14px;
    line-height: 25px;
    color: #fff
}

.media-partner .media-links li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #fff
}

.main-footer .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 128px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center
}

.page-title {
     position: relative;
  padding: 170px 0 180px;
  margin-block-start: -130px;
}

.page-title:before {
    position: absolute;
    content: '';
    background: #23150e;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5
}

.page-title .bg-layer,.services-sidebar .support-widget .inner-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

.page-title .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1
}

.page-title .bread-crumb {
    position: relative;
    direction: rtl
}

.page-title .bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-family: Bukra;
    font-weight: 700;
    padding-left: 15px;
    margin-left: 4px
}

.page-title .bread-crumb li:last-child {
    padding: 0!important;
    margin: 0!important
}

.page-title .bread-crumb li:before {
    position: absolute;
    content: '/';
    top: 0;
    left: 0
}

.page-title .title h1 {
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    font-weight: 900;
    direction: rtl;
}

.page-title .pattern-layer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat
}

.services-page-section {
    position: relative;
    padding: 120px 0 50px
}

.blog-sidebar .search-widget,.gallery-page-section .gallery-block-two .inner-box,.services-page-section .services-block-one .inner-box,.services-sidebar .category-widget,.sidebar-page-container .news-block-one .inner-box,.team-page-section .team-block-one .inner-box {
    margin-bottom: 30px
}

.services-details {
    position: relative;
    text-align: right;
    padding: 120px 0;
    direction: ltr
}

.services-details-content,.services-sidebar {
    position: sticky;
    display: block;
    top: 6rem
}

.services-sidebar .category-widget .category-list li {
    position: relative;
    display: block;
    margin-bottom: 2px
}

.services-sidebar .category-widget .category-list li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #3b251a;
    font-weight: 700;
    background: #f6f3f2;
    padding: 23px 40px;
    z-index: 1
}

.services-sidebar .category-widget .category-list li a:after {
    position: absolute;
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    top: 24px;
    left: 38px;
    font-size: 16px
}

.services-sidebar .category-widget .category-list li a:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
    transition: .5s
}

.services-sidebar .support-widget .inner-box {
    position: relative;
    padding: 60px 30px 55px
}

.services-sidebar .support-widget .inner-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .9
}

.services-sidebar .support-widget .inner-box .icon-box {
    position: relative;
    display: inline-block;
    width: 125px;
    height: 125px;
    line-height: 142px;
    text-align: center;
    font-size: 60px;
    border-radius: 50%;
    background: #3b251a;
    margin-bottom: 26px
}

.services-sidebar .support-widget .inner-box span {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-family: Bukra;
    font-weight: 700;
    color: #3b251a;
    margin-bottom: 33px
}

.services-sidebar .support-widget .inner-box h3 {
    display: block;
    font-size: 26px;
    line-height: 34px
}

.services-details-content .content-one .icon-box {
    position: relative;
    display: inline-block;
    width: 123px;
    height: 123px;
    line-height: 123px;
    text-align: center;
    font-size: 65px;
    margin-top: -50px;
    margin-bottom: 11px;
    color: #fff;
    z-index: 1;
    transition: .5s
}

.services-details-content .content-one .lower-box {
    position: relative;
    display: block;
    padding: 0 60px 51px;
    border: 1px solid #e3dcd9;
    border-top: none
}

.services-details-content h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    margin-bottom: 19px
}

.services-details-content .content-one .text p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 32px
}

.services-details-content .content-one,.services-details-content .content-two {
    margin-bottom: 60px
}

.services-details-content .content-two .text-inner p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 44px
}

.services-details-content .content-two .list-style-one li {
    font-size: 18px;
    color: #3b251a
}

.services-details-content .accordion-box .block {
    background: #f6f3f2;
    border: 1px solid #f6f3f2;
    margin-bottom: 20px
}

.services-details-content .accordion-box .block.active-block {
    background: 0 0;
    border-color: #e3dcd9
}

.services-details-content .accordion-box .block .acc-content {
    border-top: 1px solid #e3dcd9;
    padding-top: 30px
}

.services-details-content .accordion-box .block .acc-btn .icon-outer {
    position: absolute;
    top: 20px;
    left: 30px
}

.services-details-content .accordion-box .block .acc-btn .icon-outer:before {
    position: absolute;
    content: "\f067";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    top: 0;
    left: 0;
    color: #3b251a;
    font-weight: 700;
    transition: .5s
}

.services-details-content .accordion-box .block .acc-btn.active .icon-outer:before {
    content: "\f068"
}

.about-style-three {
    position: relative;
    padding: 120px 0 107px
}

.image_block_three .image-box {
    position: relative;
    display: block;
    margin: 0 10px;
    padding-right: 20px
}

.image_block_three .image-box .single-image {
    padding: 0 5px
}

.image_block_three .image-box .image:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1
}

.content_block_five .content-box {
    position: relative;
    display: block;
    margin-left: 70px;
    margin-top: -8px
}

.content_block_five .content-box .text h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 42px
}

.content_block_five .content-box .text p {
    font-size: 18px;
    line-height: 40px
}

.testimonial-style-two.about-page {
    padding-top: 120px
}

.team-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.08)
}

.team-block-one .inner-box .image-box .social-links {
    position: absolute;
    bottom: -30px;
    width: 167px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 10px 1px;
    opacity: 0;
    transition: .5s
}

.team-block-one .inner-box:hover .image-box .social-links {
    bottom: 0;
    opacity: 1
}

.team-block-one .inner-box .image-box .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    line-height: 25px;
    text-align: center
}

.team-block-one .inner-box .image-box .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #3b251a
}

.team-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    padding: 21px 15px 25px
}

.team-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 30px;
    font-family: Bukra;
    font-weight: 700;
    color: #3b251a;
    margin-bottom: 5px
}

.team-block-one .inner-box .lower-content .designation {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px
}

.team-page-section {
    position: relative;
    padding: 120px 0 90px
}

.gallery-page-section {
    position: relative;
    padding: 10px 0 90px;
    direction: rtl
}

.error-section {
    position: relative;
    padding: 150px 0 120px
}

.error-section .inner-box .theme-btn-one i {
    margin-right: 10px
}

.error-section .inner-box .error-image {
    position: relative;
    display: inline-block;
    margin-bottom: 60px
}

.error-section .inner-box h1 {
    font-size: 200px;
    line-height: 200px;
    font-weight: 700;
    margin-bottom: 10px
}

.error-section .inner-box h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 60px
}

.sidebar-page-container {
    position: relative;
    padding: 120px 0 100px
}

.sidebar-page-container .news-block-one .inner-box .lower-content h3 {
    margin-bottom: 12px
}

.news-block-one .inner-box .lower-content p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
}

.news-block-one .inner-box .lower-content .link a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #3b251a
}

.sidebar-page-container .news-block-one .inner-box .lower-content {
    padding-bottom: 28px
}

.blog-sidebar .search-widget .form-group {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 0
}

.blog-sidebar .search-widget .form-group input[type=search] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: 0 0;
    padding: 0 65px 0 40px
}

.blog-sidebar .search-widget .form-group button {
    position: absolute;
    top: 20px;
    right: 50px;
    font-size: 15px;
    color: #fff;
    background: 0 0
}

.blog-sidebar .sidebar-widget {
    position: relative;
    display: block;
    background: #f6f3f2;
    padding: 43px 40px 44px 50px;
    margin-bottom: 30px
}

.blog-sidebar .widget-title {
    position: relative;
    display: block;
    margin-bottom: 17px
}

.blog-details-content .comment-box .comment .comment-info h4,.blog-sidebar .widget-title h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700
}

.blog-sidebar .post-widget .post-inner .post {
    position: relative;
    display: block;
    padding-left: 90px;
    margin-bottom: 19px;
    min-height: 86px
}

.blog-sidebar .post-widget .post-inner .post .post-thumb {
    position: absolute;
    left: 0;
    top: 5px;
    width: 70px;
    height: 68px;
    overflow: hidden
}

.blog-sidebar .post-widget .post-inner .post .post-date {
    position: relative;
    display: block;
    padding-left: 22px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 2px
}

.blog-sidebar .post-widget .post-inner .post .post-date a {
    position: relative;
    display: inline-block;
    color: #7c6f68
}

.blog-sidebar .post-widget .post-inner .post h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.blog-sidebar .category-widget .category-list li {
    position: relative;
    display: block;
    margin-bottom: 26px
}

.blog-sidebar .category-widget .category-list li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #7c6f68;
    font-weight: 400
}

.blog-sidebar .category-widget .category-list li a:before {
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    font-weight: 400;
    top: 0;
    right: 0;
    transition: .5s
}

.blog-sidebar .tags-widget .tags-list li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 13px
}

.blog-sidebar .tags-widget .tags-list li a {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: #857972;
    font-weight: 700;
    background: #fff;
    padding: 6px 24px 4px;
    text-transform: uppercase
}

.blog-sidebar .tags-widget .tags-list li a:before {
    position: absolute;
    content: '';
    background: #7fc3c2;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -3px;
    transform: scale(0,0);
    transition: .5s
}

.blog-sidebar .tags-widget {
    padding-bottom: 37px
}

.blog-details-content .news-block-one .inner-box .image-box img {
    transform: scale(1)!important;
    opacity: 1!important
}

.blog-details-content .news-block-one .inner-box .lower-content p {
    margin-bottom: 32px
}

.blog-details-content .news-block-one .inner-box .lower-content .text {
    padding-bottom: 50px;
    border-bottom: 1px solid #e3dcd9
}

.blog-details-content .post-share-option .post-tags li,.blog-details-content .post-share-option .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px
}

.blog-details-content .post-share-option {
    position: relative;
    padding-top: 30px
}

.blog-details-content .post-share-option .post-tags li h4 {
    font-size: 20px;
    line-height: 33px;
    font-weight: 700
}

.blog-details-content .comment-box .comment .reply-btn,.blog-details-content .post-share-option .post-tags li a {
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 3px solid #7fc3c2;
    color: #fff
}

.blog-details-content .post-share-option .post-tags li a {
    position: relative;
    padding: 7px 25px 3px
}

.blog-details-content .comment-box .comment .reply-btn:hover,.blog-details-content .post-share-option .post-tags li a:hover {
    background: #7fc3c2
}

.blog-details-content .news-block-one .inner-box .lower-content {
    padding-bottom: 30px
}

.blog-details-content .post-share-option .social-links li a {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #3b251a;
    background: #f6f3f2;
    text-align: center;
    border-radius: 50%
}

.blog-details-content .author-box {
    position: relative;
    display: block;
    background: #f6f3f2;
    padding: 55px 50px 64px 270px;
    margin-bottom: 51px
}

.blog-details-content .author-box .author-thumb {
    position: absolute;
    width: 170px;
    height: 160px;
    left: 60px;
    top: 60px
}

.blog-details-content .author-box h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 35px
}

.blog-details-content .group-title {
    position: relative;
    display: block;
    margin-bottom: 42px
}

.blog-details-content .group-title h3 {
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700
}

.blog-details-content .comment-box .comment {
    position: relative;
    display: block;
    padding-left: 180px;
    padding-bottom: 60px;
    margin-bottom: 42px;
    border-bottom: 1px solid #e3dcd9;
    min-height: 209px
}

.blog-details-content .comment-box .comment .thumb-box {
    position: absolute;
    left: 0;
    top: 8px;
    width: 140px;
    height: 140px
}

.blog-details-content .comment-box .comment .comment-info h4 span {
    font-size: 14px;
    font-weight: 400
}

.blog-details-content .comment-box .comment .comment-info {
    margin-bottom: 19px
}

.blog-details-content .comment-box .comment .reply-btn {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 7px 23px 3px;
    z-index: 1
}

.blog-details-content .comment-box {
    margin-bottom: 51px
}

.default-form .form-group {
    position: relative;
    margin-bottom: 20px;
    padding: 0 14px
}

.default-form {
    position: relative;
    margin: 0 5px
}

.default-form .form-group input[type=email],.default-form .form-group input[type=text],.default-form .form-group textarea {
 position: relative;
 display: block;
 width: 100%;
 height: 70px;
 background: #ecf3f4;
 border: 1px solid #3b8391;
 padding: 10px 30px;
 border-radius: 6px;
 font-size: 16px;
 color: #282828;
 transition: .5s;
}

.default-form .form-group textarea {
    height: 170px;
    resize: none
}

.contact-section {
    position: relative;
    padding: 120px 0;
    direction: rtl;
    text-align: right
}

.content_block_six .content-box .sec-title {
    margin-bottom: 58px
}

.content_block_six .content-box .sec-title h2 {
    margin-bottom: 25px
}

.content_block_six .content-box .inner-box .single-item {
   position: relative;
    display: block;
    padding-right: 50px;
    padding-bottom: 10px;
    margin-bottom: 17px;
    border-bottom: 1px solid #d3e5e7;
}

.content_block_six .content-box .inner-box .single-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.content_block_six .content-box .inner-box .single-item .icon-box {
 position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 60px
}

.content_block_six .content-box .inner-box .single-item p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px
}

.content_block_six .content-box .inner-box .single-item h3 {
     position: relative;
    display: block;
    font-size: 17px;
    line-height: 25px;
    color: #3f3f3f;
}

.content_block_six .content-box .inner-box .single-item h3 a {
    display: inline-block;
    color: #3b251a;
    direction: ltr
}

.contact-section .default-form .form-group textarea {
    height: 230px
}

.form-inner {
    position: sticky;
    top: 7rem
}

.default-form .form-group:last-child {
    margin-bottom: 0;
    box-shadow: unset
}

.media-social {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    backdrop-filter: blur(60px);
    padding: 10px 40px;
    transform: rotate(0);
    transition: .4s ease-in-out
}

.media-social .media-links li {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 25px;
    line-height: 25px
}

.media-social .media-links li a {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 25px;
    color: #fff
}

/*.media-social.show-icons {*/
/*    right: 0*/
/*}*/

ul.filter-btns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    gap: 1rem
}

ul.filter-btns::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -10px;
    border: 1px solid #dee2e6!important
}

ul.filter-btns li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 5px 20px;
    background: #7fc3c2;
    color: #fff;
    cursor: pointer;
    transition: .3s
}

ul.filter-btns li:last-child {
    margin-right: unset
}

.why-section {
    position: relative;
    padding: 95px 0;
    overflow: hidden
}

.why-section .sec-title span {
    font-size: 60px;
    padding-bottom: 15px
}

.why-section .card {
    border: 0;
    box-shadow: rgba(59,131,145,.35) 0 5px 15px;
    margin-bottom: 20px;
    height: 250px
}

.why-section .card .card-header {
    text-align: center;
    border-bottom: 1px solid #3b83918a;
    background: #fff
}

.why-section .card .card-header h3 {
    color: #3b8391
}

.why-section .card .card-body p {
    color: #777
}

.services-section {
    padding: 70px 0
}

.services-section h2 {
    font-size: 30px
}

.gallery-page-section {
    padding-top: 50px
}

.gallery-page-section h3 {
    color: #3b8391;
    text-align: center;
    margin-bottom: 15px
}

.about-twentytwenty-image {
    position: relative;
    padding-right: 20px
}