@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@font-face {
    font-family:regular;
    src: url(../../home_assets/fonts/regular.ttf);
  }
  @font-face {
    font-family:'pop';
    src: url(../../home_assets/fonts/pop.ttf),
     url(../../home_assets/fonts/pop-bold.ttf);
     font-weight:normal;
            font-style: normal;
      }
  
body {
    padding: 0;
    margin: 0;
      font-family:pop;
}
html[dir="rtl"] body{
    font-family:regular;
  }
:root{
--main-color:#2BA395;
--primary-color:#3863A8;
--inner-banner-text:55px;
--sub-color:#F5F5F5;
--white-color:#fff;
--black-color:#000;
--com-para:#A6A6A6;
--career-para:#313131;
--heading-h1:40px;
--heading-h2:35px;
--heading-h3:25px;
--heading-h4:20px;
--heading-h5:18px;
--heading-h6:16px;
--para-font:14px;
--small-font:12px;
}
.cursor {
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s, width 0.3s, height 0.3s;
    width: 10px;
    /* mix-blend-mode: difference; */
    height: 10px;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cursor.active {
    transform: translate(-50%, -50%) scale(1.5);
  }
  .cursor.hidden {
    opacity: 0 !important;
  }
  .cursor:hover {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 8px solid gray;
    border-radius: 50%;
    opacity: .5;
    top: -8px;
    left: -8px;
    animation: cursorAnim2 .5s infinite alternate;
}

@keyframes cursorAnim {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.7);
    }
}

@keyframes cursorAnim2 {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.4);
    }
}

@keyframes cursorAnim3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}


img {
    max-width: 100%;
    height: auto
}

button {
    outline: 0 !important
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}


.pt-100 {
    padding-top: 100px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-100 {
    padding-bottom: 100px
}

a {
    text-decoration: none !important;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0 !important;
   }

a:hover {
    text-decoration: none;
    color:var(--primary-color) !important;
}

p {
    font-size: var(--heading-h6);
    line-height: 1.6;
    font-weight:500;
    opacity: 0.8;
    color: var(--career-para);
    margin-bottom: 15px
}

p:last-child {
    margin-bottom: 0
}



.default-btn {
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 12px 25px;
    font-size: 20px;
    font-weight: 400;
    width:40%;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 25px;
    border: 1px solid var(--main-color);
    position: relative;
}
.default-btn3 {
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 14px 35px 0px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 8px 16px 32px #00000029;
border-radius: 64px;
    width:50%;
    -webkit-transition: .5s;
    transition: .5s;
      border: 1px solid var(--main-color);
    position: relative;
}
.default-btn4 {
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 10px 35px 10px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 8px 16px 32px #00000029;
border-radius: 64px;
    width:55%;
    -webkit-transition: .5s;
    transition: .5s;
      border: 1px solid var(--main-color);
    position: relative;
}
.default-btn i {
    position: relative;
    top: 0;
    padding-left: 6px;
    font-size: 14px
}

.default-btn:hover {
    background-color: var(--black-color);
    color: #fff;
    border:none;
    
}

.buy-now-btn {
    right: 20px;
    z-index: 99;
    top: 50%;
    position: fixed;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    background-color: #82b440;
    padding: 10px 20px 10px 42px;
    -webkit-box-shadow: 0 1px 20px 1px #82b440;
    box-shadow: 0 1px 20px 1px #82b440;
    font-size: 13px;
    font-weight: 600
}

.buy-now-btn img {
    top: 50%;
    left: 20px;
    width: 15px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.buy-now-btn:hover {
    background-color: #fd5a0e;
    color: #fff
}

.section-title {
    text-align: center;
    margin-bottom: 10px
}

.section-title span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.section-title h2 {
    font-size: 40px;
    margin: 15px auto 10px;
    max-width: 490px
}

i::before {
    margin-left: 0
}

.preloader-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    left: 0;
    top: 0
}

.spinner {
    margin: -85px auto 0 -65px;
    width: 65px;
    height: 65px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2s infinite linear;
    animation: sk-rotate 2s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%
}

.dot1{
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color:var(--main-color);
    border-radius: 100%;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color:var(--primary-color);
    border-radius: 100%;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}
.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.exto-responsive-nav {
    display: none
}

.exto-nav {
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    padding-left: 0
}

.exto-nav .navbar {
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.exto-nav .navbar .navbar-brand .white-logo {
    display: none;
    max-width: 120px
}

.exto-nav .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.exto-nav .navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto
}

.exto-nav .navbar .navbar-nav .nav-item {
    position: relative;
      top:20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0
}

.exto-nav .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 15px;
    margin-right: 15px
}

.exto-nav .navbar .navbar-nav .nav-item a:hover,
.exto-nav .navbar .navbar-nav .nav-item a:focus,
.exto-nav .navbar .navbar-nav .nav-item a.active {
    color:var(--main-color);
}

.exto-nav .navbar .navbar-nav .nav-item a i {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-left: 1px
}

.exto-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0
}

.exto-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.exto-nav .navbar .navbar-nav .nav-item:hover a,
.exto-nav .navbar .navbar-nav .nav-item:focus a,
.exto-nav .navbar .navbar-nav .nav-item.active a {
    color: var(--main-color);
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background: #fff;
    position: absolute;
    border: none;
    top: 80px;
    left: 0;
    width: 230px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: capitalize;
    padding: 8px 0;
    margin: 0;
    color: #696997;
    font-size: 15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #696997
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #fd5a0e
}

.exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.exto-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.exto-nav .navbar .others-options {
    margin-left: 5px
}

.exto-nav .navbar .others-options .language-list {
    display: inline-block
}

.exto-nav .navbar .others-options .language-list .nice-select {
    background-color: transparent;
    border: none
}

.exto-nav .navbar .others-options .language-list .nice-select span {
    font-size: 16px;
    color: #737b9a;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-weight: 600
}

.exto-nav .navbar .others-options .language-list .nice-select span:hover {
    color: #fd5a0e
}

.exto-nav .navbar .others-options .language-list .nice-select::after {
    height: 9px;
    width: 9px;
    border-bottom: 3px solid #737b9a !important;
    border-right: 3px solid #737b9a !important;
    -webkit-transition: all .5s;
    transition: all .5s
}

.exto-nav .navbar .others-options .language-list .nice-select.open .list {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.exto-nav .navbar .others-options .language-list .nice-select .option.focus {
    color: #fff !important;
    background-color: #fd5a0e !important
}

.exto-nav .navbar .others-options .language-list .nice-select .option:hover {
    color: #fff;
    background-color: #fd5a0e !important
}

.exto-nav .navbar .others-options .language-list .nice-select:hover::after {
    border-bottom: 3px solid #fd5a0e !important;
    border-right: 3px solid #fd5a0e !important
}

.exto-nav .navbar .others-options .language-list .nice-select:hover span {
    color: #fd5a0e
}

.exto-nav .navbar .others-options .saas-nav-btn {
    background-color: #fd5a0e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    margin-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 16px;
    font-weight: 600
}

.exto-nav .navbar .others-options .saas-nav-btn i {
    font-size: 14px
}

.exto-nav .navbar .others-options .saas-nav-btn:hover {
    background-color: #343b4e;
    color: #fff !important
}

.exto-nav .navbar .others-options.saas-option {
    margin: 0
}

.exto-nav .navbar .others-options.saas-option .saas-nav-btn {
    background-color: transparent;
    border: 1px solid #fff
}

.exto-nav .navbar .others-options.saas-option .saas-nav-btn:hover {
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select span {
    color: #5b5b98;
    -webkit-transition: all .5s;
    transition: all .5s
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select::after {
    border-bottom: 3px solid #5b5b98 !important;
    border-right: 3px solid #5b5b98 !important;
    -webkit-transition: all .5s;
    transition: all .5s
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select .option.focus {
    color: #fff !important;
    background-color: #fd5a0e !important
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select .option:hover {
    color: #fff;
    background-color: #fd5a0e !important
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select:hover::after {
    border-bottom: 3px solid #fd5a0e !important;
    border-right: 3px solid #fd5a0e !important
}

.exto-nav .navbar .others-options.startup-option .language-list .nice-select:hover span {
    color: #fd5a0e
}

.exto-nav .navbar .others-options.startup-option .sidebar-menu {
    cursor: pointer;
    background-color: #002c8c;
    padding: 5px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-left: 10px
}

.exto-nav .navbar .others-options.startup-option .sidebar-menu span {
    border-bottom: 1px solid #fff;
    display: block;
    padding-bottom: 5px;
    width: 20px
}

.exto-nav .navbar .others-options.startup-option .sidebar-menu span:first-child {
    padding-bottom: 0
}

.navbar-area {
    background: transparent linear-gradient(114deg, rgb(44,146,146,0.1) 0%, rgb(92,127,184,0.1) 100%) 0% 0% no-repeat padding-box;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    background:#000 !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: .5s;
    transition: .5s
}


.search-overlay {
    display: none
}

.search-overlay.search-popup {
    position: absolute;
    top: 100%;
    width: 300px;
    right: 0;
    background: #fff;
    z-index: 2;
    padding: 20px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    margin-top: 25px
}

.search-overlay.search-popup .search-form {
    position: relative
}

.search-overlay.search-popup .search-form .search-input {
    display: block;
    width: 100%;
    height: 50px;
    line-height: initial;
    border: 1px solid #eee;
    color: #343b4e;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s;
    padding-top: 4px;
    padding-left: 10px
}

.search-overlay.search-popup .search-form .search-input:focus {
    border-color: #fd5a0e
}

.search-overlay.search-popup .search-form .search-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    background: 0 0;
    border: none;
    width: 50px;
    outline: 0;
    color: #737b9a;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0
}

.search-overlay.search-popup .search-form .search-button:hover,
.search-overlay.search-popup .search-form .search-button:focus {
    color: #fd5a0e
}

@media only screen and (max-width:991px) {
    .navbar-area {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .mean-container .mean-nav{
        margin-top:80px !important;
    }
    .navbar-area.is-sticky {
        border-bottom: none;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        padding-top: 15px;
        padding-bottom: 15px
    }
    .exto-responsive-nav {
        display: block
    }
    .exto-responsive-nav .logo .white-logo {
        display: none
    }
    .exto-responsive-nav .exto-responsive-menu {
        position: relative
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li a {
        font-size: 15px
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #fd5a0e
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 15px
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 336px;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1)
    }
    .exto-responsive-nav .exto-responsive-menu.mean-container .others-options {
        display: none
    }
    .exto-responsive-nav .mean-container a.meanmenu-reveal {
        color: #fff;
    }
    .exto-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #fff;
    }
    .exto-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999
    }
    .exto-nav {
        display: none
    }
}

.navbar-area-two {
    background-color: transparent;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.navbar-area-two.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: -8px 20px 28px 0 rgba(255, 255, 255, .06);
    box-shadow: -8px 20px 28px 0 rgba(255, 255, 255, .06);
    background: #150346 !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: .5s;
    transition: .5s
}

.navbar-area-two.is-sticky .exto-nav .navbar .navbar-nav .nav-item a {
    color: #fff
}

.navbar-area-two.is-sticky .exto-nav .navbar .others-options {
    margin-left: 30px
}

.navbar-area-two.is-sticky .exto-nav .navbar .others-options .option-item {
    color: #fff
}

.navbar-area-two.is-sticky .exto-nav .navbar .others-options .option-item .search-btn {
    color: #fff
}

.navbar-area-two.is-sticky .exto-nav .navbar .others-options .option-item .close-btn {
    color: #fff
}

.navbar-area-two .exto-responsive-nav {
    display: none
}

.navbar-area-two .exto-nav {
    background-color:var(--black-color);
                padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    padding-left: 0
}

.navbar-area-two .exto-nav .navbar {
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.navbar-area-two .exto-nav .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.navbar-area-two .exto-nav .navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item {
    position: relative;
      padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item a {
    font-size: var(--heading-h6);
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 15px;
    margin-right: 15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item a.active {
    color:var(--primary-color);
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item a i {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-left: 1px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item:focus a,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item.active a {
    color: var(--primary-color);
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background: #fff;
    position: absolute;
    border: none;
    top: 80px;
    left: 0;
    width: 230px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: capitalize;
    padding: 8px 0;
    margin: 0;
    color: #000;
    font-size: 15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #696997
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -245px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 195px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #696997;
    text-transform: capitalize
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.navbar-area-two .exto-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.navbar-area-two .exto-nav .navbar .others-options {
    margin-left: 30px
}

.navbar-area-two .exto-nav .navbar .others-options .option-item {
    color: #fff;
    display: inline-block;
    position: relative;
    line-height: 1;
    margin-left: 10px;
    width: 15px
}

.navbar-area-two .exto-nav .navbar .others-options .option-item .search-btn {
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    font-size: 15px;
    font-weight: 600
}

.navbar-area-two .exto-nav .navbar .others-options .option-item .search-btn:hover {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .others-options .option-item .close-btn {
    cursor: pointer;
    display: none;
    -webkit-transition: .5s;
    transition: .5s;
    width: 20px;
    color: #fff;
    font-size: 15px
}

.navbar-area-two .exto-nav .navbar .others-options .option-item .close-btn.active {
    display: block
}

.navbar-area-two .exto-nav .navbar .others-options .option-item .close-btn:hover {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option {
    margin-left: 0 !important
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .sidebar-menu-icon {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list {
    display: inline-block
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select {
    background-color: transparent;
    border: none
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select span {
    color: #fff
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select span:hover {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select::after {
    border-bottom: 3px solid #fff !important;
    border-right: 3px solid #fff !important;
    -webkit-transition: all .5s;
    transition: all .5s
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select .option.focus {
    color: #fff !important;
    background-color: #fd5a0e !important
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select .option:hover {
    color: #fff;
    background-color: #fd5a0e !important
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select:hover::after {
    border-bottom: 3px solid #fd5a0e !important;
    border-right: 3px solid #fd5a0e !important
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .language-list .nice-select:hover span {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .seo-cart-icon {
    display: inline-block
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .seo-cart-icon a {
    color: #fff;
    position: relative
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .seo-cart-icon a:hover {
    color: #fd5a0e
}

.navbar-area-two .exto-nav .navbar .others-options.seo-option .seo-cart-icon a .point {
    position: absolute;
    top: -12px;
    left: -6px;
    background-color: red;
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.navbar-area-two.freelancer-nav .exto-nav .navbar .navbar-nav {
    margin-right: 0
}

@media only screen and (max-width:991px) {
  
    .navbar-area-two {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .navbar-area-two.is-sticky {
        border-bottom: none;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        padding-top: 15px;
        padding-bottom: 15px
    }
    .navbar-area-two .exto-responsive-nav {
        display: block
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu {
        position: relative
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li a {
        font-size: 15px
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #fd5a0e
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 15px
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 336px;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1)
    }
    .navbar-area-two .exto-responsive-nav .exto-responsive-menu.mean-container .others-options {
        display: none
    }
    .navbar-area-two .exto-responsive-nav .mean-container a.meanmenu-reveal {
        color: #fff
    }
    .navbar-area-two .exto-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #fff
    }
    .navbar-area-two .exto-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999
    }
    .navbar-area-two .exto-nav {
        display: none
    }
}

.saas-home-area {
    position: relative;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
    background-image: url(../img/banner/ban.svg);

    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.saas-home-area .hero-content {
    margin-top: 70px
}

.saas-home-area .hero-content h1 {
    font-size: 60px;
    color: #343b4e;
    font-weight: 700;
    margin: 20px 0 30px
}

.saas-home-area .hero-content p {
    color: #7d8087;
    font-weight: 500;
    margin: 0;
    font-size: 16px
}

.saas-home-area .hero-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px
}

.saas-home-area .hero-content .saas-btn {
    margin-top: 35px
}

.saas-home-area .hero-content .saas-btn .saas-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #fd5a0e;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px
}

.saas-home-area .hero-content .saas-btn .saas-btn-one i {
    position: relative;
    top: 0;
    padding-left: 6px;
    font-size: 14px
}

.saas-home-area .hero-content .saas-btn .saas-btn-one:hover {
    background-color: #343b4e;
    color: #fff !important
}

.saas-home-area .hero-content .saas-btn .saas-btn-two {
    display: inline-block;
    color: #fff;
    background-color: #fd5a0e;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    margin-left: 15px
}

.saas-home-area .hero-content .saas-btn .saas-btn-two i {
    position: relative;
    top: 0;
    padding-left: 6px;
    font-size: 14px
}

.saas-home-area .hero-content .saas-btn .saas-btn-two:hover {
    background-color: #343b4e;
    color: #fff
}

.saas-image {
    position: relative
}

.saas-image img {
    position: absolute;
    left: 0;
    top: 40px;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    width: 60%
}

.saas-image img:last-child {
    -webkit-animation: movebounce 6s linear infinite;
    animation: movebounce 6s linear infinite;
    left: 325px;
    top: 50px
}

.circle-img {
    position: absolute;
    left: 55%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    right: 0;
    margin: 0 auto;
    width: 35%
}

.circle-img img {
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.shape-img1 {
    position: absolute;
    left: 10%;
    bottom: 25%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear
}

.shape-img2 {
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: -1;
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.shape-img3 {
    position: absolute;
    right: 10%;
    top: 10%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear
}

.shape-img4 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: -1;
    top: 20%;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite
}

.shape-img5 {
    position: absolute;
    left: 20%;
    top: 20%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@-webkit-keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg)
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg)
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg)
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg)
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

.features-section {
    position: relative
}

.features-area-content h2 {
    font-size: 40px;
    margin: 20px 0 16px
}

.features-area-content p {
    font-weight: 400;
    color: #a0a0a0;
    margin: 0
}

.features-area-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px
}

.features-area-content .features-text {
    margin-top: 30px
}

.features-area-content .features-text h3 {
    font-size: 18px;
    margin: 18px 0 8px
}

.features-area-content .features-text p {
    color: #a0a0a0;
    margin: 0
}

.features-area-content .features-text.bg-f4ffb3 .icon i {
    display: inline-block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #f4ffb3;
    text-align: center
}

.features-area-content .features-text.bg-f4ffb3 .icon i::before {
    font-size: 35px
}

.features-area-content .features-text.bg-ffe7dc .icon i {
    display: inline-block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50px;
    background-color: #ffe7dc;
    text-align: center
}

.features-area-content .features-text.bg-ffe7dc .icon i::before {
    font-size: 35px
}

.features-area-content .features-btn {
    margin-top: 30px
}

.features-image {
    position: relative
}

.features-image .features-shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 638px;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}

.features-image .features-arrow {
    position: absolute;
    top: -18px;
    z-index: -1;
    right: 50px;
    width: 160px
}

.services-section {
    position: relative
}

.services-area-content h3 {
    font-size: 36px;
    margin: 21px 0 20px
}

.services-area-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px
}

.services-area-content p {
    color: #a0a0a0;
    font-weight: 400
}

.services-area-content .services-btn {
    margin-top: 30px
}

.col-lg-6 .row .col-lg-6:nth-child(1) .services-image {
    border-right: 1px solid #f9f5f5;
    border-bottom: 1px solid #f9f5f5
}

.col-lg-6 .row .col-lg-6:nth-child(3) .services-image {
    border-right: 1px solid #f9f5f5
}

.col-lg-6 .row .col-lg-6:nth-child(4) .services-image {
    border-top: 1px solid #f9f5f5
}

.single-services {
    position: relative
}

.single-services .services-image {
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 30px 20px;
    position: relative
}

.single-services .services-image h3 {
    font-size: 16px;
    color: #3e435e;
    margin: 16px 0 0
}

.single-services .services-image:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08)
}

.video-content {
    text-align: center;
    background:transparent;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
    z-index: 1
}

.video-content::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--black-color);
    left: 0;
    top: 0;
    opacity: .4;
    z-index: -1
}

.video-content .video-btn {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 100px;
    background-color: #fff;
    border-radius: 50%;
    color: var(--main-color);
    position: relative;
    z-index: 1
}

.video-content .video-btn i {
    font-size: 30px;
    position: relative;
    top: 2px;
    left: 4px
}

.video-content .video-btn::after,
.video-content .video-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff
}

.video-content .video-btn::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.video-content .video-btn::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.video-content .video-btn:hover,
.video-content .video-btn:focus {
    background-color: var(--main-color);
    color: #fff
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.fun-facts-area {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#e5f5df));
    background-image: linear-gradient(to top, #ffffff, #e5f5df)
}

.single-fun-fact {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 30px
}

.single-fun-fact h3 {
    position: relative;
    color: #343b4e;
    margin-bottom: 8px;
    font-size: 35px;
    font-weight: 700
}

.single-fun-fact h3 .sign-icon {
    display: inline-block;
    font-size: 30px;
    margin-left: 2px
}

.single-fun-fact p {
    line-height: initial;
    color: #343b4e;
    margin: 0;
    font-weight: 600;
    padding-bottom: 23px;
    position: relative
}

.single-fun-fact p::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 50px;
    background-color: #343c4e;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.single-fun-fact:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.benefit-section {
    position: relative;
    padding:70px;
}

.benefit-area-content {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff;
    padding: 40px 30px;
    position: relative;
    padding-left: 100px;
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s
}

.benefit-area-content i {
    position: absolute;
    left: 30px;
    color: #fd5a0e;
    top: 32px;
    -webkit-transition: .5s;
    transition: .5s
}

.benefit-area-content i::before {
    font-size: 50px
}

.benefit-area-content h3 {
    font-size: 20px;
    margin: 0 0 14px;
    -webkit-transition: .5s;
    transition: .5s
}

.benefit-area-content p {
    color: #a0a0a0;
    font-weight: 500;
    -webkit-transition: .5s;
    transition: .5s
}

.benefit-area-content:hover {
    background-color: #fd5a0e;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.benefit-area-content:hover i {
    color: #fff
}

.benefit-area-content:hover h3 {
    color: #fff
}

.benefit-area-content:hover p {
    color: #fff
}

.support-section {
    position: relative
}

.support-image {
    position: relative;
    text-align: center
}

.support-image .support-shape {
    position: absolute;
    top: 40px;
    z-index: -1;
    width: 638px;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    text-align: center;
    right: 0
}

.support-image .support-arrow {
    position: absolute;
    top: -4px;
    z-index: -1;
    right: 90px;
    width: 170px
}

.support-area-content h3 {
    font-size: 36px;
    margin: 21px 0 20px
}

.support-area-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.support-area-content p {
    color: #a0a0a0;
    font-weight: 400
}

.support-area-content .support-btn {
    margin-top: 25px
}

.software-section {
    position: relative
}

.software-section .container {
    max-width: 1140px;
    margin: auto
}

.software-title {
    text-align: center;
    max-width: 620px;
    margin: 0 auto 50px
}

.software-title h2 {
    font-size: 40px;
    margin: -9px 0 0
}

.tab .tabs_item {
    display: none
}

.tab .tabs_item:first-child {
    display: block
}

.software-list-tab .tabs {
    padding-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 50px
}

.software-list-tab .tabs li {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 24%;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px
}

.software-list-tab .tabs li a {
    display: block;
    border-radius: 2px;
    color: #292a2c;
    -webkit-box-shadow: 0 10px 40px 0 rgba(107, 125, 179, .11);
    box-shadow: 0 10px 40px 0 rgba(107, 125, 179, .11);
    padding-right: 18px;
    padding-top: 15px;
    padding-bottom: 18px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 700
}

.software-list-tab .tabs li a i {
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #ffdecf;
    border-radius: 50px;
    color: #424657;
    margin-right: 8px
}

.software-list-tab .tabs li.current a,
.software-list-tab .tabs li:hover a {
    background-color: #fff;
    color: #fd5a0e;
    -webkit-box-shadow: 0 10px 40px 0 rgba(222, 222, 222, .52);
    box-shadow: 0 10px 40px 0 rgba(222, 222, 222, .52)
}

.software-list-tab .tabs li.current a i,
.software-list-tab .tabs li:hover a i {
    color: #fff;
    background-color: #fd5a0e
}

.software-list-tab .tab_content .tabs_item .tab-image {
    position: relative;
    text-align: center
}

.software-list-tab .tab_content .tabs_item .tab-image .tab-shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    text-align: center;
    left: 0
}

.software-list-tab .tab_content .tabs_item .tab-image .tab-arrow {
    position: absolute;
    top: -15px;
    z-index: -1;
    left: 0
}

.software-list-tab .tab_content .tabs_item .tab-image .tab-arrow-two {
    position: absolute;
    bottom: -25px;
    z-index: -1;
    right: 0
}

.pricing-section {
    position: relative;
    padding-bottom: 130px
}

.pricing-section .pricing-btn-wrap .price-btn {
    margin-top: 25px;
    display: inline-block
}

.pricing-section .pricing-btn-wrap .price-btn .price-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #fd5a0e;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    border: 1px solid #fd5a0e;
    position: relative
}

.pricing-section .pricing-btn-wrap .price-btn .price-btn-one i {
    font-size: 14px
}

.pricing-section .pricing-btn-wrap .price-btn .price-btn-one.price-two {
    margin-left: 15px;
    background-color: transparent;
    color: #fd5a0e;
    border: 1px solid #fd5a0e
}

.pricing-section .pricing-btn-wrap .price-btn .price-btn-one.price-two:hover {
    border: 1px solid #fd5a0e;
    background-color: #fd5a0e;
    color: #fff
}

.pricing-section .pricing-btn-wrap .price-btn .price-btn-one:hover {
    background-color: transparent;
    color: #fd5a0e;
    border: 1px solid #fd5a0e
}

.pricing-area-content h3 {
    font-size: 36px;
    margin: 21px 0 20px
}

.pricing-area-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.pricing-area-content p {
    color: #a0a0a0;
    font-weight: 400
}

.pricing-area-content.seo-price-title span {
    background-color: transparent;
    display: block;
    margin-top: -5px
}

.single-pricing-box {
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0 10px 40px 13px rgba(222, 222, 222, .52);
    box-shadow: 0 10px 40px 13px rgba(222, 222, 222, .52);
    position: relative
}

.single-pricing-box.seo-price.price-z {
    z-index: 111
}

.single-pricing-box.seo-price .pricing-header {
    background-color: #150346;
    position: relative;
    z-index: 1
}

.single-pricing-box.seo-price .pricing-header::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%
}

.single-pricing-box.seo-price .pricing-header::after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%
}

.single-pricing-box.seo-price .pricing-header h3 {
    color: #bbb1de
}

.single-pricing-box.seo-price .price {
    color: #fd5a0e
}

.single-pricing-box.seo-price .price span {
    color: #3e435e
}

.single-pricing-box .pricing-header {
    background-color: #eefce4;
    padding: 30px
}

.single-pricing-box .pricing-header h3 {
    font-size: 20px;
    color: #5b616f;
    margin: 0
}

.single-pricing-box .price {
    font-size: 30px;
    color: #5b616f;
    font-weight: 700;
    padding: 20px;
    position: relative
}

.single-pricing-box .price::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 180px;
    background-color: #e5e3eb;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: auto
}

.single-pricing-box .price span {
    font-size: 14px;
    font-weight: 400
}

.single-pricing-box .pricing-features {
    padding-left: 30px;
    margin-bottom: 0;
    text-align: left
}

.single-pricing-box .pricing-features li {
    list-style-type: none;
    font-size: 16px;
    color: #827f8d;
    font-weight: 400;
    margin-bottom: 5px
}

.single-pricing-box .pricing-features li:last-child {
    margin-bottom: 0
}

.single-pricing-box .pricing-features i {
    color: #ffd0ba;
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-size: 16px;
    font-weight: 700
}

.single-pricing-box .buy-btn {
    margin-top: 20px
}

.single-pricing-box .buy-btn .buy-btn-one {
    display: inline-block;
    padding: 14px 20px;
    background-color: #fff;
    color: #fd5a0e;
    border: 2px solid #ffdecf;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s
}

.single-pricing-box .buy-btn .buy-btn-one:hover {
    background-color: #ffdecf;
    color: #fd5a0e
}

.single-pricing-box.table-price {
    margin-left: 0;
    position: relative;
    left: -40px;
    top: 30px
}

.client-section {
    position: relative;
    z-index: 1;
    background: radial-gradient(circle, #eef7e8, #f0f9e9, #f3fbea, #f5fceb, #f8feec)
}

.client-section .client-logo img {
    width: unset
}

.client-section .owl-prev {
    position: absolute;
    bottom: 40px;
    right: 20px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.client-section .owl-prev i {
    width: 50px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fd5a0e;
    color: #fd5a0e;
    -webkit-transition: all .5s;
    transition: all .5s
}

.client-section .owl-prev i:hover {
    color: #fff;
    background-color: #fd5a0e
}

.client-section .owl-next {
    position: absolute;
    top: 0
}

.client-image {
    position: relative
}

.client-image img {
    border-radius: 0 0 50% 50%
}

.client-image .client-shape {
    position: absolute;
    bottom: 14px;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    text-align: center;
    right: 20px;
    z-index: -1
}


.client-content-area h3 {
    font-size: 20px;
    margin: 0
}

.client-content-area span {
    font-size: 13px;
    color: #909090;
    font-weight: 400
}

.client-content-area p {
    font-weight: 400;
    color: #909090;
    margin: 16px 0 0
}

.client-content-area .client-logo {
    margin-top: 20px
}

.client-content-area .icon {
    position: absolute;
    bottom: 36px;
    right: 50px
}

.client-content-area .icon i {
    color: #fd5a0e;
    background-color: transparent;
    border: 2px solid #fd5a0e;
    height: 30px;
    width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
    font-size: 16px
}

.subscribe-section {
    position: relative;
    overflow: hidden
}

.subscribe-area-content {
    margin-left: auto;
    max-width: 625px
}

.subscribe-area-content h3 {
    font-size: 36px;
    margin: 21px 0 20px
}

.subscribe-area-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.subscribe-area-content p {
    color: #a0a0a0;
    font-weight: 400;
    margin: 0
}

.subscribe-area-content .newsletter-form {
    position: relative;
    margin-top: 35px
}

.subscribe-area-content .newsletter-form .input-newsletter {
    display: block;
    width: 68%;
    background-color: #f1f1f1;
    border: none;
    height: 50px;
    padding-left: 25px;
    border-radius: 4px;
    padding-top: 0;
    outline: 0;
    color: #343b4e
}

.subscribe-area-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
    color: #737b9a
}

.subscribe-area-content .newsletter-form .input-newsletter:-ms-input-placeholder {
    color: #737b9a
}

.subscribe-area-content .newsletter-form .input-newsletter::-ms-input-placeholder {
    color: #737b9a
}

.subscribe-area-content .newsletter-form .input-newsletter::placeholder {
    color: #737b9a
}

.subscribe-area-content .newsletter-form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fd5a0e;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    font-size: 15px;
    font-weight: 400
}

.subscribe-area-content .newsletter-form button:hover {
    background-color: #343b4e;
    color: #fff
}

.subscribe-area-content .newsletter-form button i {
    margin-left: 5px
}

.subscribe-area-content .social-list {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 35px
}

.subscribe-area-content .social-list li {
    display: inline-block
}

.subscribe-area-content .social-list li.list-heading {
    color: #a0a0a0;
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 400
}

.subscribe-area-content .social-list li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f45a43;
    border: 1px solid #f45a43;
    color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    text-align: center
}

.subscribe-area-content .social-list li a:hover {
    background-color: transparent;
    color: #f45a43;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition: .5s
}

.subscribe-image {
    text-align: right;
    position: relative;
    z-index: 1
}

.subscribe-image .main-image img:nth-child(2) {
    position: absolute;
    left: 40px;
    top: 15px
}

.subscribe-image .main-image img:nth-child(3) {
    position: absolute;
    left: 40px;
    top: 170px
}

.subscribe-image .main-image img:nth-child(4) {
    position: absolute;
    left: 40px;
    top: 343px;
    display: none
}

.subscribe-image .subscribe-mobile-image {
    display: none
}

@-webkit-keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

.partner-section {
    line-height: 1;
    position: relative;
    padding-bottom:90px;
    
}
.headt{
   
color: #FBFBFB;
opacity: 1;
font-size:25px;
padding-top:40px;

}
.partner-sectionr {
   background: #3863A8;
    height:200px;
}
.back-white-shaw{
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
opacity: 1;
position: relative;
top:-50px;
}
.about.owl-theme .owl-dots .owl-dot span{
    background:var(--primary-color) !important;
    opacity:0.5;
    }
    .about.owl-theme .owl-dots .owl-dot.active span{
    background: var(--main-color) !important;
    opacity:1 !important;
    font-size: var(--heading-h4);
    }
.back-white-shaw img{
    width:120px;
    height:104px;
    background:transparent;
    box-shadow: none !important;
}
.partner-slider .partner-item {
    text-align: center
}

.partner-slider .partner-item img {
    display: inline-block;
    margin: auto;
    width: 160px
}

.talk-section {
    position: relative;
    background: url(../img/banner/con-ban.png);
      background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    padding-bottom:20px;
}
.talk-form ::placeholder{
    text-align: left;
letter-spacing: 0px;
color: #FBFBFB;
font-weight:200;
opacity: 1 !important;
}
.talk-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    opacity: .7;
    z-index: -1;
} 


.talk-form form .form-group {
    margin-bottom: 15px
}

.talk-form form .form-control {
    height: 55px;
    padding: 10px;
    font-size: var(--para-font);
    color: var(--white-color);
    border: 2px solid #f8f8f8;
    border-radius:10px;
    background: transparent;
    -webkit-transition: .5s;
    transition: .5s
}

.talk-form form .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.talk-form form textarea {
    height: 150px !important
}

.talk-form form .btn {
    font-weight: 400;
    font-size: 16px;
    border: none;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
    margin-top: 10px
}

.talk-form form .btn-primary {
    color: #fff;
    background-color: #fd5a0e;
    -webkit-box-shadow: 0 13px 27px 0 rgba(255, 255, 255, .25);
    box-shadow: 0 13px 27px 0 rgba(255, 255, 255, .25);
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #fd5a0e
}

.talk-form form .btn-primary:hover {
    background-color: #fff;
    color: #fd5a0e
}

.talk-content-area {
    margin-left: 60px
}

.talk-content-area h3 {
    font-size: 40px;
    margin: 20px 0 30px
}

.talk-content-area span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.talk-content-area p {
    color: #a0a0a0;
    font-weight: 400;
    margin: 0
}

.talk-content-area .talk-info {
    margin-top: 25px
}

.talk-content-area .talk-info p {
    color: #a0a0a0;
    font-weight: 400;
    margin: 0
}

.talk-content-area .talk-info h3 {
    font-size: 25px;
    margin: 10px 0 0
}

.talk-image {
    position: relative
}

.talk-image .talk-shape {
    position: absolute;
    bottom: 30px;
    z-index: -1;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    text-align: center;
    left: 40px
}

.talk-image .talk-arrow {
    position: absolute;
    bottom: -16px;
    z-index: -1;
    left: -10px
}

.marketing-home-area {
    position: relative;
    background-image: url(../img/marketing-agency-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
    z-index: 1;
    overflow: hidden
}

.marketing-home-area .hero-content {
    max-width: 665px;
    margin-top: -70px
}

.marketing-home-area .hero-content h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    margin: 20px 0
}

.marketing-home-area .hero-content p {
    color: #fff;
    font-weight: 500;
    margin: 0;
    font-size: 16px
}

.marketing-home-area .hero-content span {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background-color: #4b2a56;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.marketing-home-area .hero-content .marketing-btn {
    margin-top: 35px;
    position: relative
}

.marketing-home-area .hero-content .marketing-btn .marketing-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px
}

.marketing-home-area .hero-content .marketing-btn .marketing-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.marketing-home-area .hero-content .marketing-btn .video-btn {
    display: inline-block;
    color: #fff;
    position: absolute;
    text-transform: capitalize;
    bottom: 2px;
    font-weight: 400;
    font-size: 16px
}

.marketing-home-area .hero-content .marketing-btn .video-btn i {
    position: relative;
    left: 2px
}

.marketing-home-area .hero-content .marketing-btn .video-btn span {
    display: inline-block;
    margin-left: 40px;
    width: 50px;
    height: 50px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-right: 30px
}

.marketing-home-area .hero-content .marketing-btn .video-btn span::after,
.marketing-home-area .hero-content .marketing-btn .video-btn span::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .2)
}

.marketing-home-area .hero-content .marketing-btn .video-btn span::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.marketing-home-area .hero-content .marketing-btn .video-btn span::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.marketing-home-area .hero-content .marketing-btn:hover span {
    background-color: #fff;
    color: #130947
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.map-area {
    position: relative;
    margin-bottom: -6px
}

.map-area iframe {
    width: 100%;
    height: 480px;
    border: none
}

.freelancer-info-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ff6203
}

.freelancer-info-content h3 {
    font-size: 30px;
    color: #fff;
    margin: 0 0 14px;
    position: relative
}

.freelancer-info-content h3::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 45%;
    background-color: #fff;
    bottom: 0;
    right: 48px;
    border-radius: 5px
}

.freelancer-info-content .info-social {
    position: relative;
    padding-left: 0;
    margin-bottom: 0
}

.freelancer-info-content .info-social li {
    display: inline-block
}

.freelancer-info-content .info-social li.list-heading {
    color: #a0a0a0;
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 400
}

.freelancer-info-content .info-social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition: .5s
}

.freelancer-info-content .info-social li a:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fd5a0e
}

.info-image {
    text-align: center
}

.freelancer-info-text h3 {
    font-size: 30px;
    color: #fff;
    margin: 0 0 10px;
    position: relative
}

.freelancer-info-text h3::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 30%;
    background-color: #fff;
    bottom: 0;
    right: 130px;
    border-radius: 5px
}

.freelancer-info-text a {
    font-size: 20px;
    color: #fff
}

.top-services-section {
    position: relative;
    z-index: 1;
    margin-top:7px;
}

.top-services-section .col-lg-3:last-child .top-services-content {
    border-right: none
}

.top-services-area {
    position: relative;
    margin-top: -16px;
  
    /* background-color: #fff; */
    /* padding: 30px; */
    /* -webkit-box-shadow: 0 13px 27px 0 rgba(197, 197, 197, .44);
    box-shadow: 0 13px 27px 0 rgba(197, 197, 197, .44) */
}

.top-services-area .top-services-content {

    background:var(--main-color);
    padding:52px;
}

.top-services-area .top-services-content2 {
     background:var(--primary-color);
    padding:52px;
   
   }
   .top-services-area .top-services-content3 {
     background:var(--main-color);
    padding:52px;  
   }
.top-services-area .top-services-content2 h3 {
    font-size: 20px;
    color: var(--white-color);
    
    margin: 20px 0 12px
}
.top-services-area .top-services-content3 h3 {
    font-size: 20px;
    color: var(--white-color);
    
    margin: 20px 0 12px
}
.top-services-area .top-services-content h3 {
    font-size: 20px;
    color: var(--white-color);
    
    margin: 20px 0 12px
}

.top-services-area .top-services-content p {
    color: #827f8d;
    font-weight: 400;
    margin: 0
}

  .icon-hover:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  @keyframes rotate {
    0% {
      transform: scale(0.92) rotate(0deg)
    }
    100% {
      transform: scale(0.92) rotate(360deg)
    }
  }
  
  /* .icon-hover:hover{
    opacity: 1;
    animation: rotate 10s linear infinite;
  } */
.what-we-do-section {
    position: relative
}

.we-do-content-area span {
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    text-transform: capitalize
}

.we-do-content-area h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 18px
}

.we-do-content-area p {
    font-weight: 400
}

.we-do-content-area .we-btn {
    margin-top: 25px
}

.we-do-content-area .we-btn .we-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #ff8b00
}

.we-do-content-area .we-btn .we-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.achieved-section {
    position: relative;
    background-color: #f9f9f9;
    z-index: 1
}

.achieved-section::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: .8
}

.achieved-section .achieved-title {
    text-align: center;
    margin-bottom: 50px
}

.achieved-section .achieved-title span {
    display: block;
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    margin-top: -5px;
    text-transform: capitalize
}

.achieved-section .achieved-title h3 {
    font-size: 40px;
    margin: 10px 0 12px
}

.achieved-section .achieved-title p {
    max-width: 750px;
    margin: auto
}

.achieved-section .fun-facts-content {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s
}

.achieved-section .fun-facts-content h3 {
    position: relative;
    color: #624272;
    margin-bottom: 5px;
    font-size: 40px;
    font-weight: 700
}

.achieved-section .fun-facts-content h3 .sign-icon {
    display: inline-block;
    font-size: 30px;
    margin-left: 2px
}

.achieved-section .fun-facts-content p {
    line-height: initial;
    color: #6b6f76;
    margin: 0
}

.achieved-section .fun-facts-content:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.history-section {
    position: relative
}

.history-content-area {
    max-width: 565px;
    margin-right: auto
}

.history-content-area span {
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    display: block;
    margin-top: -5px;
    text-transform: capitalize
}

.history-content-area h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 18px
}

.history-content-area p {
    font-weight: 400;
    margin: 0
}

.history-content-area .history-btn {
    margin-top: 25px
}

.history-content-area .history-btn .history-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #ff8b00
}

.history-content-area .history-btn .history-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.performance-section {
    position: relative;
    background-color: #f8f7f8
}

.performance-title {
    text-align: center;
    margin-bottom: 50px
}

.performance-title span {
    display: block;
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    margin-top: -5px
}

.performance-title h3 {
    font-size: 40px;
    color: #624272;
    max-width: 720px;
    margin: auto
}

.single-performance {
    text-align: center;
    position: relative
}

.single-performance h3 {
    font-size: 18px;
    color: #3e435e;
    max-width: 240px;
    margin: 15px auto 0;
    line-height: 30px
}

.single-performance .circlechart {
    width: 130px;
    height: 130px;
    margin-left: 55px
}

.single-performance .circlechart .circle-chart {
    width: 130px;
    height: 130px
}

.single-performance .circlechart .circle-chart .circle-chart__background {
    stroke: #a9b4c5;
    stroke-width: .8
}

.single-performance .circlechart .circle-chart .circle-chart__circle {
    stroke: #ff8a00 !important;
    stroke-width: 1.8
}

.single-performance .circlechart .circle-chart .circle-chart__info {
    font-weight: 600
}

.single-performance .circlechart .circle-chart .circle-chart__info .circle-chart__percent {
    position: relative
}

.productive-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 70px
}

.productive-section .col-lg-4.col-md-6.col-sm-6:nth-child(1) .productive-area-content .icon i {
    background-color: #ffe8cc
}

.productive-section .col-lg-4.col-md-6.col-sm-6:nth-child(4) .productive-area-content .icon i {
    background-color: #ffe8cc
}

.productive-section .col-lg-4.col-md-6.col-sm-6:nth-child(3) .productive-area-content .icon i {
    background-color: #ffd8d8
}

.productive-section .col-lg-4.col-md-6.col-sm-6:nth-child(6) .productive-area-content .icon i {
    background-color: #ffd8d8
}

.productive-title {
    text-align: center;
    margin-bottom: 50px
}

.productive-title span {
    display: block;
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    margin-top: -5px;
    text-transform: capitalize
}

.productive-title h3 {
    font-size: 40px;
    margin: 10px 0 12px
}

.productive-title p {
    max-width: 750px;
    margin: auto
}

.productive-area-content {
    position: relative;
    padding-left: 75px;
    margin-bottom: 30px
}

.productive-area-content .icon i {
    display: inline-block;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: #eae7ec;
    color: #444;
    text-align: center;
    left: 0;
    border-radius: 4px
}

.productive-area-content .icon i::before {
    font-size: 40px
}

.productive-area-content h3 {
    font-size: 20px;
    color: #444;
    margin: 0 0 10px
}

.productive-area-content p {
    color: #827f8d;
    font-weight: 400;
    margin: 0
}

.needs-section {
    position: relative
}

.needs-area-content span {
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    display: block;
    margin-top: -5px
}

.needs-area-content h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 18px
}

.needs-area-content p {
    font-weight: 400;
    margin: 0
}

.needs-area-content .needs-text {
    margin-top: 25px
}

.needs-area-content .needs-text p {
    color: #464b54;
    margin: 0;
    position: relative;
    padding-left: 45px
}

.needs-area-content .needs-text p::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 30px;
    left: 0;
    top: 16px;
    background-color: #ff8b00
}

.needs-area-content .needs-btn {
    margin-top: 30px
}

.needs-area-content .needs-btn .needs-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #ff8b00
}

.needs-area-content .needs-btn .needs-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.project-section {
    position: relative
}

.project-title {
    position: relative;
    margin-bottom: 45px
}

.project-title span {
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    display: block;
    margin-top: -5px
}

.project-title h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 0;
    max-width: 510px
}

.project-title .project-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.project-title .project-btn .project-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #ff8b00
}

.project-title .project-btn .project-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.single-project-item {
    position: relative;
    text-align: left;
    margin-bottom: 30px
}

.single-project-item .project-content {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    padding: 25px 15px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
    padding: 25px
}

.single-project-item .project-content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 5px;
    background-color: #ff8b00;
    z-index: -1;
    border-radius: 2px
}

.single-project-item .project-content h3 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #fff
}

.single-project-item .project-content h3 a {
    color: #fff
}

.single-project-item .project-content p {
    color: #fce5ca;
    font-weight: 400
}

.single-project-item:hover .project-content,
.single-project-item .single-project-item:focus .project-content {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
    color: #fff
}

.saying-section {
    position: relative;
    background-color: #f8f8f8
}

.saying-title {
    text-align: center;
    margin-bottom: 65px
}

.saying-title h3 {
    font-size: 38px;
    color: #624272;
    margin: -8px 0 18px
}

.saying-title p {
    font-weight: 400;
    max-width: 750px;
    margin: auto
}

.saying-slides .saying-single-item {
    position: relative;
    margin-top: 70px;
    -webkit-transition: .5s;
    transition: .5s
}

.saying-slides .saying-single-item .saying-content-text {
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.saying-slides .saying-single-item .saying-content-text h3 {
    font-size: 18px;
    color: #3e435e;
    margin: 0 0 12px
}

.saying-slides .saying-single-item .saying-content-text p {
    color: #827f8d;
    margin: 0
}

.saying-slides .saying-single-item .saying-info {
    margin-bottom: 16px;
    margin-top: 40px;
    padding-left: 100px
}

.saying-slides .saying-single-item .saying-info .say-image {
    position: absolute;
    left: 0;
    bottom: -15px
}

.saying-slides .saying-single-item .saying-info .say-image img {
    display: inline-block;
    width: 80px;
    border-radius: 100px
}

.saying-slides .saying-single-item .saying-info h4 {
    font-size: 18px;
    color: #3e435e;
    margin: 0 0 2px
}

.saying-slides .saying-single-item .saying-info span {
    color: #827f8d;
    font-size: 15px
}

.saying-slides .owl-item.active.center .saying-single-item {
    margin-top: 0 !important
}

.saying-slides.owl-theme .owl-dots {
    line-height: .01;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: 5px;
    margin-bottom: 4px
}

.saying-slides.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: #dfdfdf;
    -webkit-transition: .6s;
    transition: .6s;
    border-radius: 50px
}

.saying-slides.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fd5a0e
}

.saying-slides.owl-theme .owl-dots .owl-dot.active span {
    background-color: #fd5a0e
}

.saying-slides.owl-theme .owl-nav {
    margin-top: 30px
}

.faq-section {
    position: relative
}

.faq-title {
    text-align: center;
    margin-bottom: 50px
}

.faq-title span {
    font-size: 16px;
    color: #ff8b00;
    font-weight: 400;
    display: block;
    margin-top: -5px
}

.faq-title h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 0
}

.faq-accordion {
    max-width: 885px;
    margin: auto
}

.faq-accordion .accordion {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 0;
    margin-bottom: 0;
    position: relative
}

.faq-accordion .accordion .accordion-item {
    display: block;
    margin-bottom: 12px
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.faq-accordion .accordion .accordion-item .accordion-title {
    padding: 15px 20px;
    color: #624272;
    position: relative;
    background: 0 0;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 600;
    display: block;
    border: 1px solid #767c99
}

.faq-accordion .accordion .accordion-item .accordion-title i {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #767c99;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 15px
}

.faq-accordion .accordion .accordion-item .accordion-title.active {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff
}

.faq-accordion .accordion .accordion-item .accordion-title.active i::before {
    content: "\f068"
}

.faq-accordion .accordion .accordion-item .accordion-content {
    display: none;
    background-color: #fff;
    margin-bottom: 0;
    padding: 20px 15px;
    font-size: 15px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    z-index: 1;
    position: relative
}

.faq-accordion .accordion .accordion-item .accordion-content.show {
    display: block
}

.provide-section {
    position: relative;
    z-index: 1
}

.provide-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/7.png);
    z-index: -1
}

.provide-area-content h3 {
    font-size: 35px;
    color: #624272;
    margin: 0 0 12px
}

.provide-area-content p {
    font-weight: 400;
    margin: 0
}

.provide-area-content .provide-form {
    position: relative;
    margin-top: 35px
}

.provide-area-content .provide-form .input-newsletter {
    display: block;
    width: 100%;
    background-color: #f1f1f1;
    border: none;
    height: 64px;
    padding-left: 25px;
    border-radius: 4px;
    padding-top: 0;
    outline: 0;
    color: #343b4e
}

.provide-area-content .provide-form .input-newsletter::-webkit-input-placeholder {
    color: #737b9a
}

.provide-area-content .provide-form .input-newsletter:-ms-input-placeholder {
    color: #737b9a
}

.provide-area-content .provide-form .input-newsletter::-ms-input-placeholder {
    color: #737b9a
}

.provide-area-content .provide-form .input-newsletter::placeholder {
    color: #737b9a
}

.provide-area-content .provide-form button {
    position: absolute;
    right: 7px;
    top: 7px;
    background-color: #fd5a0e;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    font-size: 15px;
    font-weight: 400
}

.provide-area-content .provide-form button:hover {
    background-color: #343b4e;
    color: #fff
}

.provide-area-content .provide-form button i {
    margin-left: 5px
}

.startup-home-area {
    position: relative;
    height: 800px;
    z-index: 1;
    overflow: hidden;
    background-color: #f4f0f1
}

.startup-home-area .hero-content h1 {
    font-size: 60px;
    color: #343b4e;
    font-weight: 700;
    margin: 20px 0
}

.startup-home-area .hero-content b {
    font-size: 60px;
    color: #002c8c;
    font-weight: 700;
    margin: 20px 0
}

.startup-home-area .hero-content p {
    color: #7d8087;
    font-weight: 500;
    margin: 0;
    font-size: 16px
}

.startup-home-area .hero-content span {
    display: inline-block;
    font-size: 15px;
    color: #fd5a0e;
    background-color: #eedbb8;
    padding: 8px 16px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: capitalize
}

.startup-home-area .hero-content .startup-btn {
    margin-top: 35px
}

.startup-home-area .hero-content .startup-btn .startup-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #002c8c;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    border: 1px solid #002c8c
}

.startup-home-area .hero-content .startup-btn .startup-btn-one i {
    position: relative;
    top: 2px;
    padding-left: 6px
}

.startup-home-area .hero-content .startup-btn .startup-btn-one i::before {
    font-size: 20px
}

.startup-home-area .hero-content .startup-btn .startup-btn-one:hover {
    background-color: transparent;
    color: #002c8c;
    border: 1px solid #002c8c
}

.startup-home-area .hero-content .startup-btn .startup-btn-two {
    display: inline-block;
    color: #002c8c;
    border: 1px solid #002c8c;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    margin-left: 15px
}

.startup-home-area .hero-content .startup-btn .startup-btn-two i {
    position: relative;
    top: 2px;
    padding-left: 6px
}

.startup-home-area .hero-content .startup-btn .startup-btn-two i::before {
    font-size: 20px
}

.startup-home-area .hero-content .startup-btn .startup-btn-two:hover {
    background-color: #002c8c;
    color: #fff
}

.startup-home-area .startup-image {
    position: relative
}

.startup-home-area .startup-image img {
    position: absolute;
    top: -222px
}

.startup-home-area .startup-shape img {
    position: absolute;
    right: 230px;
    bottom: 0;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    width: 850px;
    z-index: -1
}

.partnar-two-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #002c8c
}

.partnar-two-section .appreciate {
    max-width: 315px;
    margin-left: auto
}

.partnar-two-section .appreciate h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.4
}

.solutions-section {
    position: relative
}

.solutions-section .col-lg-4.col-md-6:nth-child(1) .solutions-area-content {
    position: relative
}

.solutions-section .col-lg-4.col-md-6:nth-child(1) .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/10.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: -1
}

.solutions-section .col-lg-4.col-md-6:nth-child(1) .solutions-area-content .icon::before {
    background-color: #ffebe2
}

.solutions-section .col-lg-4.col-md-6:nth-child(1) .solutions-area-content .icon i {
    color: #fe5a0e
}

.solutions-section .col-lg-4.col-md-6:nth-child(2) .solutions-area-content {
    position: relative
}

.solutions-section .col-lg-4.col-md-6:nth-child(2) .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/11.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: -1
}

.solutions-section .col-lg-4.col-md-6:nth-child(2) .solutions-area-content .icon::before {
    background-color: #e0f4ed
}

.solutions-section .col-lg-4.col-md-6:nth-child(2) .solutions-area-content .icon i {
    color: #00a86f
}

.solutions-section .col-lg-4.col-md-6:nth-child(3) .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/12.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: -1
}

.solutions-section .col-lg-4.col-md-6:nth-child(3) .solutions-area-content .icon::before {
    background-color: #e0e5f1
}

.solutions-section .col-lg-4.col-md-6:nth-child(3) .solutions-area-content .icon i {
    color: #002c8c
}

.solutions-title {
    text-align: center;
    margin-bottom: 50px;
    margin-top: -4px
}

.solutions-title span {
    display: inline-block;
    font-size: 16px;
    color: #002c8c;
    font-weight: 400;
    text-transform: capitalize
}

.solutions-title h3 {
    font-size: 40px;
    margin: 10px 0 12px
}

.solutions-title p {
    max-width: 750px;
    margin: auto
}

.solutions-area-content {
    position: relative;
    padding: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 13px 27px 0 rgba(197, 197, 197, .44);
    box-shadow: 0 13px 27px 0 rgba(197, 197, 197, .44)
}

.solutions-area-content .icon {
    position: relative
}

.solutions-area-content .icon i {
    color: #012d8c
}

.solutions-area-content .icon i::before {
    font-size: 60px;
    line-height: normal
}

.solutions-area-content .icon::before {
    content: "";
    position: absolute;
    height: 80px;
    width: 50px;
    background-color: #e0e5f1;
    z-index: -1;
    left: -12px;
    top: -8px
}

.solutions-area-content h3 {
    font-size: 18px;
    margin: 20px 0 10px;
    line-height: 30px
}

.solutions-area-content p {
    font-weight: 400;
    color: #827f8d;
    margin: 0 0 10px
}

.solutions-area-content a {
    font-size: 16px;
    font-weight: 500;
    color: #827f8d;
    -webkit-transition: .5s;
    transition: .5s
}

.solutions-area-content a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.solutions-area-content:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.about-section {
    position: relative;
}



.about-content-area h3 {
    font-size: var(--heading-h3);
    font-weight:900;
        margin-top:-50px;
}
html[dir="rtl"] .about-content-area h3 {
    font-size: 38px;
    text-align: right;
    color:var(--black-color);
    margin: 10px 0 18px
}
.about-content-area .about-btn {
    margin-top: 26px
}

.about-content-area .about-btn .about-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #012d8c;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #012d8c
}

.about-content-area .about-btn .about-btn-one:hover {
    background-color: #fff;
    color: #012d8c
}

.co-operative-section {
    position: relative;
    z-index: 1;
    margin-bottom: -30px
}

.co-operative-title {
    border-right: 1px solid #dfdddf;
    padding-right: 60px;
    margin-bottom: 50px;
    margin-top: -5px
}

.co-operative-title span {
    color: #002c8c;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    font-weight: 400
}

.co-operative-title h2 {
    margin-bottom: 0;
    color: #343c4e;
    font-size: 38px;
    font-weight: 700
}

.co-operative-text {
    padding-left: 40px;
    margin-bottom: 50px
}

.co-operative-text p {
    color: #666;
    margin-bottom: 0;
    line-height: 30px;
    font-weight: 400
}

.co-operative-content {
    text-align: center;
    background-image: url(../img/video-bg-2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 150px
}

.co-operative-content .video-btn {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 100px;
    background-color: #fff;
    border-radius: 50%;
    color: #fd5a0e;
    position: relative;
    z-index: 1
}

.co-operative-content .video-btn i {
    font-size: 30px;
    position: relative;
    left: 4px;
    top: 2px
}

.co-operative-content .video-btn::after,
.co-operative-content .video-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff
}

.co-operative-content .video-btn::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.co-operative-content .video-btn::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.co-operative-content .video-btn:hover,
.co-operative-content .video-btn:focus {
    background-color: #fd5a0e;
    color: #fff
}

.co-operative-content h3 {
    font-size: 38px;
    margin: 50px 0 0;
    color: #fff
}

.counter-area {
    position: relative;
    background-color: #002c8c;
    padding-top: 130px;
    padding-bottom: 70px
}

.counter-area .single-fun-facts {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 30px
}

.counter-area .single-fun-facts h3 {
    position: relative;
    color: #fff;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 700
}

.counter-area .single-fun-facts h3 .sign-icon {
    display: inline-block;
    font-size: 30px;
    margin-left: 2px
}

.counter-area .single-fun-facts p {
    line-height: initial;
    color: #fff;
    margin: 0;
    font-weight: 600;
    padding-bottom: 0;
    position: relative
}

.counter-area .single-fun-facts p::before {
    display: none
}

.counter-area .single-fun-facts:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.grow-section {
    position: relative
}

.grow-area-content {
    position: relative
}

.grow-area-content span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400;
    text-transform: capitalize
}

.grow-area-content h3 {
    font-size: 38px;
    color: #343c4e;
    margin: 10px 0 18px
}

.grow-area-content p {
    font-weight: 400;
    margin: 0;
    color: #464b54
}

.grow-area-content .grow-content-bar {
    position: relative;
    padding-left: 60px;
    margin-top: 45px
}

.grow-area-content .grow-content-bar span {
    position: absolute;
    left: 0;
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 50px;
    background-color: #fd5a0e;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    top: 50%;
    border-radius: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.grow-area-content .grow-content-bar h3 {
    font-size: 18px;
    color: #595d64;
    font-weight: 500;
    margin: 0
}

.grow-area-content .grow-content-bar.bg-00a86f span {
    position: absolute;
    left: 0;
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 50px;
    background-color: #00a86f;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    top: 50%;
    border-radius: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.grow-area-content .grow-btn {
    margin-top: 50px
}

.grow-area-content .grow-btn .grow-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #012d8c;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #012d8c
}

.grow-area-content .grow-btn .grow-btn-one:hover {
    background-color: #fff;
    color: #012d8c
}

.grow-area-content .grow-btn .grow-btn-two {
    display: inline-block;
    color: #002c8c;
    background-color: transparent;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #012d8c;
    margin-left: 20px
}

.grow-area-content .grow-btn .grow-btn-two:hover {
    background-color: #002c8c;
    color: #fff
}

.develop-section {
    position: relative
}

.develop-content-area span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400;
    text-transform: capitalize
}

.develop-content-area h3 {
    font-size: 38px;
    color: #343c4e;
    margin: 10px 0 0
}

.develop-content-area .develop-single-area {
    position: relative;
    margin-top: 45px;
    padding-left: 90px
}

.develop-content-area .develop-single-area .icon i {
    display: inline-block;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fd5a0e;
    color: #fff
}

.develop-content-area .develop-single-area .icon i::before {
    font-size: 40px
}

.develop-content-area .develop-single-area h3 {
    font-size: 20px;
    color: #3e435e;
    margin: 0 0 12px
}

.develop-content-area .develop-single-area p {
    color: #827f8d;
    font-weight: 400;
    margin: 0
}

.develop-content-area .develop-single-area.bg-00a86f .icon i {
    display: inline-block;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00a86f;
    color: #fff
}

.develop-content-area .develop-single-area.bg-00a86f .icon i::before {
    font-size: 40px
}

.develop-content-area .develop-single-area.bg-07328f .icon i {
    display: inline-block;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #07328f;
    color: #fff
}

.develop-content-area .develop-single-area.bg-07328f .icon i::before {
    font-size: 40px
}

.develop-content-area .develop-btn {
    margin-top: 30px
}

.develop-content-area .develop-btn .develop-btn-one {
    display: inline-block;
    color: #fff;
    background-color: transparent;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    background-color: #002c8c;
    border: 1px solid #012d8c
}

.develop-content-area .develop-btn .develop-btn-one:hover {
    background-color: transparent;
    border: 1px solid #012d8c;
    color: #012d8c
}

.blog-section {
    position: relative
}

.blog-section.startup-blog {
    background-color: #fbfcff
}

.blog-title {
    position: relative;
    margin-bottom: 45px;
    margin-top: -5px
}

.blog-title span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400;
    text-transform: capitalize
}

.blog-title h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 16px;
    max-width: 510px
}

.blog-title p {
    font-weight: 400;
    margin: 0;
    color: #6b6f76;
    max-width: 750px
}

.blog-title .blog-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.blog-title .blog-btn .blog-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #002c8c;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #002c8c
}

.blog-title .blog-btn .blog-btn-one:hover {
    background-color: #fff;
    color: #002c8c
}

.blog-item {
    -webkit-transition: .5s;
    transition: .5s
}

.blog-item .single-blog-item {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff;
    border-top: none;
    padding: 30px 20px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    margin-bottom: 30px
}

.blog-item .single-blog-item .blog-content {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.blog-item .single-blog-item .blog-content h3 {
    color: #343846;
    font-size: 20px;
    margin: 0 0 10px 0;
    line-height: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.blog-item .single-blog-item .blog-content h3::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 60px;
    background-color: #002c8c;
    left: -54px;
    top: 28px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.blog-item .single-blog-item .blog-content p {
    margin: 0;
    color: #6a6c72;
    font-weight: 400
}

.blog-item .single-blog-item .blog-content a {
    text-decoration: none
}

.blog-item .single-blog-item .blog-list {
    padding-left: 0;
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 15px;
    background-color: #f7f7f7;
    padding: 10px 15px
}

.blog-item .single-blog-item .blog-list li {
    list-style-type: none;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin-right: 20px;
    color: #6b6f76
}

.blog-item .single-blog-item .blog-list li:last-child {
    margin-right: 0
}

.blog-item .single-blog-item .blog-list li i::before {
    font-size: 14px;
    margin-right: 5px
}

.blog-item .single-blog-item .blog-list a {
    color: #93908f;
    text-decoration: none
}

.blog-item .single-blog-item .blog-list i::before {
    font-size: 14px;
    color: #93908f;
    margin-right: 5px
}

.blog-item:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.blog-item:hover .blog-content h3 {
    color: #002c8c
}

.blog-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.job-opportunities {
    text-align: center;
    position: relative;
    z-index: 1
}

.job-opportunities::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-color: #002c8c;
    z-index: -1
}

.job-opportunities .section-title {
    max-width: 700px;
    margin: auto
}

.job-opportunities .section-title span {
    background-color: transparent;
    display: block;
    margin-top: -12px;
    margin-bottom: 5px
}

.job-opportunities .section-title h3 {
    margin-bottom: 20px
}

.job-opportunities .grow-btn {
    margin-top: 50px;
    position: relative;
    top: 55px
}

.job-opportunities .grow-btn .grow-btn-one {
    display: inline-block;
    color: #012d8c;
    background-color: #fff;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #fff
}

.job-opportunities .grow-btn .grow-btn-one:hover {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.job-opportunities .grow-btn .grow-btn-two {
    display: inline-block;
    color: #fff;
    background-color: transparent;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-left: 20px
}

.job-opportunities .grow-btn .grow-btn-two:hover {
    background-color: #fff;
    color: #012d8c
}

.subscribe-two-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fd5a0e;
    background-image: url(../img/subscribe-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.subscribe-two-section::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fd5a0e;
    left: 0;
    top: 0;
    opacity: .77;
    z-index: -1
}

.subscribe-two-section .subscribe-area-content {
    position: relative;
    z-index: 1
}

.subscribe-two-section .subscribe-content {
    text-align: center;
    max-width: 540px;
    margin: auto
}

.subscribe-two-section .subscribe-content .sub-title {
    color: #fff;
    display: block;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400
}

.subscribe-two-section .subscribe-content h2 {
    color: #fff;
    max-width: 700px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-size: 38px
}

.subscribe-two-section .subscribe-content .newsletter-form {
    max-width: 830px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px
}

.subscribe-two-section .subscribe-content .newsletter-form .input-newsletter {
    display: block;
    width: 100%;
    background-color: #fff;
    border: none;
    height: 55px;
    padding-left: 25px;
    border-radius: 70px;
    padding-top: 5px;
    outline: 0;
    color: #343b4e
}

.subscribe-two-section .subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
    color: #737b9a
}

.subscribe-two-section .subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
    color: #737b9a
}

.subscribe-two-section .subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
    color: #737b9a
}

.subscribe-two-section .subscribe-content .newsletter-form .input-newsletter::placeholder {
    color: #737b9a
}

.subscribe-two-section .subscribe-content .newsletter-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #e4045e;
    color: #fff;
    border: none;
    height: 45px;
    padding: 0 30px;
    border-radius: 70px;
    -webkit-transition: .5s;
    transition: .5s;
    line-height: 45px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500
}

.subscribe-two-section .subscribe-content .newsletter-form button:hover {
    background-color: #343b4e;
    color: #fff
}

#validator-newsletter {
    color: red;
    margin-top: 10px
}

.seo-agency-home-area {
    position: relative;
    background-image: url(../img/seo-agency-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 900px;
    z-index: 1;
    padding-top: 130px;
    overflow: hidden
}

.seo-agency-home-area .hero-content {
    max-width: 800px;
    margin: auto;
    text-align: center
}

.seo-agency-home-area .hero-content h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 20px
}

.seo-agency-home-area .hero-content p {
    color: #fff;
    font-weight: 500;
    margin: 0;
    font-size: 16px
}

.seo-agency-home-area .hero-content .seo-btn {
    margin-top: 35px
}

.seo-agency-home-area .hero-content .seo-btn .seo-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #ff8b00;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px
}

.seo-agency-home-area .hero-content .seo-btn .seo-btn-one:hover {
    background-color: #fff;
    color: #ff8b00
}

.seo-agency-home-area .hero-content .seo-btn .video-btn {
    -webkit-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
    display: inline-block;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    bottom: -3px;
    font-weight: 400;
    font-size: 16px
}

.seo-agency-home-area .hero-content .seo-btn .video-btn span {
    display: inline-block;
    margin-left: 40px;
    width: 50px;
    height: 50px;
    line-height: 52px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-right: 30px
}

.seo-agency-home-area .hero-content .seo-btn .video-btn span i {
    position: relative;
    top: 0;
    left: 2px
}

.seo-agency-home-area .hero-content .seo-btn .video-btn span::after,
.seo-agency-home-area .hero-content .seo-btn .video-btn span::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .2)
}

.seo-agency-home-area .hero-content .seo-btn .video-btn span::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.seo-agency-home-area .hero-content .seo-btn .video-btn span::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.seo-agency-home-area .hero-content .seo-btn:hover span {
    background-color: #fff;
    color: #130947
}

.seo-agency-home-area .seo-agency-image {
    text-align: center;
    margin-top: 60px;
    position: relative
}

.seo-agency-home-area .seo-agency-image img {
    max-width: 500px
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.seo-agency-home-area .seo-shape {
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 100%;
    height: auto;
    z-index: -1
}

.seo-agency-home-area .nav-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.visitor-section {
    position: relative;
    padding-top: 60px
}

.visitor-section .col-lg-3.col-md-6:nth-child(1) .visitor-content-area {
    margin-top: 30px
}

.visitor-section .col-lg-3.col-md-6:nth-child(3) .visitor-content-area {
    margin-top: 30px
}

.visitor-title {
    margin-bottom: 50px
}

.visitor-title h2 {
    margin-bottom: 0;
    color: #3f3360;
    font-size: 38px;
    font-weight: 700
}

.visitor-text {
    margin-bottom: 50px
}

.visitor-text p {
    color: #827f8d;
    margin-bottom: 0;
    line-height: 30px;
    font-weight: 400
}

.visitor-content-area {
    position: relative;
    padding: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 0 27px 0 rgba(197, 197, 197, .44);
    box-shadow: 0 0 27px 0 rgba(197, 197, 197, .44);
    margin-bottom: 30px;
    transition: .5s
}

.visitor-content-area .icon i {
    color: #fd5a0e
}

.visitor-content-area .icon i::before {
    font-size: 50px;
    line-height: normal
}

.visitor-content-area h3 {
    font-size: 18px;
    color: #3e435e;
    margin: 14px 0 5px
}

.visitor-content-area p {
    color: #827f8d;
    margin: 0
}

.visitor-content-area .visitor-shape {
    position: absolute;
    top: 0;
    right: 0
}

.visitor-content-area.bg-00a86f .icon i {
    color: #00a86f
}

.visitor-content-area.bg-00a86f .icon i::before {
    font-size: 50px;
    line-height: normal
}

.visitor-content-area.bg-302353 .icon i {
    color: #302353
}

.visitor-content-area.bg-302353 .icon i::before {
    font-size: 50px;
    line-height: normal
}

.visitor-content-area.bg-c53a17 .icon i {
    color: #c53a17
}

.visitor-content-area.bg-c53a17 .icon i::before {
    font-size: 50px;
    line-height: normal
}

.visitor-content-area:hover {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.specialty-section {
    position: relative
}

.specialty-content-area span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400
}

.specialty-content-area h3 {
    font-size: 38px;
    color: #3f3360;
    margin: 10px 0 14px
}

.specialty-content-area p {
    font-weight: 400;
    margin: 0;
    color: #6b6f76
}

.specialty-content-area .specialty-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0;
    margin-top: 10px
}

.specialty-content-area .specialty-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    font-weight: 500;
    color: #3e435e;
    font-size: 18px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
    position: relative
}

.specialty-content-area .specialty-list i {
    display: inline-block;
    height: 25px;
    width: 32px;
    line-height: 25px;
    background-color: #11023b;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 8px;
    border-radius: 3px 0 3px 3px
}

.specialty-content-area .specialty-btn {
    margin-top: 40px
}

.specialty-content-area .specialty-btn .specialty-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #fd5a0e;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #fd5a0e
}

.specialty-content-area .specialty-btn .specialty-btn-one:hover {
    background-color: #fff;
    color: #fd5a0e
}

.department-area-content span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400
}

.department-area-content h3 {
    font-size: 38px;
    color: #3f3360;
    margin: 10px 0 14px
}

.department-area-content p {
    font-weight: 400;
    margin: 0;
    color: #6b6f76
}

.department-area-content .department-list {
    margin-bottom: 0;
    padding-left: 0
}

.department-area-content .department-list li {
    list-style-type: none;
    font-weight: 500;
    color: #3e435e;
    font-size: 18px;
    margin-top: 20px;
    position: relative
}

.department-area-content .department-list i {
    display: inline-block;
    height: 25px;
    width: 32px;
    line-height: 25px;
    background-color: #11023b;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 8px;
    border-radius: 3px 0 3px 3px
}

.department-area-content .department-btn {
    margin-top: 40px
}

.department-area-content .department-btn .department-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #fd5a0e;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #fd5a0e
}

.department-area-content .department-btn .department-btn-one:hover {
    background-color: #fff;
    color: #fd5a0e
}

.success-section {
    background-color: #150346;
    position: relative
}

.success-section::before {
    content: "";
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.success-section::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.success-title {
    text-align: center;
    margin-bottom: 50px
}

.success-title h3 {
    font-size: 38px;
    color: #fff;
    margin: 0
}

.success-area-content {
    position: relative;
    padding-left: 52px
}

.success-area-content i {
    position: absolute;
    left: 0;
    top: -6px;
    color: #fff
}

.success-area-content i::before {
    font-size: 40px;
    margin-left: 0
}

.success-area-content h3 {
    font-size: 22px;
    color: #fff;
    margin: 0 0 5px
}

.success-area-content span {
    font-size: 16px;
    color: #c8b9f0
}

.partnar-three-section {
    position: relative;
    padding-bottom: 0
}

.partnar-three-section .owl-carousel .owl-item img {
    width: unset;
    margin: auto;
    opacity: .5;
    -webkit-transition: all .5s;
    transition: all .5s
}

.partnar-three-section .owl-carousel .owl-item img:hover {
    opacity: 1
}

.offer-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 70px
}

.offer-title {
    text-align: center;
    margin-bottom: 50px
}

.offer-title span {
    font-size: 15px;
    color: #3e435e;
    font-weight: 400;
    display: block;
    margin-top: -5px;
    text-transform: capitalize
}

.offer-title h3 {
    font-size: 36px;
    margin: 5px 0 10px;
    color: #3f3360
}

.offer-title p {
    color: #827f8d;
    font-weight: 400;
    max-width: 750px;
    margin: auto
}

.products-area-content {
    -webkit-box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .07);
    box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .07);
    padding: 40px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.products-area-content .products-image {
    text-align: center
}

.products-area-content h3 {
    font-size: 20px;
    color: #3e435e;
    margin: 40px 0 10px
}

.products-area-content p {
    color: #827f8d;
    font-weight: 400;
    margin: 0 0 10px
}

.products-area-content .products-btn-one {
    display: inline-block;
    font-size: 16px;
    color: #fe5a0e;
    font-weight: 500;
    -webkit-transition: .5s;
    transition: .5s
}

.products-area-content .products-btn-one:hover {
    letter-spacing: 1px
}

.products-area-content .products-text span {
    position: absolute;
    font-size: 30px;
    color: #827f8d;
    font-weight: 400;
    right: 16px;
    bottom: 4px
}

.products-area-content:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.increase-section {
    padding-top: 100px;
    padding-bottom: 70px;
    background-color: #150346;
    position: relative;
    z-index: 1
}

.increase-section .shape {
    position: absolute;
    top: 150px;
    left: 30px;
    width: 50%;
    z-index: -1
}

.increase-section::before {
    content: "";
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.increase-section::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.increase-title {
    position: relative;
    margin-bottom: 60px
}

.increase-title span {
    font-size: 16px;
    color: #c8b9f0;
    font-weight: 400;
    display: block;
    margin-top: -5px;
    text-transform: capitalize
}

.increase-title h3 {
    font-size: 38px;
    color: #fff;
    margin: 10px 0 16px;
    max-width: 510px
}

.increase-title .increase-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.increase-title .increase-btn .increase-btn-one {
    display: inline-block;
    color: #030749;
    background-color: #fff;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #fff
}

.increase-title .increase-btn .increase-btn-one:hover {
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e
}

.increase-item {
    position: relative
}

.increase-item .increase-area-content {
    padding-left: 100px;
    margin-bottom: 30px
}

.increase-item .increase-area-content img {
    position: absolute;
    left: 16px;
    top: 18px;
    z-index: 1
}

.increase-item .increase-area-content h3 {
    font-size: 20px;
    color: #d9cdff;
    margin: 0 0 10px
}

.increase-item .increase-area-content p {
    color: #d9cdff;
    margin: 0;
    font-weight: 400
}

.increase-item .increase-shape img {
    position: absolute;
    left: 0;
    top: 0
}

.team-section {
    position: relative;
    background-color: #fafafa;
    z-index: 1
}

.team-section::before {
    content: "";
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.team-section::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.team-section .shape {
    position: absolute;
    top: 125px;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
    z-index: -1
}

.team-title {
    text-align: center;
    margin-bottom: 50px
}

.team-title span {
    font-size: 15px;
    color: #3e435e;
    font-weight: 400;
    display: block;
    margin-top: -5px
}

.team-title h3 {
    font-size: 36px;
    margin: 5px 0 10px;
    color: #3f3360
}

.team-title p {
    color: #827f8d;
    font-weight: 400;
    max-width: 750px;
    margin: auto
}

.single-team-member {
    text-align: center;
    margin-bottom: 30px
}

.single-team-member .member-image {
    position: relative;
    border-radius: 50%
}

.single-team-member .member-image img {
    border-radius: 50%
}

.single-team-member .member-image .details-btn {
    border-radius: 50%
}

.single-team-member .member-content {
    margin-top: 20px
}

.single-team-member .member-content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700
}

.single-team-member .member-content a {
    color: #3e435e
}

.single-team-member .member-content span {
    display: block;
    color: #827f8d;
    margin-top: 8px;
    font-size: 18px
}

.single-team-member:hover .member-image::before {
    opacity: .6;
    visibility: visible
}

.single-team-member:hover .member-image .details-btn {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.request-section {
    position: relative
}

.request-area {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    padding: 50px 30px;
    border-radius: 5px
}

.request-area h3 {
    font-size: 25px;
    color: #3f3360;
    margin: 0 0 8px
}

.request-area .request-form .form-group {
    margin-bottom: 20px
}

.request-area .request-form form .form-control {
    height: 55px;
    padding: 10px;
    font-size: 15px;
    color: #0e314c;
    border: 1px solid #f8f8f8;
    border-radius: 0;
    background: #f8f8f8;
    -webkit-transition: .5s;
    transition: .5s
}

.request-area .request-form form .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.request-area .request-form form .btn {
    font-weight: 400;
    font-size: 16px;
    border: none;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%
}

.request-area .request-form form .btn-primary {
    color: #fff;
    background-color: #fd5a0e;
    -webkit-box-shadow: 0 13px 27px 0 rgba(255, 255, 255, .25);
    box-shadow: 0 13px 27px 0 rgba(255, 255, 255, .25);
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #fd5a0e
}

.request-area .request-form form .btn-primary:hover {
    background-color: #fff;
    color: #fd5a0e
}

.blog-two-section {
    position: relative;
    padding-bottom: 70px
}

.blog-two-section .blog-title-two {
    position: relative;
    margin-bottom: 45px;
    text-align: center
}

.blog-two-section .blog-title-two span {
    font-size: 16px;
    color: #002c8c;
    font-weight: 400
}

.blog-two-section .blog-title-two h3 {
    font-size: 38px;
    color: #624272;
    margin: 10px 0 0
}

.blog-two-section .blog-title-two .blog-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.blog-two-section .blog-title-two .blog-btn .blog-btn-one {
    display: inline-block;
    color: #fff;
    background-color: #002c8c;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    border: 1px solid #002c8c
}

.blog-two-section .blog-title-two .blog-btn .blog-btn-one:hover {
    background-color: #fff;
    color: #002c8c
}

.blog-two-section .blog-item-two {
    -webkit-transition: .5s;
    transition: .5s
}

.blog-two-section .blog-item-two .single-blog-item {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff;
    border-top: none;
    padding: 20px 25px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    margin-bottom: 30px
}

.blog-two-section .blog-item-two .single-blog-item .blog-content {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.blog-two-section .blog-item-two .single-blog-item .blog-content h3 {
    color: #343846;
    font-size: 20px;
    margin: 0 0 10px 0;
    line-height: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.blog-two-section .blog-item-two .single-blog-item .blog-content p {
    margin: 0;
    color: #6a6c72;
    font-weight: 400
}

.blog-two-section .blog-item-two .single-blog-item .blog-content a {
    text-decoration: none
}

.blog-two-section .blog-item-two .single-blog-item .blog-list {
    padding-left: 0;
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 15px;
    background-color: #f7f7f7;
    padding: 10px 15px
}

.blog-two-section .blog-item-two .single-blog-item .blog-list li {
    list-style-type: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    color: #6b6f76
}

.blog-two-section .blog-item-two .single-blog-item .blog-list li:last-child {
    margin-right: 0
}

.blog-two-section .blog-item-two .single-blog-item .blog-list li i::before {
    font-size: 14px;
    margin-right: 5px
}

.blog-two-section .blog-item-two .single-blog-item .blog-list a {
    color: #93908f;
    text-decoration: none
}

.blog-two-section .blog-item-two .single-blog-item .blog-list i::before {
    font-size: 14px;
    color: #93908f;
    margin-right: 5px
}

.blog-two-section .blog-item-two:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.blog-two-section .blog-item-two:hover .blog-content h3 {
    color: #002c8c
}

.update-section {
    position: relative;
    background:url(../../assets/img/about/about.png);
    background-position: center;
    background-size:cover;
    height:400px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    z-index: 1
}
.update-section:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.update-section::before {
    content: "";
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.update-section::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 48%
}

.update-section .shape {
    width: 25%;
    position: absolute;
    left: 100px;
    top: 57px;
    z-index: -1
}

.update-section .shape-2 {
    width: 20%;
    position: absolute;
    right: 50px;
    top: 57px;
    z-index: -1
}

.update-title {
    text-align: center;
    margin-bottom: 30px
}

.update-title h3 {
    font-size: 38px;
    color: #fff;
    font-weight:700;
    margin: -8px 0 0
}

.update-form {
    max-width: 630px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px
}

.update-form .input-newsletter {
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    height: 60px;
    padding-left: 25px;
    border-radius: 5px;
    padding-top: 0;
    outline: 0;
    color: #fff;
    border: 1px solid #534677
}

.update-form .input-newsletter::-webkit-input-placeholder {
    color: #737b9a
}

.update-form .input-newsletter:-ms-input-placeholder {
    color: #737b9a
}

.update-form .input-newsletter::-ms-input-placeholder {
    color: #737b9a
}

.update-form .input-newsletter::placeholder {
    color: #737b9a
}

.update-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #fe5a0e;
    color: #fff;
    border: none;
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    line-height: 45px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500
}

.update-form button:hover {
    background-color: #ffdecf;
    color: #fd5a0e
}

 .page-title-area {
    position: relative;
    z-index: 1;
    background-position:60% !important;
        background-repeat: no-repeat !important;
    padding-top: 100px;
    height:730px;
    padding-bottom: 100px;
    margin-top:-100px;
    z-index: 1
} 


 .page-title-area::before {
    position: absolute;
    content: "";
    height: 120%;
    margin-top: -100px;
    width: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    opacity: .4;
    z-index: -1;
} 

.page-title-content {
    text-align: center;
    margin-top: 45px
}

.page-title-content h1 {
    margin-bottom: 0;
       color: var(--white-color);
    font-size: var(--inner-banner-text);
    font-weight: 900;
    font-size:45px;
    text-align: center;
         animation-name: fade-in;
    animation-duration: 7s;
      }
      .page-title-content2 h1 {
        margin-bottom: 0;
        color: var(--white-color);
        font-size: var(--inner-banner-text);
        font-weight: 500;
        letter-spacing: 11.21px;
        text-align: center;
        position: relative;
        left:20%;
         animation-name: fade-in;
        animation-duration: 7s;
      }
      html[dir="rtl"] .page-title-content2 h1 {
        margin-bottom: 0;
        color: var(--white-color);
        font-size: var(--inner-banner-text);
        font-weight: 500;
        text-align: center;
        position: relative;
        left:-20%;
         animation-name: fade-in;
        animation-duration: 7s;
          }
      .t-cen:hover{
        color:var(--black-color);
       
      }
      .page-title-area2 {
        position: relative;
        z-index: 1;
        background-position: center top !important;
        background-size: 100%,contain !important;
        background-repeat: no-repeat !important;
        padding-top: 100px;
        height:730px;
        padding-bottom: 100px;
        margin-top:-100px;
        z-index: 1
    } 
    
    
     .page-title-area2::before {
        position: absolute;
        content: "";
        height: 112%;
        margin-top: -114px;
        width: 100%;
        background-color: #000;
        left: 0;
        top: 0;
        opacity: .4;
        z-index: -1;
    } 
    
    .page-title-content {
        text-align: center;
        margin-top: 45px
    }
    
    .page-title-content h1 {
        margin-bottom: 0;
           color: var(--white-color);
        font-size: var(--inner-banner-text);
        font-weight: 900;
        font-size:45px;
        text-align: center;
             animation-name: fade-in;
        animation-duration: 7s;
          }

@keyframes fade-in {
    from {
      opacity: 0.7;
    }
    to {
      opacity:1;
     
    }
  }
  
.page-title-content span {
    margin-bottom: 0;
    color: var(--primary-color) !important;
    letter-spacing: 11.21px;
    font-size: var(--inner-banner-text);
    font-weight: 500;
    	color: hsla(0,0%,100%,.3);
}
.page-title-content2 span {
    margin-bottom: 0;
    letter-spacing: 11.21px;
    color: var(--primary-color) !important;
    font-size: var(--inner-banner-text);
    font-weight: 500;
    	color: hsla(0,0%,100%,.3);
}
.page-title-content span::before {
	content: attr(data-content);
	position: absolute;
	overflow: hidden;
	max-width: 7em;
	color: var(--primary-color);
	animation: loading 10s linear infinite;
}
.page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 12px;
    margin-bottom: 0
}

.page-title-content ul li {
    color: #fff;
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-size: 17px;
    margin-left: 10px;
    margin-right: 10px
}

.page-title-content ul li a {
    display: inline-block;
    color: #fff
}

.page-title-content ul li::before {
    content: '';
    position: absolute;
    right: -15px;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fd5a0e
}

.page-title-content ul li:last-child::before {
    display: none
}

.services-details-overview {
    margin-bottom: 60px
}

.services-details-overview:last-child {
    margin-bottom: 0
}

.services-details-overview .services-details-desc h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600
}

.services-details-overview .services-details-desc .features-text {
    margin-top: 25px
}

.services-details-overview .services-details-desc .features-text h4 {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600
}

.services-details-overview .services-details-desc .features-text h4 i {
    font-size: 15px;
    margin-right: 4px;
    color: #fd5a0e
}

.services-details-overview .services-details-desc .services-details-accordion {
    margin-top: 25px
}

.services-details-overview .services-details-desc .services-details-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {
    display: block;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background: #fff;
    margin-bottom: 10px
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item a {
    text-decoration: none
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
    padding: 15px 20px 15px 51px;
    color: #000;
    position: relative;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    display: inline-block
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    text-align: center;
    height: 100%;
    background: #fd5a0e;
    color: #fff
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {
    border-bottom-color: #eee
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {
    content: "\f068"
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    padding: 15px
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {
    display: block
}

.pagination-area {
    margin-top: 20px;
    text-align: center
}

.pagination-area .page-numbers {
    width: 45px;
    height: 45px;
    margin: 0 3px;
    display: inline-block;
    background-color: #fff;
    line-height: 48px;
    color: #343b4e;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    font-size: 18px;
    font-weight: 700
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
    background: #fd5a0e;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6
}

.project-details-image {
    margin-bottom: 30px
}

.projects-details-desc {
    margin-top: 5px
}

.projects-details-desc h3 {
    margin-bottom: 13px;
    font-size: 24px;
    font-weight: 700
}

.projects-details-desc .features-text {
    margin-top: 25px;
    margin-bottom: 25px
}

.projects-details-desc .features-text h4 {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 600
}

.projects-details-desc .features-text h4 i {
    font-size: 16px;
    margin-right: 4px;
    color: #fd5a0e
}

.projects-details-desc .project-details-info {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 35px
}

.projects-details-desc .project-details-info .single-info-box {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px
}

.projects-details-desc .project-details-info .single-info-box h4 {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 700
}

.projects-details-desc .project-details-info .single-info-box span {
    display: block;
    color: #737b9a;
    font-size: 15px
}

.projects-details-desc .project-details-info .single-info-box .social {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.projects-details-desc .project-details-info .single-info-box .social li {
    display: inline-block;
    margin-right: 8px
}

.projects-details-desc .project-details-info .single-info-box .social li a {
    color: #737b9a;
    display: inline-block
}

.projects-details-desc .project-details-info .single-info-box .social li a:hover {
    color: #fd5a0e;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.faq-contact-section {
    position: relative
}

.faq-contact-section .faq-title {
    text-align: center;
    margin-bottom: 50px
}

.faq-contact-section .faq-title h2 {
    font-size: 38px;
    color: #624272;
    margin: 0 0 10px
}

.faq-contact-section .faq-title p {
    font-weight: 400;
    max-width: 750px;
    margin: auto
}

.faq-contact-form {
    max-width: 850px;
    margin: 0 auto;
    text-align: center
}

.faq-contact-form form .form-group {
    margin-bottom: 15px
}

.faq-contact-form form .form-control {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important;
    height: 50px;
    font-size: 15px
}

.faq-contact-form form textarea.form-control {
    height: 150px;
    padding-top: 15px;
    line-height: initial
}

.faq-contact-form form .faq-form-btn {
    margin-top: 10px
}

.faq-contact-form form .text-danger {
    color: #dc3545 !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important
}

.faq-contact-form form .list-unstyled {
    margin-top: 10px;
    color: red;
    text-align: left
}

.login-form {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    padding: 40px;
    border-radius: 5px;
    max-width: 600px;
    margin: auto
}

.login-form .login-title {
    text-align: center;
    margin-bottom: 30px
}

.login-form .login-title h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #343846
}

.login-form .login-title p {
    margin-bottom: 30px
}

.login-form form .form-group {
    margin-bottom: 15px
}

.login-form form .form-control {
    height: 50px;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #fff;
    padding-left: 20px;
    background: 0 0
}

.login-form form .form-control:focus {
    border-color: #fd5a0e;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-form form .form-control::-webkit-input-placeholder {
    color: #666
}

.login-form form .form-control:-ms-input-placeholder {
    color: #666
}

.login-form form .form-control::-ms-input-placeholder {
    color: #666
}

.login-form form .form-control::placeholder {
    color: #666
}

.login-form form .form-check {
    margin-top: 18px
}

.login-form form .form-check .form-check-label {
    color: #666;
    position: relative;
    top: -2px
}

.login-form form .form-check-input {
    margin-top: 3px
}

.login-form form .send-btn {
    margin-top: 20px
}

.login-form form .send-btn .default-btn-one {
    display: inline-block;
    padding: 12px 30px;
    background: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .6s;
    transition: .6s
}

.login-form form .send-btn .default-btn-one:hover {
    text-decoration: none;
    background-color: #fff;
    color: #fd5a0e
}

.login-form form span {
    display: block;
    color: #777
}

.login-form form span a {
    color: #fd5a0e
}

.login-form .forgot-password {
    margin-bottom: 0;
    margin-top: -25px;
    text-align: right
}

.login-form .forgot-password a {
    color: #777
}

.login-form .forgot-password a:hover {
    color: #fd5a0e
}

.signup-form {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    padding: 40px;
    border-radius: 5px;
    max-width: 600px;
    margin: auto
}

.signup-form h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}

.signup-form form {
    position: relative
}

.signup-form form .form-group {
    margin-bottom: 15px
}

.signup-form form .form-control {
    height: 50px;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #fff;
    padding-left: 20px;
    background: 0 0
}

.signup-form form .form-control:focus {
    border-color: #fd5a0e;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.signup-form form .form-control::-webkit-input-placeholder {
    color: #666
}

.signup-form form .form-control:-ms-input-placeholder {
    color: #666
}

.signup-form form .form-control::-ms-input-placeholder {
    color: #666
}

.signup-form form .form-control::placeholder {
    color: #666
}

.signup-form form .form-check {
    margin-top: 18px
}

.signup-form form .form-check .form-check-label {
    color: #666;
    position: relative;
    top: -2px
}

.signup-form form .send-btn {
    margin-top: 20px
}

.signup-form form .send-btn .default-btn-one {
    display: inline-block;
    padding: 12px 30px;
    background: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .6s;
    transition: .6s
}

.signup-form form .send-btn .default-btn-one:hover {
    text-decoration: none;
    background-color: #fff;
    color: #fd5a0e
}

.signup-form form span {
    display: block;
    color: #666
}

.signup-form form span a {
    color: #fd5a0e
}

.error-area {
    height: 100vh
}

.error-content {
    text-align: center;
    margin: 0 auto;
    max-width: 700px
}

.error-content h3 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 18px
}

.error-content p {
    max-width: 520px;
    margin: 0 auto 20px;
    line-height: 30px
}

.error-content .default-btn-one {
    display: inline-block;
    padding: 12px 30px;
    background: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .6s;
    transition: .6s
}

.error-content .default-btn-one:hover {
    text-decoration: none;
    background-color: #fff;
    color: #fd5a0e
}

.coming-soon-area {
    position: relative;
    z-index: 1;
    height: 100vh;
    background-image: url(../img/page-title-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.coming-soon-area::before {
    z-index: -1;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .8
}

.coming-soon-area .social-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.coming-soon-area .social-list li {
    display: inline-block
}

.coming-soon-area .social-list li.list-heading {
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.coming-soon-area .social-list li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f45a43;
    border: 1px solid #f45a43;
    color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block
}

.coming-soon-area .social-list li a:hover {
    background-color: transparent;
    color: #f45a43;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition: .5s
}

.coming-soon-content {
    text-align: center;
    max-width: 820px;
    margin: -80px auto 0
}

.coming-soon-content h1 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 46px;
    font-weight: 700
}

.coming-soon-content p {
    color: #fff;
    margin: 0 auto;
    max-width: 620px;
    line-height: 30px
}

.coming-soon-content form {
    position: relative;
    margin: 35px auto 55px;
    max-width: 520px
}

.coming-soon-content form .email-input {
    display: block;
    width: 100%;
    height: 56px;
    border: none;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1), 0 0 0 5px rgba(255, 255, 255, .3);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1), 0 0 0 5px rgba(255, 255, 255, .3);
    border-radius: 40px;
    padding: 15px 25px;
    outline: 0 !important;
    background: #f1f2f3
}

.coming-soon-content form .submit-btn {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 50px;
    background: #f45a43;
    color: #fff;
    border: none;
    border-radius: 40px;
    width: 130px;
    outline: 0 !important;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.coming-soon-content form .submit-btn:hover,
.coming-soon-content form .submit-btn:focus {
    background-color: #ff3547
}

.coming-soon-content #timer div {
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    color: #ff3547;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .5);
    margin: 0 10px;
    padding-top: 18px;
    font-size: 40px;
    font-weight: 700
}

.coming-soon-content #timer div span {
    display: block;
    margin-top: -4px;
    color: #777;
    font-size: 14px;
    font-weight: 600
}

/* .contact-area .contact-form {
       padding-top:30px;
} */
.contact-area {
    padding-top:50px !important;
}

.contact-form .default-btn {
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 12px 25px;
    font-size: 20px;
    font-weight: 400;
    width:80%;
    margin-top:20px !important;
    margin-left:-20px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 25px;
    border: 1px solid var(--main-color);
    position: relative;
}
.contact-form .default-btn:hover{
    background:#000;
}
.contact-area .contact-form form {
    text-align: center
}

.contact-area .contact-form form .form-control {
    background: rgb(244,244,244,0.8);
    border-radius: 8px;
    border:none;
    height:45px;
    color:#000;
        }

.contact-area .contact-form form .form-control:focus {
    border: 1px solid #fd5a0e
}

.contact-area .contact-form form .form-group {
    text-align: left;
    margin-bottom: 0px
}

.contact-area .contact-form form textarea.form-control {
    height: 150px;
    padding-top: 15px
}

.contact-area .contact-form .default-btn {
    cursor: pointer;
    margin-top: 10px
}

.contact-area .contact-form .text-danger {
    color: #dc3545 !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important
}

.contact-area .contact-form .list-unstyled {
    margin-top: 10px;
    color: red
}

.contact-box {
    padding-top: 100px;
    padding-bottom: 35px
}

.single-contact-box {
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 11px 3px rgba(0, 0, 0, .05);
    padding: 30px 55px;
    margin-bottom: 30px
}

.single-contact-box i {
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 1px dashed #fd5a0e;
    border-radius: 50%;
    font-size: 20px;
    display: inline-block;
    color: #fd5a0e;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 20px
}

.single-contact-box:hover i {
    background-color: #fd5a0e;
    color: #fff
}

.single-contact-box .content-title h3 {
    font-size: 25px;
    margin-bottom: 10px
}

.single-contact-box .content-title a {
    display: block;
    font-size: 16px;
    color: #747171;
    margin-bottom: 3px
}

.single-contact-box .content-title a:hover {
    color: #fd5a0e
}

.blog-details-desc .article-content {
    margin-top: 30px
}

.blog-details-desc .article-content .entry-meta {
    margin-bottom: -8px
}

.blog-details-desc .article-content .entry-meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.blog-details-desc .article-content .entry-meta ul li {
    position: relative;
    display: inline-block;
    color: #343b4e;
    margin-right: 21px
}

.blog-details-desc .article-content .entry-meta ul li span {
    display: inline-block;
    color: #343b4e;
    font-weight: 500
}

.blog-details-desc .article-content .entry-meta ul li a {
    display: inline-block;
    color: #737b9a
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
    color: #fd5a0e
}

.blog-details-desc .article-content .entry-meta ul li i {
    color: #fd5a0e;
    margin-right: 2px
}

.blog-details-desc .article-content .entry-meta ul li::before {
    content: '';
    position: absolute;
    top: 12px;
    right: -15px;
    width: 6px;
    height: 1px;
    background: #fd5a0e
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
    margin-right: 0
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
    display: none
}

.blog-details-desc .article-content h3 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 600
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
    padding-left: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 30px;
    margin-top: 30px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
    -ms-flex: 0 0 33.3333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-right: 10px;
    padding-left: 10px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
    margin-bottom: 0
}

.blog-details-desc .article-content .features-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 30px
}

.blog-details-desc .article-content .features-list li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 34px;
    color: #737b9a
}

.blog-details-desc .article-content .features-list li i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 40px;
    background-color: #faf5f5;
    color: #fd5a0e;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: -2px
}

.blog-details-desc .article-content .features-list li:hover i {
    background-color: #fd5a0e;
    color: #fff
}

.blog-details-desc .article-content .features-list li:last-child {
    margin-bottom: 0
}

.blog-details-desc .article-footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}

.blog-details-desc .article-footer .article-tags {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    color: #737b9a
}

.blog-details-desc .article-footer .article-tags span {
    display: inline-block;
    color: #343b4e;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.blog-details-desc .article-footer .article-tags a {
    display: inline-block;
    color: #737b9a
}

.blog-details-desc .article-footer .article-tags a:hover {
    color: #fd5a0e
}

.blog-details-desc .article-footer .article-share {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.blog-details-desc .article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0
}

.blog-details-desc .article-footer .article-share .social li {
    display: inline-block
}

.blog-details-desc .article-footer .article-share .social li span {
    display: inline-block;
    margin-right: 2px;
    font-weight: 500;
    color: #737b9a
}

.blog-details-desc .article-footer .article-share .social li a {
    display: block;
    color: #fd5a0e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #eeeef0;
    text-align: center;
    font-size: 12px
}

.blog-details-desc .article-footer .article-share .social li a:hover {
    color: #fff;
    background-color: #fd5a0e;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.blog-details-desc .post-navigation {
    margin-top: 30px
}

blockquote,
.blockquote {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px
}

blockquote p,
.blockquote p {
    color: #343b4e;
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 24px !important
}

blockquote cite,
.blockquote cite {
    display: none
}

blockquote::before,
.blockquote::before {
    color: #efefef;
    content: "\f10e";
    position: absolute;
    left: 50px;
    top: -50px;
    z-index: -1;
    font-family: "font awesome 5 free";
    font-size: 140px;
    font-weight: 900
}

blockquote::after,
.blockquote::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #fd5a0e;
    margin-top: 20px;
    margin-bottom: 20px
}

.post-navigation {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px
}

.post-navigation .navigation-links {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post-navigation .navigation-links .nav-previous {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.post-navigation .navigation-links .nav-previous a i {
    margin-right: 2px;
    -webkit-transition: .5s;
    transition: .5s
}

.post-navigation .navigation-links .nav-previous a:hover i {
    margin-right: 0
}

.post-navigation .navigation-links .nav-next {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right
}

.post-navigation .navigation-links .nav-next a i {
    margin-left: 2px;
    -webkit-transition: .5s;
    transition: .5s
}

.post-navigation .navigation-links .nav-next a:hover i {
    margin-left: 0
}

.post-navigation .navigation-links div a {
    display: inline-block;
    font-weight: 600
}

.comments-area {
    padding: 25px;
    margin-top: 30px;
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08);
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08);
    background-color: #fff
}

.comments-area .comments-title {
    position: relative;
    margin-bottom: 30px;
    line-height: initial;
    font-size: 22px;
    font-weight: 600
}

.comments-area ol,
.comments-area ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.comments-area .comment-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.comments-area .comment-body {
    border-bottom: 1px solid #eee;
    padding-left: 65px;
    color: #343b4e;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.comments-area .comment-body .reply {
    margin-top: 15px
}

.comments-area .comment-body .reply a {
    border: 1px solid #ded9d9;
    color: #343b4e;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    font-size: 12px;
    font-weight: 600
}

.comments-area .comment-body .reply a:hover {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.comments-area .comment-author {
    font-size: 17px;
    margin-bottom: .1em;
    position: relative;
    z-index: 2
}

.comments-area .comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px
}

.comments-area .comment-author .fn {
    font-weight: 600
}

.comments-area .comment-author .says {
    display: none
}

.comments-area .comment-metadata {
    margin-bottom: .8em;
    color: #737b9a;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400
}

.comments-area .comment-metadata a {
    color: #737b9a
}

.comments-area .comment-metadata a:hover {
    color: #fd5a0e
}

.comments-area .comment-respond {
    margin-top: 30px
}

.comments-area .comment-respond .comment-reply-title {
    margin-bottom: 0;
    position: relative;
    font-size: 20px;
    font-weight: 600
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
    display: inline-block
}

.comments-area .comment-respond .comment-form {
    overflow: hidden
}

.comments-area .comment-respond .comment-notes {
    margin-bottom: 0;
    margin-top: 10px
}

.comments-area .comment-respond .comment-notes .required {
    color: red
}

.comments-area .comment-respond .comment-form-comment {
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.comments-area .comment-respond label {
    display: block;
    font-weight: 600;
    color: #343b4e;
    margin-bottom: 5px
}

.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    padding: .625em .7375em;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.comments-area .comment-respond input[type=date]:focus,
.comments-area .comment-respond input[type=time]:focus,
.comments-area .comment-respond input[type=datetime-local]:focus,
.comments-area .comment-respond input[type=week]:focus,
.comments-area .comment-respond input[type=month]:focus,
.comments-area .comment-respond input[type=text]:focus,
.comments-area .comment-respond input[type=email]:focus,
.comments-area .comment-respond input[type=url]:focus,
.comments-area .comment-respond input[type=password]:focus,
.comments-area .comment-respond input[type=search]:focus,
.comments-area .comment-respond input[type=tel]:focus,
.comments-area .comment-respond input[type=number]:focus,
.comments-area .comment-respond textarea:focus {
    border-color: #fd5a0e
}

.comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-email {
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-url {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-cookies-consent {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-cookies-consent input {
    position: absolute;
    left: 0;
    top: 4px
}

.comments-area .comment-respond .comment-form-cookies-consent label {
    display: inline-block;
    margin: 0;
    color: #737b9a;
    font-weight: 400;
    position: relative;
    top: -2px
}

.comments-area .comment-respond .form-submit {
    float: left;
    width: 100%
}

.comments-area .comment-respond .form-submit input {
    background: #fd5a0e;
    border: none;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: 600;
    font-size: 14px
}

.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
    color: #fff;
    background-color: #343b4e
}

.widget-area .widget {
    margin-top: 35px
}

.widget-area .widget:first-child {
    margin-top: 0
}

.widget-area .widget .widget-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 25px;
    text-transform: capitalize;
    position: relative;
    font-weight: 600;
    font-size: 22px
}

.widget-area .widget .widget-title::before {
    content: '';
    position: absolute;
    background: #fd5a0e;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.widget-area .widget_search {
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    background-color: #fff;
    padding: 15px
}

.widget-area .widget_search form {
    position: relative
}

.widget-area .widget_search form label {
    display: block;
    margin-bottom: 0
}

.widget-area .widget_search form .screen-reader-text {
    display: none
}

.widget-area .widget_search form .search-field {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    border: 1px solid #eee;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.widget-area .widget_search form .search-field:focus {
    border-color: #fd5a0e
}

.widget-area .widget_search form button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    z-index: 1;
    border: none;
    color: #fff;
    background-color: #fd5a0e;
    -webkit-transition: .5s;
    transition: .5s
}

.widget-area .widget_search form button:hover {
    background-color: #343b4e;
    color: #fff
}

.widget-area .widget_zash_posts_thumb {
    position: relative;
    overflow: hidden
}

.widget-area .widget_zash_posts_thumb .item {
    overflow: hidden;
    margin-bottom: 15px
}

.widget-area .widget_zash_posts_thumb .item:last-child {
    margin-bottom: 0
}

.widget-area .widget_zash_posts_thumb .item .thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
    margin-right: 15px
}

.widget-area .widget_zash_posts_thumb .item .thumb .fullimage {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important
}

.widget-area .widget_zash_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(../img/blog-details/1.jpg)
}

.widget-area .widget_zash_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(../img/blog-details/2.jpg)
}

.widget-area .widget_zash_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(../img/blog-details/3.jpg)
}

.widget-area .widget_zash_posts_thumb .item .info {
    overflow: hidden;
    margin-top: 5px
}

.widget-area .widget_zash_posts_thumb .item .info time {
    display: block;
    color: #737b9a;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 12px
}

.widget-area .widget_zash_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 500
}

.widget-area .widget_zash_posts_thumb .item .info .title a {
    display: inline-block
}

.widget-area .widget_recent_entries ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_recent_entries ul li {
    position: relative;
    margin-bottom: 12px;
    color: #343b4e;
    padding-left: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 15.5px
}

.widget-area .widget_recent_entries ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_recent_entries ul li::before {
    background: #fd5a0e;
    position: absolute;
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 8px
}

.widget-area .widget_recent_entries ul li a {
    display: inline-block;
    color: #343b4e
}

.widget-area .widget_recent_entries ul li a:hover {
    color: #fd5a0e
}

.widget-area .widget_recent_entries ul li .post-date {
    display: block;
    font-size: 13px;
    color: #737b9a;
    margin-top: 4px
}

.widget-area .widget_recent_comments ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_recent_comments ul li {
    position: relative;
    margin-bottom: 12px;
    color: #737b9a;
    padding-left: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 15.5px
}

.widget-area .widget_recent_comments ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_recent_comments ul li::before {
    background: #fd5a0e;
    position: absolute;
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 8px
}

.widget-area .widget_recent_comments ul li a {
    display: inline-block;
    color: #343b4e
}

.widget-area .widget_recent_comments ul li a:hover {
    color: #fd5a0e
}

.widget-area .widget_archive ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_archive ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 14px;
    color: #343b4e;
    font-size: 15.5px;
    font-weight: 400
}

.widget-area .widget_archive ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_archive ul li::before {
    background: #fd5a0e;
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 8px;
    position: absolute
}

.widget-area .widget_archive ul li a {
    display: inline-block;
    color: #343b4e
}

.widget-area .widget_archive ul li a:hover {
    color: #fd5a0e
}

.widget-area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_categories ul li {
    position: relative;
    margin-bottom: 12px;
    color: #737b9a;
    padding-left: 14px;
    font-size: 15.5px;
    font-weight: 400
}

.widget-area .widget_categories ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_categories ul li::before {
    background: #fd5a0e;
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 8px;
    position: absolute
}

.widget-area .widget_categories ul li a {
    color: #343b4e;
    display: block
}

.widget-area .widget_categories ul li a:hover {
    color: #fd5a0e
}

.widget-area .widget_categories ul li .post-count {
    float: right
}

.widget-area .widget_meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_meta ul li {
    position: relative;
    margin-bottom: 12px;
    color: #343b4e;
    padding-left: 14px;
    font-size: 15.5px;
    font-weight: 400
}

.widget-area .widget_meta ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_meta ul li::before {
    background: #fd5a0e;
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 8px;
    position: absolute
}

.widget-area .widget_meta ul li a {
    display: inline-block;
    color: #343b4e
}

.widget-area .widget_meta ul li a:hover {
    color: #fd5a0e
}

.widget-area .widget_tag_cloud .widget-title {
    margin-bottom: 12px
}

.widget-area .tagcloud a {
    display: inline-block;
    color: #343b4e;
    font-weight: 400;
    font-size: 14.5px !important;
    padding: 6px 13px;
    border: 1px dashed #eee;
    margin-top: 8px;
    margin-right: 4px
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.widget-area .widget_event_details ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.widget-area .widget_event_details ul li {
    border-bottom: 1px solid #eee;
    color: #888f96;
    padding-bottom: 10px;
    padding-top: 10px
}

.widget-area .widget_event_details ul li:first-child {
    padding-top: 0
}

.widget-area .widget_event_details ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.widget-area .widget_event_details ul li span {
    display: inline-block;
    color: #343b4e;
    font-weight: 400
}

.widget-area .widget_event_details ul li a {
    display: inline-block;
    color: #888f96
}

.widget-area .widget_event_details ul li a:hover {
    color: #fd5a0e
}

.woocommerce-topbar {
    margin-bottom: 40px
}

.woocommerce-topbar .woocommerce-topbar-ordering {
    text-align: right
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
    background-color: #fff;
    color: #666;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    float: unset;
    height: unset;
    line-height: initial;
    padding: 17px 35px 13px 20px;
    font-size: 16px
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
    -webkit-transition: .6s;
    transition: .6s;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
    background-color: #fd5a0e !important;
    color: #fff
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
    background-color: transparent;
    font-weight: 700
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
    right: 20px
}

.single-product-box {
    text-align: center;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05)
}

.single-product-box .product-image {
    overflow: hidden;
    position: relative;
    text-align: left
}

.single-product-box .product-image a img {
    -webkit-transition: .6s;
    transition: .6s
}

.single-product-box .product-image .add-to-cart-btn {
    position: absolute;
    bottom: -46px;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 18px 20px 13px;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    font-size: 15px;
    font-weight: 700
}

.single-product-box .product-image .add-to-cart-btn i {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.single-product-box .product-image .add-to-cart-btn:hover {
    background-color: #fd5a0e;
    color: #fff
}

.single-product-box .product-image .sale-btn {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: #fd5a0e;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.single-product-box .product-content {
    padding: 30px 25px
}

.single-product-box .product-content h3 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700
}

.single-product-box .product-content h3 a {
    display: inline-block;
    color: #fd5a0e;
    text-decoration: none
}

.single-product-box .product-content .price {
    color: #000;
    font-weight: 600;
    font-size: 15px
}

.single-product-box .product-content .price .old {
    text-decoration: line-through;
    color: #828893;
    font-size: 14px
}

.single-product-box .product-content .rating {
    margin-top: 12px;
    color: #ffb708;
    font-size: 15px
}

.single-product-box .product-content .rating i {
    margin-right: -1px
}

.single-product-box:hover .product-image .add-to-cart-btn {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .6s;
    transition: .6s;
    text-decoration: none
}

.product-details-desc h3 {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700
}

.product-details-desc .price {
    margin-bottom: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 600
}

.product-details-desc .price .old-price {
    text-decoration: line-through;
    color: #828893
}

.product-details-desc .product-review {
    margin-bottom: 15px
}

.product-details-desc .product-review .rating {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px
}

.product-details-desc .product-review .rating i {
    color: #ffba0a
}

.product-details-desc .product-review .rating-count {
    display: inline-block;
    color: #000;
    border-bottom: 1px solid #000;
    line-height: initial
}

.product-details-desc .product-review .rating-count:hover {
    color: #fd5a0e;
    border-color: #fd5a0e;
    text-decoration: none
}

.product-details-desc .product-add-to-cart {
    margin-top: 20px
}

.product-details-desc .product-add-to-cart .input-counter {
    max-width: 130px;
    min-width: 130px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative
}

.product-details-desc .product-add-to-cart .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 50px;
    height: 100%;
    line-height: 55px;
    -webkit-transition: .6s;
    transition: .6s
}

.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
    left: 0
}

.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
    right: 0
}

.product-details-desc .product-add-to-cart .input-counter span:hover {
    color: #fd5a0e
}

.product-details-desc .product-add-to-cart .input-counter input {
    height: 50px;
    color: #000;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 600
}

.product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
    color: #000
}

.product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
    color: #000
}

.product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
    color: #000
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
    color: #000
}

.product-details-desc .product-add-to-cart .default-btn {
    position: relative;
    border: none;
    padding: 12px 30px;
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e
}

.product-details-desc .product-add-to-cart .default-btn i {
    margin-right: 2px
}

.product-details-desc .product-add-to-cart .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    -webkit-transition: .6s;
    transition: .6s
}

.product-details-desc .buy-checkbox-btn {
    margin-top: 20px
}

.product-details-desc .buy-checkbox-btn input {
    display: none
}

.product-details-desc .buy-checkbox-btn .cbx {
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.product-details-desc .buy-checkbox-btn .cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #ebebeb;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: .6s;
    transition: .6s
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: .6s;
    transition: .6s
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: .6s;
    transition: .6s
}

.product-details-desc .buy-checkbox-btn .cbx span:last-child {
    position: relative;
    top: 0;
    padding-left: 4px;
    color: #666
}

.product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
    border-color: #fd5a0e
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child {
    background: #fd5a0e;
    border-color: #fd5a0e;
    -webkit-animation: wave .4s ease;
    animation: wave .4s ease
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child:before {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.product-details-desc .buy-checkbox-btn .item:not(:first-child) {
    margin-top: 15px
}

.product-details-desc .buy-checkbox-btn .btn-light {
    background-color: #f2f2f2;
    border: none;
    padding: 13px 25px 10px;
    -webkit-transition: .6s;
    transition: .6s;
    font-weight: 600;
    display: block;
    width: 100%
}

.product-details-desc .buy-checkbox-btn .btn-light:hover {
    background-color: #fd5a0e;
    color: #fff
}

.product-details-desc .custom-payment-options {
    margin-top: 20px
}

.product-details-desc .custom-payment-options span {
    display: block;
    color: #666;
    margin-bottom: 8px
}

.product-details-desc .custom-payment-options .payment-methods a {
    display: inline-block
}

.product-details-desc .custom-payment-options .payment-methods a img {
    width: 40px
}

.products-details-tab {
    margin-top: 50px
}

.products-details-tab .tabs {
    list-style-type: none;
    margin-bottom: -1px;
    padding-left: 0
}

.products-details-tab .tabs li {
    display: inline-block;
    line-height: initial;
    margin-right: 5px
}

.products-details-tab .tabs li a {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    color: #343b4e;
    border: 1px dashed #eee;
    text-decoration: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 30px;
    padding-left: 30px;
    font-weight: 700;
    font-size: 15px
}

.products-details-tab .tabs li a:hover,
.products-details-tab .tabs li a:focus {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.products-details-tab .tabs li.current a {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.products-details-tab .tabs li:last-child {
    margin-right: 0
}

.products-details-tab .tab_content {
    border: 1px dashed #eee;
    padding: 30px
}

.products-details-tab .tab_content .tabs_item {
    display: none
}

.products-details-tab .tab_content .tabs_item:first-child {
    display: block
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p {
    margin-bottom: 20px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
    margin-bottom: 0
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
    border: 1px solid #eee;
    border-bottom: none;
    padding: 10px 15px 7px;
    color: #666
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
    border-bottom: 1px solid #eee
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
    display: inline-block;
    width: 30%;
    color: #343b4e;
    font-weight: 700
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
    position: relative
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
    display: inline-block
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
    color: #ffba0a
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
    color: #ebebeb;
    font-size: 14px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    line-height: initial
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 14px 25px;
    background-color: #fd5a0e;
    color: #fff;
    -webkit-transition: .6s;
    transition: .6s
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    text-decoration: none
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
    margin-top: 35px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
    margin-top: 30px;
    position: relative;
    padding-right: 200px;
    border-top: 1px dashed #eee;
    padding-top: 30px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
    color: #ffba0a
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
    font-size: 14px;
    color: #ebebeb
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
    margin-bottom: 10px;
    font-size: 13px;
    display: block
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
    font-weight: 600
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
    margin-bottom: 0
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
    position: absolute;
    right: 0;
    color: #666;
    top: 40px;
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
    color: #fd5a0e
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
    margin-top: 30px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form h3 {
    margin-bottom: 20px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
    margin-bottom: 15px
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
    height: 55px;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    border: none
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control {
    padding-top: 15px;
    height: auto
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .default-btn {
    border: none;
    margin-top: 10px;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    padding: 14px 25px;
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e;
    text-transform: uppercase
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    -webkit-transition: .6s;
    transition: .6s
}

.related-products {
    margin-top: 70px;
    text-align: center
}

.related-products .products-title {
    margin-bottom: 10px;
    text-align: center
}

.related-products .products-title span {
    font-size: 14px;
    color: #fd5a0e
}

.related-products .products-title h2 {
    font-size: 30px;
    color: #343b4e;
    margin: 10px 0 0
}

.related-products .single-product-box {
    margin-bottom: 0;
    margin-top: 30px
}

.cart-table table {
    margin-bottom: 0
}

.cart-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    padding: 20px 0;
    text-transform: uppercase;
    border: none;
    white-space: nowrap;
    font-weight: 700
}

.cart-table table tbody tr td {
    vertical-align: middle;
    color: .6s;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
    border-color: #eaedff;
    border-left: none;
    border-right: none
}

.cart-table table tbody tr td.product-thumbnail a {
    display: block
}

.cart-table table tbody tr td.product-thumbnail a img {
    width: 80px
}

.cart-table table tbody tr td.product-name a {
    color: #666;
    font-weight: 500;
    display: inline-block;
    text-decoration: none
}

.cart-table table tbody tr td.product-name a:hover {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-subtotal .remove {
    color: #fd5a0e;
    float: right;
    position: relative;
    top: -1px
}

.cart-table table tbody tr td.product-quantity .input-counter {
    max-width: 130px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    position: relative
}

.cart-table table tbody tr td.product-quantity .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 48px;
    -webkit-transition: .6s;
    transition: .6s
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
    left: 0
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
    right: 0
}

.cart-table table tbody tr td.product-quantity .input-counter span:hover {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-quantity .input-counter input {
    height: 45px;
    color: #fd5a0e;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 600
}

.cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
    color: #fd5a0e
}

.cart-table table tbody tr td.product-subtotal {
    overflow: hidden
}

.cart-buttons {
    margin-top: 30px;
    text-align: right
}

.cart-buttons .shopping-coupon-code {
    position: relative;
    max-width: 530px
}

.cart-buttons .shopping-coupon-code .form-control {
    height: 53px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fd5a0e
}

.cart-buttons .shopping-coupon-code button {
    position: absolute;
    right: 0;
    top: 0;
    height: 53px;
    background: #fd5a0e;
    color: #fff;
    border: none;
    padding: 0 25px;
    line-height: 54px;
    font-weight: 600;
    outline: 0;
    -webkit-transition: .6s;
    transition: .6s;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-buttons .shopping-coupon-code button:hover {
    background-color: #3a60cd;
    color: #fff
}

.cart-buttons .default-btn {
    padding: 14px 30px;
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e;
    text-decoration: none;
    display: inline-block
}

.cart-buttons .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    -webkit-transition: .6s;
    transition: .6s
}

.cart-totals {
    background: #fff;
    padding: 40px;
    max-width: 620px;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

.cart-totals h3 {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700
}

.cart-totals ul {
    padding-left: 0;
    margin: 0 0 25px;
    list-style-type: none
}

.cart-totals ul li {
    border: 1px solid #eaedff;
    padding: 10px 15px;
    color: #343b4e;
    overflow: hidden;
    font-weight: 600
}

.cart-totals ul li:first-child {
    border-bottom: none
}

.cart-totals ul li:last-child {
    border-top: none
}

.cart-totals ul li b {
    font-weight: 500
}

.cart-totals ul li span {
    float: right;
    color: #666;
    font-weight: 400
}

.cart-totals .default-btn {
    padding: 14px 30px;
    background-color: #fd5a0e;
    color: #fff;
    border: 1px solid #fd5a0e;
    text-decoration: none;
    display: inline-block
}

.cart-totals .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    -webkit-transition: .6s;
    transition: .6s
}

.user-actions {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background: #fff;
    padding: 18px 20px 15px;
    margin-bottom: 65px;
    border-top: 3px solid #343b4e;
    position: relative
}

.user-actions::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -35px;
    width: 100%;
    height: 1px;
    background: #eee
}

.user-actions i {
    color: #343b4e;
    margin-right: 2px
}

.user-actions span {
    display: inline-block;
    font-weight: 400;
    color: #343b4e;
    font-size: 16px
}

.user-actions span a {
    display: inline-block;
    color: #343b4e;
    text-decoration: none
}

.user-actions span a:hover,
.user-actions span a:focus {
    color: #fd5a0e
}

.billing-details .title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
    font-weight: 700
}

.billing-details .title::before {
    content: '';
    position: absolute;
    background: #fd5a0e;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.billing-details .form-group {
    margin-bottom: 25px
}

.billing-details .form-group label {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 400
}

.billing-details .form-group label .required {
    color: #343b4e
}

.billing-details .form-group .nice-select {
    float: unset;
    line-height: 53px;
    color: #666;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0
}

.billing-details .form-group .nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.billing-details .form-group .nice-select .list .option {
    -webkit-transition: .6s;
    transition: .6s;
    padding-left: 20px;
    padding-right: 20px
}

.billing-details .form-group .nice-select .list .option:hover {
    background-color: #fd5a0e !important;
    color: #fff
}

.billing-details .form-group .nice-select .list .option.selected {
    background-color: transparent;
    font-weight: 600
}

.billing-details .form-group .nice-select:after {
    right: 20px
}

.billing-details .form-group .form-control {
    height: 50px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.billing-details .form-group .form-control:focus {
    border-color: #fd5a0e;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.billing-details .form-group textarea.form-control {
    height: auto;
    padding-top: 15px
}

.billing-details .form-check {
    margin-bottom: 20px
}

.billing-details .form-check .form-check-label {
    color: #343b4e
}

.billing-details .form-check label {
    position: relative;
    left: -3px;
    top: 1px;
    font-weight: 500
}

.billing-details .col-lg-12:last-child .form-group {
    margin-bottom: 0
}

.order-details .title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
    font-weight: 700
}

.order-details .title::before {
    content: '';
    position: absolute;
    background: #fd5a0e;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.order-details .order-table table {
    margin-bottom: 0
}

.order-details .order-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    border-color: #eaedff;
    text-transform: uppercase;
    padding-left: 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-weight: 600
}

.order-details .order-table table tbody tr td {
    vertical-align: middle;
    color: #666;
    border-color: #eaedff;
    font-size: 15.5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 13px
}

.order-details .order-table table tbody tr td.product-name a {
    color: #666;
    display: inline-block;
    text-decoration: none;
    font-weight: 500
}

.order-details .order-table table tbody tr td.product-name a:hover {
    color: #fd5a0e
}

.order-details .order-table table tbody tr td.order-subtotal span,
.order-details .order-table table tbody tr td.order-shipping span,
.order-details .order-table table tbody tr td.total-price span {
    color: #666;
    font-weight: 500
}

.order-details .order-table table tbody tr td.shipping-price,
.order-details .order-table table tbody tr td.order-subtotal-price,
.order-details .order-table table tbody tr td.product-subtotal {
    font-weight: 600
}

.order-details .payment-box {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-top: 30px;
    padding: 30px
}

.order-details .payment-box .payment-method p [type=radio]:checked,
.order-details .payment-box .payment-method p [type=radio]:not(:checked) {
    display: none
}

.order-details .payment-box .payment-method p [type=radio]:checked+label,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label {
    padding-left: 27px;
    cursor: pointer;
    display: block;
    color: #343b4e;
    position: relative;
    margin-bottom: 8px;
    font-weight: 600
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::before,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fd5a0e;
    position: absolute;
    top: 6px;
    left: 3px;
    border-radius: 50%;
    -webkit-transition: .6s;
    transition: .6s
}

.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.order-details .payment-box .default-btn {
    padding: 14px 30px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    color: #343b4e;
    background-color: #fff;
    -webkit-transition: .6s;
    transition: .6s
}

.order-details .payment-box .default-btn:hover {
    background-color: #fd5a0e;
    color: #fff
}

.order-details .payment-box .default-btn.order-btn {
    display: block;
    margin-top: 25px;
    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2)
}

.footer-section {
     background-image: url(../img/footer/foo.png); 
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 50px;
    }

/* .footer-section::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .9;
    right: 0;
    z-index: -1
} */

.footer-section.marketing-footer {
    background-color: #391343;
    background-image: unset;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.footer-section.marketing-footer::before {
    display: none
}

.footer-section.marketing-footer::after {
    content: "";
    position: absolute;
    top: -80px;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/8.png);
    background-position: right;
    background-repeat: no-repeat;
   
    background-size: contain;
    z-index: -1
}
.foo-box{
    background: transparent linear-gradient(180deg, #2BA395 0%, #3863A8 100%) 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 0px 34px 0px 0px;
opacity: 1;
    padding:60px;
    margin-top: -80px;
    position: relative !important;
    left:-90px !important;
    border-top-right-radius: 25px;
}
html[dir="rtl"]  .foo-box{
    background:var(--main-color);
    padding:60px;
    padding-bottom:120px;
    margin-top: -80px;
    position: relative;
    right:-73px !important;
    border-top-right-radius: 25px;
}
.form-control-new{
    background: transparent;
    border: 2px solid var(--white-color);
    margin-top: 20px;
    width:100%;
    color:var(--white-color);
    padding:20px;
}
.footer-section.marketing-footer .footer-area-content p {
    color: #d8c7e2
}

.footer-section.marketing-footer .single-footer-widget h3 {
    color: #fff
}

.footer-section.marketing-footer .single-footer-widget .footer-quick-links.address-link a {
    color: #d8c7e2;
    position: relative;
    padding-left: 40px
}

.footer-section.marketing-footer .single-footer-widget .footer-quick-links.address-link a i {
    position: absolute;
    left: 0;
    top: 0;
    color: #d8c7e2
}

.footer-section.marketing-footer .single-footer-widget .footer-quick-links.address-link a:hover {
    color: #fd5a0e;
    letter-spacing: normal
}

.footer-section.marketing-footer .single-footer-widget .footer-quick-links a {
    color: var(--white-color);
    
}

.footer-section.marketing-footer .single-footer-widget .footer-quick-links a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.footer-section.marketing-footer .single-footer-widget .social-list li.list-heading {
    color: #d8c7e2
}

.footer-section.marketing-footer .single-footer-widget .social-list li a {
    border: 1px solid #d8c7e2;
    color: #d8c7e2
}

.footer-section.marketing-footer .single-footer-widget .social-list li a:hover {
    background-color: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff
}

.footer-section.marketing-footer .copyright-area p {
    color: #d8c7e2
}

.footer-section.marketing-footer .copyright-area p a {
    color: #d8c7e2
}

.footer-section.marketing-footer .copyright-area ul li a {
    color: #d8c7e2
}

.footer-section.startup-footer {
    background-image: unset;
    position: relative
}

.footer-section.startup-footer::before {
    display: none
}

.footer-section.startup-footer .footer-area-content p {
    color: #827f8d
}

.footer-section.startup-footer .footer-area-content .default-btn {
    margin-top: 30px;
    background-color: #002c8c;
    color: #fff;
    border: 1px solid #002c8c
}

.footer-section.startup-footer .footer-area-content .default-btn:hover {
    border: 1px solid #002c8c;
    color: #002c8c;
    background-color: transparent
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links.address-link a {
    color: #827f8d;
    position: relative;
    padding-left: 40px
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links.address-link a i {
    position: absolute;
    left: 0;
    top: 0;
    color: #827f8d;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links.address-link a:hover {
    color: #fd5a0e;
    letter-spacing: normal
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links.address-link a:hover i {
    color: #fff
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links a {
    color: #827f8d
}

.footer-section.startup-footer .single-footer-widget .footer-quick-links a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.footer-section.startup-footer .single-footer-widget .social-list li.list-heading {
    color: #827f8d
}

.footer-section.startup-footer .single-footer-widget .social-list li a {
    border: 1px solid #827f8d;
    color: #827f8d
}

.footer-section.startup-footer .single-footer-widget .social-list li a:hover {
    background-color: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff
}

.footer-section.startup-footer .shape-1 {
    position: absolute;
    bottom: 90px;
    right: 40px;
    z-index: -1;
    opacity: .5
}

.footer-section.startup-footer .shape-2 {
    position: absolute;
    top: 45px;
    right: 30px;
    z-index: -1;
    opacity: .2
}

.footer-section.startup-footer .shape-3 {
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: -1;
    opacity: .5
}

.footer-section.startup-footer .shape-4 {
    position: absolute;
    bottom: 70px;
    left: 50px;
    z-index: -1;
    opacity: .5
}

.footer-section.seo-footer {
    background-image: unset
}

.footer-section.seo-footer .footer-area-content p {
    color: #827f8d
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links.address-link a {
    color: #827f8d
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links.address-link a i {
    color: #827f8d;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links.address-link a:hover {
    color: #fd5a0e;
    letter-spacing: normal
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links.address-link a:hover i {
    color: #fff
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links a {
    color: #827f8d !important
}

.footer-section.seo-footer .single-footer-widget .footer-quick-links a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.footer-section.freelancer-footer {
    background-image: unset;
    background-color: #141016
}

.footer-section.freelancer-footer::before {
    display: none
}

.footer-section.freelancer-footer .footer-area-content p {
    color: #d8c7e2;
    margin-bottom: 28px
}

.footer-section.freelancer-footer .footer-area-content .default-btn {
    background-color: #fd5a0e;
    color: #fff
}

.footer-section.freelancer-footer .footer-area-content .default-btn:hover {
    background-color: #fff;
    color: #fd5a0e;
    border-color: #fff
}

.footer-section.freelancer-footer .single-footer-widget h3 {
    color: #fff
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links.address-link a {
    color: #d8c7e2
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links.address-link a i {
    color: #d8c7e2;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links.address-link a:hover {
    color: #fd5a0e;
    letter-spacing: normal
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links.address-link a:hover i {
    color: #fff
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links a {
    color: #d8c7e2 !important
}

.footer-section.freelancer-footer .single-footer-widget .footer-quick-links a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.footer-section.freelancer-footer .copyright-area p {
    color: #fff
}

.footer-section.freelancer-footer .copyright-area p a {
    color: #fff
}

.footer-section.freelancer-footer .copyright-area ul li a {
    color: #fff
}

.modal-dialog {
    margin: auto;
    max-width: 600px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-dialog .startup-form {
    max-width: 550px;
    position: relative;
    margin: auto
}

.modal-dialog .startup-form .input-newsletter {
    display: block;
    width: 100%;
    background-color: #f1f1f1;
    border: none;
    height: 64px;
    padding-left: 25px;
    border-radius: 4px;
    padding-top: 0;
    outline: 0;
    color: #343b4e
}

.modal-dialog .startup-form .input-newsletter::-webkit-input-placeholder {
    color: #737b9a
}

.modal-dialog .startup-form .input-newsletter:-ms-input-placeholder {
    color: #737b9a
}

.modal-dialog .startup-form .input-newsletter::-ms-input-placeholder {
    color: #737b9a
}

.modal-dialog .startup-form .input-newsletter::placeholder {
    color: #737b9a
}

.modal-dialog .startup-form button {
    position: absolute;
    right: 7px;
    top: 7px;
    background-color: #fd5a0e;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    font-size: 15px;
    font-weight: 400
}

.modal-dialog .startup-form button:hover {
    background-color: #343b4e;
    color: #fff
}

.modal-dialog .startup-form button i {
    margin-left: 5px
}

.modal-dialog .modal-header .close {
    padding: 0;
    margin: 0
}

.modal-dialog .modal-body {
    padding: 50px 30px
}

.footer-area-content p {
    color: #737b9a;
    font-weight: 400;
    margin: 30px 0 0
}

.single-footer-widget {
    margin-bottom: 30px
}

.single-footer-widget h3 {
    margin-bottom: 30px;
    color:var(--white-color);
    font-weight:600;
    position: relative;
    font-size: 20px
}

.single-footer-widget .footer-quick-links {
    padding-left: 0;
    margin-bottom: 0
}

.single-footer-widget .footer-quick-links li {
    list-style-type: none;
    font-size:var(--heading-h6);
      padding-bottom: 15px;
    color:#a6a6a6;
    }

.single-footer-widget .footer-quick-links li:last-child {
    padding-bottom: 0
}

.single-footer-widget .footer-quick-links a {
    color:#A6A6A6;
       -webkit-transition: .5s;
    transition: .5s
}

.single-footer-widget .footer-quick-links a:hover {
    color: #fd5a0e;
    letter-spacing: 1px
}

.single-footer-widget .footer-quick-links.address-link li {
    padding-bottom: 0
}

.single-footer-widget .footer-quick-links.address-link a {
    color: #a6a6a6;
    position: relative;
    font-weight:500;
    padding-left: 40px;
    display: block;
    margin-bottom: 20px
}

.single-footer-widget .footer-quick-links.address-link a i {
    position: absolute;
    left: 0;
    top: -3px;
    color: #737b9a;
    width: 30px;
    height: 30px;
    border: 1px solid #737b9a;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.single-footer-widget .footer-quick-links.address-link a:hover {
    color: #fd5a0e;
    letter-spacing: normal
}

.single-footer-widget .footer-quick-links.address-link a:hover i {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.single-footer-widget .social-list {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 25px
}

.single-footer-widget .social-list li {
    display: inline-block
}

.single-footer-widget .social-list li.list-heading {
    color: #737b9a;
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 400
}

.single-footer-widget .social-list li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: 0 0;
    border: 1px solid #737b9a;
    color: #737b9a;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition: .5s
}

.single-footer-widget .social-list li a:hover {
    background-color: #fd5a0e;
    border: 1px solid #fd5a0e;
    color: #fff
}

.copyright-area {
    margin-top: 40px;
    border-top: 1px solid #eee;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 25px
}

.copyright-area p {
    color: #737b9a;
    font-weight: 500
}

.copyright-area p a {
    color: #737b9a;
    display: inline-block;
    font-weight: 500
}

.copyright-area p a:hover {
    color: #fd5a0e
}

.copyright-area ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: right
}

.copyright-area ul li {
    display: inline-block;
    color: #737b9a;
    font-size: 15px;
    position: relative;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px
}

.copyright-area ul li a {
    display: inline-block;
    color: #737b9a
}

.copyright-area ul li a:hover {
    color: #fd5a0e
}

.copyright-area ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    right: -13px;
    width: 1px;
    height: 14px;
    background-color: #a0a0a0
}

.copyright-area ul li:last-child {
    margin-right: 0
}

.copyright-area ul li:last-child::before {
    display: none
}

.copyright-area ul li:first-child {
    margin-left: 0
}

.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #fff;
    background-color: var(--main-color);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
    border-radius: 50%
}

.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #343b4e;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%
}

.go-top:hover,
.go-top:focus {
    color: #fff
}

.go-top:hover::before,
.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.sidebar-modal {
    position: relative
}

.sidebar-modal .navbar-nav li a {
    padding: 10px 0 10px 15px
}

.sidebar-modal .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.sidebar-modal .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: none;
    background-color: #fff
}

.sidebar-modal .modal.right .modal-body {
    padding: 30px
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget {
    margin-bottom: 35px
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    color: #343b4e
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title::before {
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 70px;
    height: 2px;
    border-radius: 5px;
    background: #343b4e;
    content: ''
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget:last-child {
    margin-bottom: 0
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li {
    margin-bottom: 10px
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li:last-child {
    margin-bottom: 0
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a:hover {
    color: #343b4e
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li {
    position: relative;
    font-weight: 700;
    padding-left: 45px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    color: #343b4e
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li span {
    font-size: 13px;
    display: block;
    font-weight: 400;
    color: #818992;
    margin-top: 5px;
    text-transform: initial
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li i {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px dashed #fd5a0e;
    border-radius: 50%;
    color: #fd5a0e;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 24px;
    font-size: 29px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li i::before {
    margin-left: 0;
    font-size: 15px
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:hover i {
    color: #fff;
    border-color: #fd5a0e;
    background: #fd5a0e
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:last-child {
    margin-bottom: 0
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list {
    text-align: left
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li {
    display: inline-block;
    padding-right: 5px
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i {
    width: 25px;
    height: 25px;
    border: 1px dashed #fd5a0e;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    color: #fd5a0e;
    font-size: 12px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i:hover {
    color: #fff;
    background-color: #fd5a0e;
    border-color: #fd5a0e
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li:hover {
    color: #fff
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a:hover {
    color: #fff
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget img {
    margin-bottom: 20px
}

.sidebar-modal .modal.right.fade.show .modal-dialog {
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sidebar-modal .modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sidebar-modal .modal-header {
    display: inline;
    padding: 0;
    border: none
}

.sidebar-modal .modal-header .close {
    height: 30px;
    width: 30px;
    color: #343b4e;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: none;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px
}

.sidebar-modal .modal-header .close i::before {
    margin-left: 0;
    font-size: 20px
}

.sidebar-modal .modal-header h2 {
    background-color: #f3f3f3;
    padding: 30px 25px
}

.sidebar-modal button:focus {
    outline: 0
}

.seo-blog-section .blog-title-two {
    text-align: center;
    margin-bottom: 50px
}

.seo-blog-section .blog-title-two span {
    font-size: 15px;
    color: #3e435e;
    font-weight: 400;
    margin-top: -5px;
    display: block
}

.seo-blog-section .blog-title-two h3 {
    font-size: 36px;
    margin: 5px 0 10px;
    color: #3f3360
}

.seo-blog-section .single-blog {
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.seo-blog-section .single-blog .blog-image {
    position: relative;
    background-color: #ffe6db;
    text-align: center;
    padding: 20px
}

.seo-blog-section .single-blog .blog-image .blog-bate {
    position: absolute;
    bottom: -10px;
    left: 20px;
    background-color: #fd5a0e;
    padding: 10px 20px;
    text-align: center
}

.seo-blog-section .single-blog .blog-image .blog-bate span {
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 1
}

.seo-blog-section .single-blog:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.seo-blog-section .single-blog-item .blog-content {
    padding: 30px 20px 20px;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background-color: #fff
}

.seo-blog-section .single-blog-item .blog-content .admin {
    font-size: 12px;
    margin-bottom: 18px;
    display: block
}

.seo-blog-section .single-blog-item .blog-content .admin i {
    margin-right: 5px
}

.seo-blog-section .single-blog-item .blog-content .blog-link h3 {
    font-size: 20px;
    color: #3e435e;
    margin-bottom: 18px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.seo-blog-section .single-blog-item .blog-content .blog-link:hover h3 {
    color: #fd5a0e
}

.seo-blog-section .single-blog-item .blog-content .read-more i {
    font-size: 12px
}

.inner-team {
    background-color: #fff
}

.inner-team::before {
    display: none
}

.inner-team::after {
    display: none
}

.inner-update-section::before {
    display: none
}

.inner-update-section::after {
    display: none
}
.accordion-header{
    border: 1px solid rgba(0,0,0,.125);
}
.accordion-item{
    border: none !important;
    padding-top: 3rem;
}
.accordion-button:not(.collapsed){
    color:var(--white-color) !important;
    background:var(--main-color);
}
html[dir="rtl"] .accordion-button:not(.collapsed){
    color:var(--white-color) !important;
    background:var(--main-color);
}
.accordion-body{
    background: var(--sub-color);
}
.des h2{
    color: var(--main-color);
    font-size: 20px;
}
.des h2{
    color: var(--main-color);
    font-size: 20px;
}
.des h1{
    color: var(--main-color);
    font-size: 20px;
}
.des h3{
    color: var(--main-color);
    font-size: 20px;
}
.des h4{
    color: var(--main-color);
    font-size: 20px;
}
.des h5{
    color: var(--main-color);
    font-size: 20px;
}
.des h6{
    color: var(--main-color);
    font-size: 20px;
}
.des p{
    font-size: var(--heading-h6);
    font-weight:400;
    color:var(--career-para);
}
.sub-loc{
    color: var(--main-color);
    font-weight:400;
    font-size: var(--para-font);
}
.new-acc h3{
 font-weight:900;
letter-spacing: 0px;
color: #303030;
text-transform: capitalize;
}
.accordion-button:focus{
    border-color: var(--main-color) !important;
    box-shadow:none!important;
}
.accordion-button:not(.collapsed) p{
    color:var(--white-color);
   }
   .btn-model{
    background-color:#CA3856;
    color:var(--white-color);
    border-radius:25px;
    display: inline-block;
    color: var(--white-color);
    padding: 5px 30px 5px 10px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
        -webkit-transition: .5s;
    transition: .5s;
        border: 1px solid var(--main-color);
    position: relative;
      }
      .btn-blue{
        background-color:var(--primary-color);
        color:var(--white-color);
              display: inline-block;
        color: var(--white-color);
        padding:15px;
        width:50%;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
            -webkit-transition: .5s;
        transition: .5s;
            border: 1px solid var(--main-color);
        position: relative;
          }
          .btn-blue:hover{
            background: var(--main-color);
            color:var(--white-color) !important;
            font-weight: 700;
          }
   html[dir="rtl"] .btn-model{
    background-color: var(--main-color);
    color:var(--white-color);
    border-radius:25px;
     }
   .file-upload-wrapper{position: relative;
    width: 100%;
    height: 60px;
    padding-bottom: 10px;
    background: #EFEFEF;
}
input[type=number] {
  -moz-appearance: textfield;
}
html[dir="rtl"] input[type=number] {
    -moz-appearance: textfield;
    direction: rtl;
}
.file-upload-wrapper:before {
    content: "browse";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    background:var(--main-color);
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 20px;
}
input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.input-group{
    background: #e9ecef;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.btn-model2{
    width:90%;
    background: var(--main-color);
    color: var(--white-color);
    margin-top: 1rem;
    padding:10px;
    border-radius: 25px;

}
html[dir="rtl"] .btn-model2{
    width:90%;
    background: var(--main-color);
    color: var(--white-color);
    margin-top: 1rem;
    padding:10px;
    border-radius: 25px;

}
.modal-title{
    text-align:center !important;
    border-bottom:none !important;
}
.form-controll{
    background:var(--sub-color);
    border-radius: 10px;
    border: none;
      padding: 12px;
    width:100%;
  }
#contactForm label{
    padding-top: 15px;
    padding-bottom:20px;
    color: #070606;
opacity: 1;
    font-weight:400;
}
#careerForm label{
    padding-top: 15px;
    padding-bottom:20px;
    color: #070606;
opacity: 1;
    font-weight:400;
}
html[dir="rtl"] .contact-area .contact-form form .form-group{
  text-align:right !important;
}
.form-control-file{
margin-top:1rem;
}

.modal-header h5{
    text-align: center !important;
    position: relative;
    left:30%;
}
html[dir="rtl"] .modal-header h5{
    text-align: center !important;
    position: relative;
    left:0%;
}
html[dir="rtl"] input[type=email]::placeholder{
text-align: right;
}
.box{
    background: var(--main-color);
    padding-left:30px;
    padding-right:30px;
    padding-top:50px;
    padding-bottom:50px;
}
html[dir="rtl"] .box{
    background: var(--main-color);
    padding-left:50px;
    padding-top:30px;
    padding-right:50px;
    padding-bottom:30px;
}
.contactForm::placeholder {
    text-align: left;
letter-spacing: 0px;
font-weight:300;
font-size:var(--heading-h6) !important;
color: #8F8F8F !important;
  }
 html[dir="rtl"] .contactForm::placeholder {
    text-align:right;
letter-spacing: 0px;
font-weight:300;
font-size:var(--heading-h6) !important;
color: #8F8F8F !important;

  }
  
  .box h5{
   
    padding-bottom: 10px;
    font-weight:500;
    font-size: var(--heading-h6);
    color: #FBFBFB;
  }
  .box h4{
        padding-bottom: 30px;
    font-weight:500;
    font-size: var(--heading-h5);
    color: #FBFBFB;
  }
  .li span{
    list-style: none;
    font-weight:500;
       font-size: var(--para-font);
       color: #FBFBFB;
  }
  /* .li{
    list-style: none;
    margin-left:
     } */
     html[dir="rtl"] .li{
       position: relative;
       left:30px;
         }
     .li li{
        line-height:2;
       
      
     }
  .li i{
    color:var(--white-color);
    font-size: var(--heading-h5);
    font-weight:400;
  }
  .social-list li {
   display:inline-block;  
   margin-top:10px; 
  }
  
  .social-listt li {
    display:inline-block;  
   }
   html[dir="rtl"] .social-listt li {
    display:inline-block;
    position: relative;
    left:55px;  
   }
   .social-listt li i{
    color:var(--white-color) !important;
    font-size: var(--heading-h6);
    background: transparent;
    border-radius: 50%;
    padding: 15px;
   position: relative;
   left:-30px;
    border:1px solid var(--main-color);
}
 html[dir="rtl"] .social-listt li i{
    color:var(--white-color) !important;
    font-size: var(--heading-h6);
    background: transparent;
    border-radius: 50%;
    padding: 13px;
   position: relative;
   left:-30px;
    border:1px solid var(--main-color);
}

.social-listt li i:hover{
    background:var(--main-color);
}
.social-listt h3{
    position: relative;
    left:-30px;
 padding-top:20px;
}
html[dir="rtl"] .social-listt h3{
    position: relative;
    left:30px;
 padding-top:20px;
}

  .social-list li a{
                   display: block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        transition: .6s;
           
}
.social-list  li .fab{
    font-size: 18px;
    line-height: 35px;
    transition: .3s;
    color: #000 !important;
}


html[dir="rtl"] .social-list li a{
    display: block;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #fff;
text-align: center;
transition: .6s;

}
html[dir="rtl"] .social-list  li .fab{
font-size: 18px;
line-height: 35px;
transition: .3s;
color: #000 !important;
}


.social-list li a:hover{
background: var(--primary-color);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  z-index: 1;
  width: 40px;
  height: 40px;
  background-color:transparent;
  border-radius: 50%;
  position: absolute;
  top: 45%;
  transform: translatey(-50%);
}

.owl-nav button span {
  font-size: 30px;
  height: 100%;
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav button.owl-prev {
  left: -50px;
}
.owl-carousel .owl-nav button.owl-next {
  right: -50px;
}
.owl-carousel .owl-nav {
  margin: 0;
}
.cli img{
    width:130px !important;
    height:90px !important;
}

    .set.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
       background:var(--main-color);
                   border-radius:0px;
                   padding:50px;
                   border:none !important;
    }
    html[dir="rtl"] .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
        background:var(--main-color);
        color: var(--white-color);
                
     }
     .set{
        position: relative;
        top:-75%;
     }
    .set.nav-pills .nav-link{
   background:var(--primary-color);
        color:var(--white-color);
    font-weight: 600;
    border:none !important;
    height: 120px;
    width:220px;
    font-size: var(--heading-h4);
    }
    html[dir="rtl"] .nav-pills .nav-link{
        width:240px;
        color:var(--white-color);
        font-weight: 600;
        padding:20px;
             font-size: var(--heading-h4);
             top: -43px;
    position: relative;
        }
        
    .add{
        color:var(--white-color);
        font-size: var(--para-font);
        padding-top: 10px;
    }
    .common-head{
        text-align: left;
        color:var(--com-para);
        letter-spacing: 0px;
        font-weight: 900;
        font-size:25px;
        color: #000000;
        opacity: 1;
    }
    .common-head span{
        text-align: left;
        color:var(--com-para);
        letter-spacing: 0px;
        font-weight:400;
        color: #000000;
        opacity: 1;
    }
    .common-second-head{
        font-weight:400;
        color:#303030;
        font-size: var(--heading-h2);
        padding-top:50px;
        
    }
    .about-up{
        color: var(--white-color);
        padding: 20px;
        font-size: var(--heading-h6);
    }
    .about-para{
        color: var(--career-para);
        font-weight:400;
        font-size:var(--heading-h6);
    }
    .shapeone{
        position: relative;
        left:99%;
        animation: zoom-in-zoom-out 10s ease infinite;
    }
   
    @keyframes zoom-in-zoom-out {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(0.9);
      }
      70% {
        transform: scale(1);
      }
    
    }
    .shapetwo{
       padding-top:20px;
       animation: zoom-in-zoom-out 10s ease infinite;
    }
    .shapethree{
        padding-top:20px;
        position: relative;
        left:50%;
        animation: zoom-in-zoom-out 10s ease infinite;
     }
     .img-greyscale:hover{
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
     }
     .img-greyscale{
        animation: pulse 4s linear infinite;
     }
     .img-greyscale2{
        height:400px !important;
        animation: pulse 4s linear infinite;
    }
    
    @-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
       -webkit-transform: scale(0.8);
       transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
       transform: scale(1);
    }
}
     .img-greyscale2:hover{
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
     }
         .btn-sub{
        border: 2px solid var(--white-color);
        color: var(--white-color);
     margin-top: 20px;
     border-radius:50px;
     padding:10px;
     display: inline-block;
     width:100%;
     text-align: center;
     }
     html[dir="rtl"] .btn-sub{
        border: 2px solid var(--white-color);
        color: var(--white-color);
     margin-top: 20px;
     border-radius:50px;
     padding:20px;
     display: inline-block;
     width:100%;
     text-align: center;
     }
     .foo-box h3{
color:var(--white-color);
font-weight:400;
     }
     .foo-box ::placeholder{
        color: var(--white-color);
     }
    html[dir="rtl"] .foo-box ::placeholder{
        color: var(--white-color);
     }
     .copyright{
        color:var(--white-color);
        font-size: var(--para-font);
        font-weight:400;
     }
     .lets{
        color:var(--white-color);
        padding:20px;
     }
     .talk-form input::placeholder{
color:var(--white-color);
     }
     .ach{
        background:#F4F3F3;
        padding:50px;
     }
     .line{
        position: relative;
        top: -7px;
        left:38%;
        border:2px solid var(--main-color);
        width:5%;
        opacity:1;
                background:var(--main-color);
            }
           html[dir="rtl"] .line {
                position: relative;
                top: -7px;
                left: -59%;
                border: 2px solid var(--main-color);
                width: 5%;
                opacity: 1;
                background: var(--main-color);
            }
            
            html[dir="rtl"] .line2 {
                position: relative;
                top: -7px;
                left: -45%;
                border: 2px solid var(--main-color);
                width: 10%;
                opacity: 1;
                background: var(--main-color);
            }
            
            .line-yellow{
                position: relative;
                top:20%;
                left:-18%;
                border:3px solid var(--primary-color);
                width:60%;
                opacity:1;
                        background:var(--primary-color);
            }
            .line2{
                position: relative;
                top: -7px;
                left:44%;
                border:1px solid var(--main-color);
                width:15%;
                opacity:1;
                        background:var(--main-color);
                    }
                    .linee{
                        position: relative;
    top: -7px;
    left: 40%;
    border: 1px solid var(--main-color);
    width: 7%;
    opacity: 1;
    background: var(--main-color);
}
                    .line3{
                        position: relative;
                        top: -7px;
                        left:42%;
                        border:2px solid var(--main-color);
                        width:5%;
                        opacity:1;
                                background:var(--main-color);
                            }
.upcoming{
    background: var(--black-color);
    height:400px;
    padding-top:40px;
}
.upcom{
    color:#D5D5D5;
    font-size: var(--heading-h2);
    font-weight: 500;
    line-height:1.8;

}
.btn-get{
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 12px 25px;
    font-size:var(--heading-h3);
    font-weight: 500;
     -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50px;
    border: 1px solid var(--main-color);
    position: relative; 
}
.btn-get-upcoming{
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    padding: 12px 35px;
    font-size:var(--heading-h5);
        font-weight: 500;
     -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50px;
    border: 1px solid var(--main-color);
    position: relative; 
}

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	position: relative;
    left:70px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}
html[dir="rtl"] figure.effect-lily img {
    left:auto;
}
figure.effect-lily img::before {
    position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; 
} 


figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

 figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
    color:var(--white-color);
    position: relative;
    top:-150px;
    left:20px;
}

html[dir="rtl"] figure.effect-lily h2{
    left:0px;
}
html[dir="rtl"] figure.effect-lily p {
	    left:0px;
}
figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
} 

/* figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
} */

/* figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
} */

/* figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
} */

.news-block{
    background: #F1F1F1;
padding:30px;
margin-top:2rem;
}
html[dir="rtl"] .news-block {
    background: #F1F1F1;
    padding: 30px;
    position: relative;
    left:-4%;
    margin-top: 2rem;
}

.news-block p{
color:var(--career-para);
padding-bottom:20px;
font-size:var(--heading-h6);
}
 .news.owl-theme .owl-dots{
    position: absolute;
    top: 80%;
    right:20%;
} 
.news.owl-theme .owl-dots .owl-dot span{
background:var(--primary-color) !important;
opacity:0.5;
}
.news.owl-theme .owl-dots .owl-dot.active span{
background: var(--primary-color) !important;
opacity:1 !important;
height: 11px;
width: 40px;
border-radius:30px !important;
font-size: var(--heading-h4);
}

.news_events.owl-theme .owl-dots .owl-dot span{
background:var(--main-color) !important;
opacity:0.5;
}
.news_events.owl-theme .owl-dots .owl-dot.active span{
background: var(--main-color) !important;
opacity:1 !important;
height: 11px;
width: 40px;
border-radius:30px !important;
font-size: var(--heading-h4);
}

.news-event{
    padding:40px;
}
.event-mark h2{
font-size:var(--heading-h3);
font-weight:400;
padding:10px;
margin-top:17px;
}
.event-mark img{  
position: relative;
    left: 20px;
    top: 20px;

    }
    html[dir="rtl"] .event-mark img {
        position: relative;
        left: -20px;
        top: 0px;
        width: 100px !important;
        height: 100px !important;
    }
    
.event-mark img:hover{
    animation: beat 1.15s ease-in-out infinite;
}
@keyframes beat {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.2);
	}
	38% {
		transform: scale(1);
	}
}


.event-mark:hover{
    background-color: #fff;
    
       color: var(--main-color);
             -webkit-box-shadow: 0 10px 40px 0 rgb(222 222 222 / 52%);
    box-shadow: 0 10px 40px 0 rgb(222 222 222 / 52%);
}
.em-con{
    height:450px;
}
.m-para{
    text-align: left;
font-size:var(--para-font);
font-weight: 400;
letter-spacing: 0px;
padding-top:10px;
color: #030303;
opacity: 0.8;
}
.event-ser h2{
    font-size:var(--heading-h3);
    font-weight:400;
          }
   
.top-m{
 margin-top:40px;
}
.tog{
    position: relative;
    top:55px;
    left:-90px;
    width:200px;
    height:80px;
    margin-top: 23px;
    margin-bottom:40px;
}
@-webkit-keyframes drawIn {
    0% {
      stroke: transparent;
      stroke-dashoffset: 10000;
    }
    75% {
      stroke: white;
    }
  }
  @keyframes drawIn {
    0% {
      stroke: transparent;
      stroke-dashoffset: 10000;
    }
    75% {
      stroke: white;
    }
  }
  .contact-form ::placeholder{
color: #8F8F8F !important;
opacity: 1;
font-size: var(--para-font);
  }
 
  #Path_24817{
     stroke: white;
    stroke-dasharray: 10000;
    -webkit-animation: drawIn 2.5s 1s ease-in both infinite;
            animation: drawIn 2.5s 1s ease-in both infinite;
  }
#Group_49914{
    stroke: white;
    stroke-dasharray: 10000;
    -webkit-animation: drawIn 2.5s 1s ease-in both infinite;
            animation: drawIn 2.5s 1s ease-in both infinite;
  }
  .event{
    background: #E8E8E8 0% 0% no-repeat padding-box;
opacity: 1;
padding-top:120px;
padding-bottom:120px;
  }
  .barcode3{
    list-style: none;
    padding: 0;
      
  }
  .barcode3 li {
    padding-left: 1.3em;
    font-size: var(--heading-h5);
      font-weight:700;
      line-height:1.7;  
      height:130px;
  }
  
  .barcode3 li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    font-size: var(--heading-h3);
    color:var(--main-color);
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
  }
  html[dir="rtl"] .barcode3 li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    font-size: var(--heading-h3);
    color:var(--main-color);
    margin-left: 0px; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
  }
  .map{
    width:100%;
    height:300px;
  }
  .barcode2{
    list-style: none;
    padding: 0;
    line-height:1.8;    
  }
  .barcode2 li {
    padding-left: 1.3em;
    font-size: var(--heading-h5);
      font-weight:700;
      height:100px;
  }
  
  .barcode2 li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    font-size: var(--heading-h3);
    color:var(--main-color);
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
  }
  html[dir="rtl"] .shape-w {
display: none;
  }
  html[dir="rtl"] .line-yellow {
    position: relative;
    top: 20%;
    left:8px;
    border: 3px solid var(--primary-color);
    width: 60%;
    opacity: 1;
    background: var(--primary-color);
}
  html[dir="rtl"] .barcode2 li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    font-size: var(--heading-h3);
    color:var(--main-color);
    margin-left: 0px; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
  }
  .modal-tit{
    text-align: left;
  }
  .modal-dia{
    max-width:650px !important;
  }
  .modal-dia2{
    max-width:700px !important;
  }
  .modal-header .set{
position: relative;
left:-5px;
top:-40px;
  }
  .red:hover{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
    
    30%, 50%, 70% {
      transform: translate3d(-2px, 0, 0);
    }
    40%, 60% {
      transform: translate3d(2px, 0, 0);
  }
  }
  .event-ser h2:hover{
color:var(--primary-color);
  }
  .lo{
margin-left:1rem;
padding-top:3rem;
  }
  .lo img{
    width: 100%;

    height: auto;
  }
/**********************************/
/********** Effect #7 CSS *********/
/**********************************/
.effect-7 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.effect-7 .effect-img {
    position: relative;
    font-size: 0;
    overflow: hidden;
    
}

.effect-7 .effect-img img {
    position: relative;
    width: 100%;
    height: auto;
    transform: scale(1.2);
    left: -35px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
    transition: .5s;
}

.effect-7:hover .effect-img img {
    transform: scale(1.2);
    left: 0;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.effect-7 .effect-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: rgba(0, 0, 0, .1);
    transition: .5s;
}

.effect-7 .effect-text h2 {
    position: relative;
    color: #ffffff;
    font-size: 25px;
    text-shadow: 0px 7px 4px #00000094;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.effect-7 .effect-text h2::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    left: 0;
    bottom: 0;
    background:var(--primary-color);
    transition: .5s;
}
html[dir="rtl"] .effect-7 .effect-text h2::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    right: -1px;
    bottom: 0;
    background:var(--primary-color);
    transition: .5s;
}
.effect-7 .effect-text p {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    margin: 0;
    left: calc(-100% - 30px);
    opacity: 0;
    transition: .5s;
}

.effect-7 .effect-text:hover h2::after {
    width: 100%;
}

.effect-7 .effect-text:hover p {
    left: 0;
    opacity: 1;
}

.twitter-timeline{
    box-shadow: 0 10px 40px 0 rgb(222 222 222);
}
   .lo img:hover  {
    transform: scale(1.2);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.lo img {
    transition: all 0.4s ease-in-out;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.mission{
    font-size: var(--heading-h6);
line-height:1.8;
padding-top: 40px;
}
.shape img{
    position: relative;
        top:-290px;
        left:190px;
    width:140px;
    height:140px;
}
html[dir="rtl"] .shape img{
    position: relative;
        top:-290px;
        left:-151px;
    width:140px;
    height:140px;
}
.event-management{
    padding-top: 60px;
}
.video-background-holder {
    position: relative;
    background-color: black;
    height: calc(100vh - 72px);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  .video-background-holder video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  .video-background-content {
    position: relative;
    z-index: 2;
  }
  
  .video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
  }
  .visi{
    width:400px;
    height:400px;
  }
  .visi:hover{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  .green
    {
        animation: float 6s ease-in-out infinite;
        /* animation: shake 2s cubic-bezier(.36,.07,.19,.97) both infinite;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000px;
        animation-iteration-count: 5; */
      }
      
      @keyframes shake {
        10%, 90% {
          transform: translate3d(-1px, 0, 0);
        }
        
        20%, 80% {
          transform: translate3d(2px, 0, 0);
        }
      
        30%, 50%, 70% {
          transform: translate3d(-4px, 0, 0);
        }
      
        40%, 60% {
          transform: translate3d(4px, 0, 0);
        }
      }
  
  html[dir="rtl"] .green{
position: relative;
left:-30%;
transform: rotate(90deg);
  }
  html[dir="rtl"] .shapethree {
    padding-top: 20px;
    position: relative;
    left: -0%;
    animation: zoom-in-zoom-out 10s ease infinite;
}
html[dir="rtl"] .enp{
text-align:right;
}
.enp{
    font-size:var(--heading-h3);
}
.modal-header{
    border:none;
}
.modal-dia2 .modal-header{
    border:none;
    padding: 0 20px 0px 0;
}
.close-set {
    position: relative;
    left: 40rem;
    top: -120px;
}
.modal_para{
    padding: 40px 0 40px 20px;
}

/* .red{
    width:50px !important;
    height:50px !important;
} */
.con-head{
    padding-top:20px;
    padding-bottom:20px;
    font-size:var(--heading-h3);
    font-weight:600;
}

  @media only screen and (max-width: 1199px) and (min-width: 320px){
      .vis {
    font-size: 80px !important;
    font-weight: 800;
    margin-top: -91px !important;
    color: var(--white-color);
}
      .page-title-area2::before {
    position: absolute;
    content: "";
    height: 116% !important;
    margin-top: -114px;
    width: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    opacity: .4;
    z-index: -1;
}
      .wh-cd{
          display: none;
      }
      .box2{
          margin-top:15px;
      }
      .bac-color{
                    padding:0px !important;
                }
      .switch_sec .nav-link {
    border-radius: 50%;
    width: 50px;
    height: 45px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
    right: -10px;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    top: 0px !important; 
    list-style: none !important;
}
      .header-transparent .navbar{
          line-height:46px !important;
      }
      .whitex{
          margin-top: 30px;
      }
      .page-title-area2{
          background-size: cover !important;
      }
    .head-c{
text-align:center;
    }
    .btn-blue{
margin-left:27%;
    }
    .top-services-area .top-services-content2{
        margin-bottom:30px;
    }
    .neww.owl-theme .owl-nav.disabled+.owl-dots{
        position:absolute;
        top:200px !important;
    }
   
.navbar-dark .navbar-toggler-icon{
        background-image:url(../img/icon/icon.png) !important;
    } 
    .succ{
        margin-top:70px !important;
    }
    .set{
        position: relative;
        top:30px;
    }
    .page-title-area{
height:500px !important;
background-size: cover !important;

    }
    .lott{
        display:none;
    }
    .li-ii{
        display: none;
    }
    .li-i{
        display: none;
    }
    .box-sh3 {
        position: relative;
        top:-20px !important;
    }
    .box-sh2 span{
        position: relative;
        font-size:20px !important;
        top: 190px !important;
    }
    .box-sh3 span{
        position: relative;
        font-size:20px !important;
        top: 220px !important;
    }
    .box-sh span{
        position: relative;
        font-size:20px !important;
        top: -40px !important;
    }
    .top-s{
        padding-top:0px !important;
    }
    .m-img{
        margin-left:2rem;
        width:150px;
        padding-top:20px;
        height:150px;
    }
    .shapew{
        display:none;
    }
    .lo{
        padding-top:0px;
    }
    .bas{
        height: 400px;  
    }

      .news.owl-theme .owl-dots, .owl-theme .owl-nav{
    position: absolute;
    top:98%;
    right:20%;
} 
    .bg-video-wrap h1 {
        text-align: center;
        color: #fff;
        position: absolute;
        top: -40%;
        bottom: 0;
        left: -0% !important;
        right: 0;
        margin: auto;
        z-index: 3;
        max-width: 400px;
        width: 100%;
        height: 50px;
    }
    .upcoming {
        background: var(--black-color);
        height: 600px;
        padding-top: 40px;
    }
    .talk-form form .form-control {
        height: 50px;
        width:100%;
            padding: 10px;
        font-size: var(--para-font);
        color: var(--white-color);
        border: 3px solid #FBFBFB;
border-radius: 8px;
                background: transparent;
        -webkit-transition: .5s;
        transition: .5s;
    }
    .single-footer-widget h3 {
        margin-bottom: 15px;
        padding-top:15px;
    }
    .lets{
        padding-top:20px;
    }
    #Group_49915{
margin-left:-60px;
margin-top:-20px;
    }
    .client-content-area{
padding:0px !important ;
    }
    .drop{
        padding-top:20px;
    }
    .modal-dia2 .modal-header{
        padding: 40px 0 0 0;
    }
    .close-set{
        position: relative;
        left: 22rem;
        top: -22.5rem;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        display: none;
    }
    html[dir="rtl"] .event-mark img {
        position: relative;
        left: -80px;
        top: -20px;
    }
    html[dir="rtl"] .nav-pills .nav-link{
        width:240px;
        color:var(--white-color);
        font-weight: 600;
        padding:20px;
        /* border-radius:50px; */
        border: 1px solid var(--black-color);
        font-size: var(--heading-h4);
        }
    html[dir="rtl"] .cli img {
        width: 160px !important;
        height: 90px !important;
        position: relative;
        left: 300px;
    }
    .nav-pills{
        border:none;
    }
    html[dir="rtl"] .foo-box{
        position: relative;
        right:0% !important;
    }
.event-ser{
    margin-left:20px;

}
.event-ser h2{
padding:20px;
text-align: center;
}

html[dir="rtl"] .enp{
    margin-left:20px;
     text-align: right;
    }
    html[dir="rtl"] .sound{
     position: relative;
     left:80%;
        }
.red{
    position: relative;
    left:120px;
    width:80px;
}
.tog {
    left:0px;
}
html[dir="rtl"] .red {
    position: relative;
    left: -90px;
}
.top-m{
    margin-top:0px;
}
.event-mark img{
    position: relative;
    left:80px;
    top: -20px;
    width:80px;
}
.line2{
width:20%;
position: relative;
left:35%;
}
.line{
    width:20%;
}
.event-mark h2{
padding:0px;
margin-top:10px;
text-align: center;
}
.event-mark .row{
    padding-bottom:40px;
}
.event-mark:hover{
    background:none;
    box-shadow: none;
}
.default-btn {
    padding: 10px 15px;
    font-size: var(--heading-h4);
    display: inline-block;
    width: 100%;
    text-align: center;
}
.default-btn3{
    padding: 10px 15px;
    font-size: var(--heading-h4);
    display: inline-block;
    width: 100%;
    text-align: center;
}
.io{
    display:none !important;
}
.btn-get{
   padding: 20px 25px;
    font-size: var(--heading-h4);
    display: inline-block;
    width: 80%;
    text-align: center;
}
.btn-get-upcoming{
    padding: 20px 25px;
     font-size: var(--heading-h4);
     display: inline-block;
     width: 80%;
     text-align: center;
 }
.default-btn4{
    padding: 10px 15px;
    font-size: var(--heading-h4);
    display: inline-block;
    width: 100%;
    text-align: center;
}


.common-head{
    padding-top:20px;
}
.effect-lily img{
    width:400px;
    height:500px;
}
.foo-box{
    position: relative;
    left:0px !important;
}

.shapeone{
    position: relative;
    left:-20px;
}
.cli img {
    width: 160px !important;
    height: 90px !important;
    position: relative;
    left: 110px;
}
.update-title h3{
    font-size: var(--heading-h1) !important;
}
.about-up{
    font-size:var(--heading-h5);
}
.owl-carousel .owl-nav button.owl-next{
    right: -10px;
}
.shapethree{
    position: relative; 
     left: 0%;
}
.visi{
   position: relative;
   left:0px;
   width:300px;
}
html[dir="rtl"] .visi{
    position: relative;
    left:-40px;
 }
 
.green{
    display: none;
}
.shapeone{
    display: none;
}
.navbar-area-two.is-sticky{
    background:var(--black-color)!important;
}
.navbar-area-two{
    background:var(--black-color) !important;
}
figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    color: var(--white-color);
    position: relative;
    top: -90%;
    left: 40px;
}
figure.effect-lily h2{
    position: relative;
    top: -90%;
    left: 40px;
}
.news-img{
    margin-left:-27px;
}
.lo img {
    width: 220px !important;
    height: 180px;
    position: relative;
    left:-20px;
    margin-bottom:0px;
    /* padding-bottom: 0px; */
}
html[dir="rtl"] .lo img {
    width: 220px !important;
    height: 180px;
    position: relative;
    left: 0px;
    margin-bottom: 40px;
    /* padding-bottom: 0px; */
}
.shape-w {
   display:none;
}
html[dir="rtl"] .barcode2 li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    font-size: var(--heading-h3);
    color: var(--main-color);
    margin-left: 1.3em;
    width: 1.3em;
}
.page-title-content2 h1{
    position: relative;
    left:0px;
}
.con{
    width:350px !important;
}
  }
  .owl-item.center .item img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    background-color:var(--white-color);
       -webkit-box-shadow: 0 10px 40px 0 rgb(222 222 222 / 52%);
    box-shadow: 0 10px 40px 0 rgb(222 222 222 / 52%);
    padding:10px;
}
/* h1 .char {
	--delay: calc((var(--char-index) + 1) * 400ms);
	animation: breathe 4000ms infinite both;
	animation-delay: var(--delay);
}

h1:hover span {
	animation-play-state: paused;
}

@keyframes breathe {
	0% {
		font-variation-settings: 'wght' 100, 'wdth' 85;
		font-size: 10vw;
	}
	60% {
		font-variation-settings: 'wght' 700, 'wdth' 100;
		font-size: 11vw;
	}
	
	100% {
		font-variation-settings: 'wght' 100, 'wdth' 85;
		font-size: 10vw;
	}
} */
.back-img{
    width: calc(100% - 560px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 30px 15px 0;
    background:url(../img/client/em.png);
}
#message::placeholder{
    color: var(--white-color);
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
  }
  .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
  }


  html[dir="rtl"] .accordion-button:not(.collapsed)::after{
  
  display: none !important;
  }
  html[dir="rtl"] .accordion-button::after{
    display: none !important;
  }
 .accordion-button:not(.collapsed)::after{
  
    display: none !important;
    }
 .accordion-button::after{
      display: none !important;
    }
    .navbar-dark .navbar-nav .nav-link{
        font-weight:500;
        font-size:16px;
        color: #020202 !important;
                padding-left: 20px;
            }
            .navbar-brand {
                padding-top: 20px;
                padding-bottom:20px;
                width:170px;
                height:90px;
            }
    .switch_sec .nav-link{
      border-radius: 50%;
    width: 50px;
    height: 45px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
    right: -10px;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    top: 25px;
    list-style: none !important;
}
           html[dir="rtl"] .switch_sec .nav-link{
            border-radius: 50%;
            width: 50px;
            height: 50px;
cursor: pointer;
                         font-weight:900;
            position: relative;
            right:20px;
                list-style: none !important;
                    } 
                    /* .switch_sec .nav-link:hover{
                        text-decoration: none;
                        background: var(--black-color);
                        color: var(--primary-color) !important;
                    } */
                   html[dir="rtl"] .switch_sec .nav-link:hover{
                        text-decoration: none;
						cursor: pointer;
                        background: var(--black-color);
                        color: var(--primary-color) !important;
                    }
                    .con{
                        width: 21.5ch;
	white-space: nowrap;
	overflow: hidden;
	
                        animation:text 5s steps(18) alternate infinite;
                    }
                    @keyframes text {
                        0% { 
                        width: 0; 
                      }
                        100% { 
                        width: 21.5ch; 
                      }
                    }
                    .owl-carousel,
 .bx-wrapper { direction: ltr; }
 .owl-carousel .owl-item { direction:ltr; }
 .owl-carousel, .bx-wrapper { direction: ltr; }
 html[dir="rtl"] .owl-carousel, .bx-wrapper { direction: rtl; }
 .owl-carousel .owl-item { direction:ltr; }
 html[dir="rtl"] .owl-carousel .owl-item { direction:rtl; }
 .address-link i{
color: var(--white-color);

 }
           
          .mission   li {
            list-style: none;
                       }
                       .shape10{
                position: relative;
                left:190px;
                       }  
                       html[dir="rtl"] .shape10 {
                        position: relative;
                        left: -160px;
                    } 
        .mission li:before {
            content:"·";
            font-size:100px;
            vertical-align:middle;
            line-height:20px;
            margin-left:-20px;
            position: relative;
            left:-20px;
        }
        html[dir="rtl"] .mission li:before {
            content:"·";
            font-size:100px;
            vertical-align:middle;
            line-height:20px;
            margin-left:-25px;
            position: relative;
            right:-30px;
        }
        
        
        .shape-w{
            position:absolute;
            left:85%;
            right:-40px;
            top:-11%;
        }
       .top-set{
        margin-top:2rem;
       }
        html[dir="rtl"] .top-m{
            position: relative;
            left:-30px;
            top:20px;
                    }
        html[dir="rtl"] .address-link{
            position: relative;
            left:30px; 
        }
        html[dir="rtl"] .footer-quick-links{
            position: relative;
            left:30px; 
            text-decoration: none !important;
        }
        .insta{
            background: #E8E8E8;
            padding-top:120px;
            padding-bottom:120px;
        }
        .navbar .nav-item .nav-link.active,
.navbar .nav-item .nav-link:hover {
    color: var(--white-color) !important;
    font-weight:900;
}
.drop{
font-weight:600;
}
.io{
    width:14px !important;
    height:14px !important;
    position: relative;
    left:100px;
    top:-17px;
}

  video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
  }
  .overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background:var(--black-color);
    opacity:0.7;
    background-size: 3px 3px;
    z-index: 2;
  }
  .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
  }
  .bg-video-wrap  h1 {
    text-align: center;
    color: #fff;
    position: absolute;
    top: -40%;
    bottom: 0;
    left: 30%;
    right:0;
    margin: auto;
    z-index: 3;
    max-width: 400px;
    width: 100%;
    height: 50px;
  }
  .bg-dark{
    background: #fff 0% 0% no-repeat padding-box !important;
    opacity:1; 
  }
  
  .confer-pad{
    padding:2px !important;
  }
  .top-s{
padding-top:40px;
  }
   /* ....animation--start--- */
   .words{
    animation: float 6s ease-in-out infinite;
    overflow: hidden;
		transform: translatey(0px);
  }
  @keyframes float {
	0% {
				transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {
		
		transform: translatey(0px);
	}
}
#instafeed-container{
    overflow-x: scroll;
    height:300px;
}
.box-border{
    opacity: 1;

}
.box-border:hover{
border: none;
background: #fff;
    box-shadow: 8px 16px 22px #00000029;
    transition: all 0.5s ease 0s;
    border-radius:10px;
}
.box-border img:hover{
   border-radius:10px;
}
.box-border img{
    width:400px !important;
    height:250px !important;
    transition: 0.5s;
}

.box-border h6{
    padding-left:20px;
    padding-top:10px;
  font-family: pop-bold;
}
.box-border p{
    padding-left:20px;
  
}
.read{
    padding-left:20px;
    margin-top: -20px !important;
    padding-bottom:10px;
    position: relative;
    top: -11px;
    font-size: 16px !important;
    color: var(--black-color);
    font-weight:700 !important;
       font-size: var(--para-font);
}
.read:hover{
    background:;
}
.new.owl-theme .owl-dots .owl-dot span{
background:var(--primary-color) !important;
opacity:0.5;
}
.new.owl-theme .owl-dots .owl-dot.active span{
background: var(--main-color) !important;
opacity:1 !important;
font-size: var(--heading-h4);
}
.neww.owl-theme .owl-nav.disabled+.owl-dots {
position:absolute;
top:40px;
}
.neww.owl-theme .owl-dots .owl-dot span{
    background:var(--black-color) !important;
    opacity:0.5;
    }
    .neww.owl-theme .owl-dots .owl-dot.active span{
    background: var(--white-color) !important;
    opacity:1 !important;
    font-size: var(--heading-h4);
    }
.ab{
    margin-top:15px;
}
.vis{
    font-size:130px;
  
    font-weight:800;
    margin-top:-151px;
    color: var(--white-color);
}
/* .visp{
    padding-top:50px;
} */

.grid {
    display: grid;
    grid-gap: 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100vh;
  }
  .grid li {
    position: relative;
  }
  .grid li:hover ~ li:last-child:after,
  .grid li:last-child:hover:after,
  .grid li:hover ~ li:last-child:before,
  .grid li:last-child:hover:before {
    opacity: 1;
    transition: 1s ease;
  }
  .grid li:last-child:after,
  .grid li:last-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
    clip-path: polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset)), calc(100% - var(--offset)) calc(100% - var(--offset)), calc(100% - var(--offset)) var(--offset));
    -webkit-clip-path: polygon(var(--offset) var(--offset), var(--offset) calc(100% - var(--offset)), calc(100% - var(--offset)) calc(100% - var(--offset)), calc(100% - var(--offset)) var(--offset));
    opacity: 0;
    transition: opacity 1s, transform 1s 1s, background 1s;
  }
  .grid li:last-child:after {
    mix-blend-mode: multiply;
    background: #aaafc3;
  }
  .grid li:last-child:before {
    backdrop-filter: grayscale(100%) blur(2px);
    -webkit-backdrop-filter: grayscale(100%) blur(2px);
  }
  .grid li:nth-child(1):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(2):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(3):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(4):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(5):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(6):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(7):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:nth-child(8):hover ~ li:last-child:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  .grid li:last-child:hover:after {
    background: transparent linear-gradient(126deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
  }
  
  .grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .grid li:last-child:after,
  .grid li:last-child:before {
    left: 100%;
    transform: translate3d(-100%, -100%, 0);
  }
  .grid li:nth-child(1):hover ~ li:last-child:after,
  .grid li:nth-child(1):hover ~ li:last-child:before {
    transform: translate3d(-200%, -200%, 0);
  }
  .grid li:nth-child(2):hover ~ li:last-child:after,
  .grid li:nth-child(2):hover ~ li:last-child:before {
    transform: translate3d(-100%, -200%, 0);
  }
  .grid li:nth-child(3):hover ~ li:last-child:after,
  .grid li:nth-child(3):hover ~ li:last-child:before {
    transform: translate3d(0%, -200%, 0);
  }
  .grid li:nth-child(4):hover ~ li:last-child:after,
  .grid li:nth-child(4):hover ~ li:last-child:before {
    transform: translate3d(-200%, -100%, 0);
  }
  .grid li:nth-child(5):hover ~ li:last-child:after,
  .grid li:nth-child(5):hover ~ li:last-child:before {
    transform: translate3d(-100%, -100%, 0);
  }
  .grid li:nth-child(6):hover ~ li:last-child:after,
  .grid li:nth-child(6):hover ~ li:last-child:before {
    transform: translate3d(0%, -100%, 0);
  }
  .grid li:nth-child(7):hover ~ li:last-child:after,
  .grid li:nth-child(7):hover ~ li:last-child:before {
    transform: translate3d(-200%, 0%, 0);
  }
  .grid li:nth-child(8):hover ~ li:last-child:after,
  .grid li:nth-child(8):hover ~ li:last-child:before {
    transform: translate3d(-200%, 0%, 0);
  }
  .grid li:last-child:hover:after,
  .grid li:last-child:hover:before {
    transform: translate3d(-100%, 0%, 0);
  }
  
  @media (max-width: 60em) {
    .grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, 25%);
    }
    .grid li:last-child:after,
  .grid li:last-child:before {
      left: 0%;
      transform: translate3d(-50%, -150%, 0);
    }
    .grid li:nth-child(1):hover ~ li:last-child:after,
  .grid li:nth-child(1):hover ~ li:last-child:before {
      transform: translate3d(-100%, -300%, 0);
    }
    .grid li:nth-child(2):hover ~ li:last-child:after,
  .grid li:nth-child(2):hover ~ li:last-child:before {
      transform: translate3d(0%, -300%, 0);
    }
    .grid li:nth-child(3):hover ~ li:last-child:after,
  .grid li:nth-child(3):hover ~ li:last-child:before {
      transform: translate3d(-100%, -200%, 0);
    }
    .grid li:nth-child(4):hover ~ li:last-child:after,
  .grid li:nth-child(4):hover ~ li:last-child:before {
      transform: translate3d(0%, -200%, 0);
    }
    .grid li:nth-child(5):hover ~ li:last-child:after,
  .grid li:nth-child(5):hover ~ li:last-child:before {
      transform: translate3d(-100%, -100%, 0);
    }
    .grid li:nth-child(6):hover ~ li:last-child:after,
  .grid li:nth-child(6):hover ~ li:last-child:before {
      transform: translate3d(0%, -100%, 0);
    }
    .grid li:nth-child(7):hover ~ li:last-child:after,
  .grid li:nth-child(7):hover ~ li:last-child:before {
      transform: translate3d(-100%, 0%, 0);
    }
    .grid li:nth-child(8):hover ~ li:last-child:after,
  .grid li:nth-child(8):hover ~ li:last-child:before {
      transform: translate3d(-100%, 0%, 0);
    }
    .grid li:last-child:hover:after,
  .grid li:last-child:hover:before {
      transform: translate3d(0%, 0%, 0);
    }
  
    :root {
      --offset: 0;
    }
  }
  .description {
    font-family: "Unica One", sans-serif;
    font-size: 1.25rem;
    position: absolute;
    display: block;
    right: 2rem;
    left: 2rem;
    text-align: center;
    top: 50%;
    width: 60px;
    margin: auto;
    color: white;
    z-index: 100;
    opacity: 0;
    transform: translate3d(0, -50%, 0);
    transition: 0.3s 0s;
  }
  
  li:hover .description {
    opacity: 1;
    transition: 0.6s 0.3s;
  }
  .bird {
    background-image: url(../../home_assets/img/banner/bird.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
            animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
            animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .bird--one {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
  }
  .bird--two {
    -webkit-animation-duration: 0.9s;
            animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
  }
  .bird--three {
    -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
            animation-delay: -0.25s;
  }
  .bird--four {
    -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
  }
  
  .bird-container {
    position: absolute;
    top: 20%;
    left: -15%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
            animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  html[dir="rtl"] .bird-container {
    position: absolute;
    top: 20%;
    left: -12%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
            animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .bird-container--one {
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-delay: 0;
            animation-delay: 0;
  }
  .bird-container--two {
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  .bird-container--three {
    -webkit-animation-duration: 14.6s;
            animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
            animation-delay: 9.5s;
  }
  .bird-container--four {
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
            animation-delay: 10.25s;
  }
  
  @-webkit-keyframes fly-cycle {
    100% {
      background-position: -900px 0;
    }
  }
  
  @keyframes fly-cycle {
    100% {
      background-position: -900px 0;
    }
  }
  @-webkit-keyframes fly-right-one {
    0% {
      transform: scale(0.3) translateX(0vw);
    }
    10% {
      transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
      transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
      transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
      transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
      transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
      transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    100% {
      transform: translateY(0) translateX() scale(0);
    }
  }
  @keyframes fly-right-one {
    0% {
      transform: scale(0) translateX(-10vw);
    }
    10% {
      transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
      transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
      transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
      transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
      transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
      transform: translateY(0vh) translateX(110vw) scale(0);
    }
    100% {
      transform: translateY(0vh) translateX(110vw) scale(0);
    }
  }
  @-webkit-keyframes fly-right-two {
    0% {
      transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }
    10% {
      transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
      transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
      transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
      transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
      transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
      transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
      transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
  }
  @keyframes fly-right-two {
    0% {
      transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }
    10% {
      transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
      transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
      transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
      transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
      transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
      transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
      transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
  }
 .tet{
    width:180px !important;
    height:100px !important;
    text-align: center;
    position: relative;
    left:30%;
 }
 html[dir="rtl"] .tet{
    width:180px !important;
    height:100px !important;
    text-align: center;
    position: relative;
    left:-30%;
 }
 .tet1 h5{
color: var(--white-color);
padding:10px;
 }
 .tet1 h2{
    color: var(--white-color);
    padding:10px;
    text-align: center;
    padding-top:30px;
     }
     .cloud{
        background: url(../img/cloud.png);
        position: absolute;
        top:-10px;
        left:0;
        width:100%;
        opacity:0.2;
        height:100%;
        animation: animate 60s linear infinite;
     }
     @keyframes animate{
        0%{
            background-position: 0px;
        }
        100%{
            background-position: 5440px;
        }
     }
     .leaf{
                   position: relative;
            left: 56%;
            top: -60px;
            z-index: -2;
            opacity:0.3;
            rotate:10deg;
        animation: pulse 10s ease-in-out infinite;
   }
   .leaf2{
    position: relative;
left:20%;
top: -60px;
z-index: -2;
opacity:0.3;
rotate:10deg;
animation: pulse 10s ease-in-out infinite;
}
   @keyframes pulse {
     0% {
       opacity: 0;
     }
     25% {
       transform: scale(0.5);
     }
     38% {
       transform: scale(0.7);
       opacity: 0.4;
     }
     48% {
       transform: scale(0.5);
       opacity: 0.3;
     }
   
    68% {
       transform: scale(0.4);
       opacity: 1;
     }
   }
   .head-c{
        font-weight:700;
        text-align: center;
   }
   .small-b{
    font-size:var(--para-font);
    font-weight:600;
    padding-top:30px;
    line-height:1.7;
    color:var(--white-color);
   text-align: center;
   }
   .neww h6{
    font-size:var(--para-font);
    font-weight:600;
    padding-top:30px;
    line-height:1.8;
    color:var(--white-color) !important;
   text-align: center;
   }
   .top{
    background: #39A782;
    height:30px;
    padding: 12px 0;
   }
   .fixed-top{
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
      margin: 0;
    padding-top: 0;
    box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
    -webkit-animation: menu_sticky 0.7s ease-in-out;
    animation: menu_sticky 0.7s ease-in-out;

   }
   figure {
    position: relative;
    width: 32%;
    margin-top: 1em;
    overflow: hidden;
  }
  figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  figcaption {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
  }
  .foot-c{
        font-weight:600;
      }
      .boxw{
        background: transparent linear-gradient(114deg, #2BA395F4 0%, #3863A8D0 100%) 0% 0% no-repeat padding-box;
        font-family: 'Raleway', sans-serif;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .boxw img{
        width: 100%;
        height: auto;
        transition: all 0.5s;
    }
    .boxw:hover img{
        opacity: 0.2;
        filter: blur(3px);
        transform: scale(1.1);
    }
    .box-content{
        color: #fff;
        width: 100%;
        opacity: 0;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 0;
        transition: all 0.4s ease 0s;
    }
    .boxw:hover .box-content{ opacity: 1; }
    .boxw .title{
        font-size: 23px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        margin: 0 0 8px;
    }
    .boxw .title:after{
        content: '';
        height: 7px;
        width: 130px;
        margin: 8px auto 0;
        border: 2px solid #fff;
        border-left: none;
        border-right: none;
        clear: both;
        display: block;
        opacity: 0;
        transform: scale(0);
        transition: all 0.4s ease 0s;
    }
    .boxw:hover .title:after{
        opacity: 0.5;
        transform: scale(1);
    }
    .boxw .post{
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: capitalize;
        display: block;
    }
    .boxw .icon{
        padding: 0;
        margin: 0;
        list-style: none;
        transform: translateX(-50%) scale(0);
        position: absolute;
        bottom: 10px;
        left: 50%;
        transition: all 0.5s linear;
    }
    .boxw:hover .icon{ transform: translateX(-50%) scale(1); }
    .boxw .icon li{
        margin: 0 2px;
        display: inline-block;
    }
    .boxw .icon li a{
        color: #fff;
        font-size: 14px;
        line-height: 33px;
        width: 35px;
        height: 35px;
        border: 2px solid #fff;
        border-radius: 50%;
        display: block;
        transition: all 0.4s ease 0s;
    }
    .boxw .icon li a:hover{
        color:#fff;
        background-color: #f83600;
        text-shadow: 2px 2px  4px #0a212f;
    }
    @media only screen and (max-width:990px){
        .boxw{ margin: 0 0 30px; }
    }
   
              .header {
                position: relative;
                z-index: 1010;
            }
            .navbar {
                padding: 0;
                height: 90px;
                max-height: 90px;
                background-color: transparent;
                
            }
            .navbar > .container,
            .navbar > .container-fluid {
                position: relative;
                height: 90px;
            }
            .navbar .navbar-brand {
                padding: 0;
                margin: 0;
                line-height: 90px;
            }
            .navbar .logo-light {
                display: none;
            }
            .navbar .navbar-toggler {
                padding: 0;
                border: none;
                border-radius: 0;
                width: 23px;
                position: relative;
            }
            .navbar .navbar-toggler .menu-lines {
                display: inline-block;
            }
            .navbar .navbar-toggler .menu-lines:after,
            .navbar .navbar-toggler .menu-lines:before {
                content: "";
                position: absolute;
                top: 5px;
                left: 0;
                width: 23px;
                height: 2px;
                display: inline-block;
                background-color: #222;
                -webkit-transition: 0.3s ease;
                transition: 0.3s ease;
            }
            .navbar .navbar-toggler .menu-lines:after {
                top: 10px;
            }
            .navbar .navbar-toggler .menu-lines span {
                position: absolute;
                top: 0;
                left: 0;
                width: 23px;
                height: 2px;
                background-color: #222;
            }
            .navbar .navbar-toggler.actived .menu-lines > span {
                opacity: 0;
            }
            .navbar .navbar-toggler.actived .menu-lines:before {
                top: 0;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            .navbar .navbar-toggler.actived .menu-lines:after {
                top: 0;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            .navbar .nav__item {
                position: relative;
                margin-right: 30px;
            }
            .navbar .nav__item .nav__item-link {
                font-size: 15px;
                font-weight: 700;
                text-transform: capitalize;
                               position: relative;
                color: #1b1a1a;
                line-height: 90px;
                letter-spacing: 0.4px;
            }
            /* .navbar .nav__item .nav__item-link:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                background-color: #ff4c01;
                -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
                -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%;
                -webkit-transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1);
                -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
                transition: -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
                transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1);
                transition: transform 2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 2s cubic-bezier(0.2, 1, 0.3, 1);
            } */
           
        a.nav__item-link.active{
            background: #2BA395 0% 0% no-repeat padding-box;
                       font-weight:800;
            padding:10px 41px;
            border-radius:15px;
                        color: #fff;
            } 
            .is-sticky a.nav__item-link.active{
                color:#fff;
            }
            .navbar .nav__item .nav__item-link.active:before,
            .navbar .nav__item .nav__item-link:hover:before {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;
            }
            .navbar .nav__item.with-dropdown .nav__item-link {
                padding-right: 16px;
            }
            .navbar .dropdown-toggle:after {
                content: "\f107";
                font-family: "Font Awesome 5 Free";
                border: none;
                vertical-align: middle;
                margin-left: 0;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            .navbar .dropdown-menu {
                border-radius: 0;
                border: none;
                margin: 0;
                background-color: #fff;
            }
            .navbar .dropdown-menu .nav__item {
                padding: 0 20px;
                margin-right: 0;
            }
            .navbar .dropdown-menu .nav__item .nav__item-link {
                color: #9b9b9b;
                font-size: 14px;
                text-transform: capitalize;
                font-weight: 400;
                line-height: 33px !important;
                white-space: nowrap;
                position: relative;
                padding-left: 20px;
                -webkit-transition: all 0.7s ease;
                transition: all 0.7s ease;
            }
            .navbar .dropdown-menu .nav__item .nav__item-link:after {
                font-family: icomoon;
                content: "\e901";
                position: absolute;
                top: 50%;
                left: -10px;
                opacity: 0;
                font-size: 11px;
                color: #ff4c01;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }
            .navbar .dropdown-menu .nav__item .nav__item-link:hover {
                color: #ff4c01;
            }
            .navbar .dropdown-menu .nav__item .nav__item-link:hover:after {
                left: 0;
                opacity: 1;
            }
            .navbar .dropdown-menu .dropdown-toggle:after {
                right: 0;
            }
            
           
            .header-transparent .navbar {
                max-height: 100px;
                -webkit-box-shadow: none;
                box-shadow: none;
                background-color: transparent;
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }
            .header-transparent .navbar .navbar-toggler .menu-lines span,
            .header-transparent .navbar .navbar-toggler .menu-lines:after,
            .header-transparent .navbar .navbar-toggler .menu-lines:before {
                background-color: #fff;
            }
            .header-transparent .action-btn__search,
            .header-transparent .navbar,
            .header-transparent .navbar .nav__item .nav__item-link {
                line-height: 100px;
            }
            .header-transparent .navbar,
            .header-transparent .navbar > .container,
            .header-transparent .navbar > .container-fluid {
                height: 100px;
            }
            .header-transparent .action-btn__request {
                height: 100px;
                line-height: 100px;
            }
            .header-transparent .logo-light {
                display: inline-block;
            }
            .header-transparent .logo-dark {
                display: none;
            }
            .header-transparent .action-btn__search,
            .header-transparent .nav__item .nav__item-link,
            .header-transparent .social-icons li a {
                color: #fff;
               
                    font-weight: 900;
    margin-right: 24px;
            }
            .header-transparent .action-btn__request:not(.btn__white):before {
                background-color: #fff;
            }
            .header-transparent .action-btn__request:not(.btn__white):hover {
                color: #ff4c01;
            }
            .header-transparent .action-btn__request:not(.btn__white):hover .icon-arrow-right {
                color: #fff;
                background-color: #ff4c01;
            }
            .header-transparent .action-btn__search {
                border-color: rgba(255, 255, 255, 0.15);
            }
            .header-transparent .is-sticky .action-btn__request:not(.btn__white):hover {
                color: #fff;
            }
            .header-transparent .is-sticky .action-btn__request:not(.btn__white):hover .icon-arrow-right {
                color: #1b1a1a;
                background-color: #fff;
            }
            .header-light .navbar {
                border-bottom: 0;
            }
            .header-layout2 .navbar .nav__item {
                margin-right: 20px;
            }
            .header-layout2 .navbar .navbar-brand {
                border-right: 1px solid rgba(255, 255, 255, 0.15);
            }
            .header-layout3 .action-btn__request {
                height: 40px;
                line-height: 40px;
                min-width: 100px;
                border-radius: 2px;
                color: #222;
            }
            .header-layout3 .action-btn__request:hover {
                color: #fff;
            }
            .header-layout3 .action-btn__search {
                padding-left: 28px;
                padding-right: 0;
                border-left: 0;
            }
            .header-layout3 .is-sticky .action-btn__request {
                background-color: #ff4c01;
            }
            .is-sticky {
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                width: 100%;
                z-index: 1040;
                border-bottom: 0 !important;
                height: 80px !important;
                max-height: 80px !important;
                background-color: #fff !important;
                -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
                box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
                -webkit-animation: translateHeader 0.8s;
                animation: translateHeader 0.8s;
                -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05) !important;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05) !important;
            }
            .is-sticky > .container,
            .is-sticky > .container-fluid {
                position: relative;
                height: 80px !important;
            }
            .is-sticky .navbar-brand {
                line-height: 80px !important;
            }
            .is-sticky .nav__item .nav__item-link {
                color: #222;
                line-height: 80px !important;
            }
            .is-sticky .logo-light {
                display: none;
            }
            .is-sticky .logo-dark {
                display: inline-block;
            }
            .is-sticky .navbar-nav {
                margin-top: 0;
            }
            .is-sticky .action-btn__search,
            .is-sticky .action__btn,
            .is-sticky .action__btn-phone a {
                color: #222;
            }
            .is-sticky .action-btn__request,
            .is-sticky .action-btn__search {
                height: 80px;
                line-height: 80px;
            }
           
            @media (min-width: 1200px) {
                .header-layout1 .navbar .navbar-brand,
                .header-layout2 .navbar .navbar-brand {
                    padding: 0 20px 0 50px;
                }
                .header-layout1 .action-btn__request,
                .header-layout2 .action-btn__request {
                    min-width: 240px;
                }
                .header-layout2 .navbar .navbar-brand {
                    padding-right: 30px;
                    margin-right: 30px;
                }
            }
            @media (min-width: 1200px) and (max-width: 1300px) {
                .navbar .nav__item {
                    margin-right: 15px;
                }
                .navbar .nav__item .nav__item-link {
                    font-size: 14px;
                }
            }
            @media (min-width: 992px) and (max-width: 1200px) {
                .navbar .nav__item {
                    margin-right: 15px;
                }
                .navbar .nav__item .nav__item-link {
                    font-size: 14px;
                }
                .header-layout1 .navbar .navbar-brand,
                .header-layout2 .navbar .navbar-brand {
                    padding: 0 10px;
                }
                .header-layout1 .navbar .action-btn__request,
                .header-layout2 .navbar .action-btn__request {
                    min-width: 170px;
                    font-size: 13px;
                    padding: 0 4px;
                }
                .action-btn__search {
                    padding: 0 20px;
                }
            }
            @media (max-width: 991px) {
                  html[dir="rtl"] .navbar .navbar-toggler {
    position: absolute;
    right:328px !important;
    height: 13px;
}
                .navbar .navbar-toggler {
                    position: absolute;
                    right: 15px;
                    height: 13px;
                }
                .navbar .collapse:not(.show) {
                    display: block;
                }
                .navbar .navbar-nav {
                    margin: 0 !important;
                }
                .navbar .nav__item {
                    margin-right: 0;
                }
                .navbar .nav__item .nav__item-link {
                    color: #222;
                    line-height: 35px !important;
                    padding-left: 15px;
                }
                .navbar .nav__item .nav__item-link:hover {
                    color: #ff4c01;
                }
                .navbar .nav__item .nav__item-link:before {
                    display: none;
                }
                .navbar .navbar-collapse {
                    background-color: #fff;
                    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
                    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
                    z-index: 50;
                    padding: 15px 0;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    top: 100%;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: 0.3s ease;
                    transition: 0.3s ease;
                    -webkit-transform: translateY(30px);
                    transform: translateY(30px);
                }
                .navbar .menu-opened.navbar-collapse {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
                .navbar i[data-toggle="dropdown"] {
                    position: absolute;
                    top: 7px;
                    right: 15px;
                    z-index: 2;
                    width: 25px;
                    height: 25px;
                    line-height: 25px;
                    cursor: pointer;
                    text-align: center;
                    border-radius: 2px;
                    color: #fff;
                    background-color: #ff4c01;
                }
                .navbar .dropdown-toggle:after {
                    display: none;
                }
                .navbar .nav__item.opened > i[data-toggle="dropdown"]:before,
                .navbar .nav__item.show > i[data-toggle="dropdown"]:before {
                    content: "\f106";
                }
                .navbar .dropdown-menu {
                    background-color: #fff;
                }
                .navbar .dropdown-menu .nav__item {
                    padding: 0 15px 0 30px;
                }
                .navbar .dropdown-menu .nav__item .nav__item-link {
                    padding-left: 0;
                    border-bottom: none;
                }
                .navbar .nav__item.dropdown-submenu > .dropdown-menu.show {
                    padding-left: 10px;
                }
                .navbar .dropdown-submenu .dropdown-menu .nav__item {
                    padding: 0 0 0 15px;
                }
                .navbar .navbar-nav .dropdown-menu.show {
                    padding: 0;
                }
                .navbar .mega-dropdown-menu .container {
                    max-width: none;
                }
                .navbar .mega-dropdown-menu > .nav__item {
                    padding: 0 10px;
                }
                .navbar .mega-dropdown-menu .nav__item {
                    padding: 0;
                }
                .is-sticky {
                    position: static;
                    -webkit-animation: none;
                    animation: none;
                }
                .header-transparent + .page-title {
                    margin-top: 0;
                }
                .header .navbar,
                .header-transparent .navbar {
                    background-color: #fff;
                }
                
                .header .logo-dark,
                .header-transparent .logo-dark {
                    display: inline-block;
                    margin-top: 15px;
                }
                .header .logo-light,
                .header-transparent .logo-light {
                    display: none;
                }
                .header .action__btn,
                .header-transparent .action__btn {
                    color: #222;
                    margin: 0 60px 0 0;
                }
                .header .navbar .navbar-toggler .menu-lines span,
                .header .navbar .navbar-toggler .menu-lines:after,
                .header .navbar .navbar-toggler .menu-lines:before,
                .header-transparent .navbar .navbar-toggler .menu-lines span,
                .header-transparent .navbar .navbar-toggler .menu-lines:after,
                .header-transparent .navbar .navbar-toggler .menu-lines:before {
                    background-color: #222;
                }
                .header .navbar-expand-lg > .container,
                .header .navbar-expand-lg > .container-fluid,
                .header-transparent .navbar-expand-lg > .container,
                .header-transparent .navbar-expand-lg > .container-fluid {
                    width: 100%;
                    max-width: none;
                }
                .header .navbar,
                .header .navbar > .container,
                .header .navbar > .container-fluid,
                .header-transparent .navbar,
                .header-transparent .navbar > .container,
                .header-transparent .navbar > .container-fluid {
                    height: 80px;
                }
                .header .header-layout2 .navbar,
                .header .header-layout2 .navbar .navbar-brand,
                .header .navbar-brand,
                .header-transparent .header-layout2 .navbar,
                .header-transparent .header-layout2 .navbar .navbar-brand,
                .header-transparent .navbar-brand {
                    margin-left: 15px;
                    line-height: 80px !important;
                }
                .header .header-layout2 .navbar,
                .header .header-layout2 .navbar .navbar-brand,
                .header-transparent .header-layout2 .navbar,
                .header-transparent .header-layout2 .navbar .navbar-brand {
                    line-height: 80px;
                }
                .header-layout2 .navbar {
                    line-height: 80px;
                }
                .header-layout2 .action-btn__request {
                    display: none;
                }
                .header-layout2 .social-icons {
                    margin-right: 0 !important;
                }
                .header-transparent .action-btn__search,
                .header-transparent .social-icons li a {
                    color: #1b1a1a;
                }
                .header-layout3 .action-btn__request {
                    background-color: #1b1a1a;
                    border: 2px solid #1b1a1a;
                    color: #fff !important;
                }
                .header-layout3 .action-btn__request:before {
                    background-color: #1b1a1a;
                }
                .header-actions {
                    position: absolute;
                    right: 60px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                .action-btn__search {
                    line-height: 80px;
                    padding: 0 20px;
                    border-left: 0;
                }
                .action-btn__request {
                    min-width: 120px !important;
                    height: 45px !important;
                    line-height: 45px !important;
                    border-radius: 2px;
                }
            }
            @media (min-width: 992px) {
                .navbar .dropdown-menu {
                    width: auto;
                    min-width: 235px;
                    padding: 25px 0 23px;
                    border-radius: 0 0 4px 4px;
                    -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, 0.11);
                    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, 0.11);
                }
                .navbar .dropdown-menu .nav__item .nav__item-link:before {
                    display: none;
                }
                .navbar .nav__item.dropdown-submenu > .mega-menu,
                .navbar .nav__item.with-dropdown > .dropdown-menu,
                .navbar .nav__item.with-dropdown > .dropdown-menu > .nav__item.dropdown-submenu > .dropdown-menu,
                .navbar .nav__item.with-dropdown > .mega-menu {
                    display: block;
                    position: absolute;
                    left: 0;
                    right: auto;
                    z-index: 1050;
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                }
                .navbar .nav__item.dropdown-submenu > .dropdown-menu > .nav__item.with-dropdown > .dropdown-menu,
                .navbar .nav__item.with-dropdown > .dropdown-menu > .nav__item.dropdown-submenu > .dropdown-menu {
                    top: 0;
                    left: 100%;
                }
                .navbar .nav__item.dropdown-submenu:hover > .mega-menu,
                .navbar .nav__item.with-dropdown:hover > .dropdown-menu,
                .navbar .nav__item.with-dropdown:hover > .mega-menu,
                .navbar .nav__item.with-dropdown > .dropdown-menu > .nav__item.dropdown-submenu:hover > .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }
                .navbar .nav__item.with-dropdown.mega-dropdown {
                    position: static;
                }
                .navbar .nav__item.with-dropdown .mega-dropdown-menu {
                    width: 100%;
                }
                .navbar .dropdown-menu.mega-dropdown-menu .nav__item {
                    padding: 0;
                }
                .navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link {
                    overflow: hidden;
                    -webkit-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }
                .navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:after {
                    font-family: FontAwesome;
                    content: "\f111";
                    position: absolute;
                    top: auto;
                    left: -7px;
                    font-size: 7px;
                    -webkit-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                    opacity: 0;
                    color: #ff4c01;
                }
                .navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover {
                    padding-left: 15px;
                }
                .navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover:after {
                    opacity: 1;
                    left: 4px;
                }
                .nav__item i[data-toggle="dropdown"] {
                    display: none;
                }
                .header-transparent .is-sticky .action-btn__search,
                .header-transparent .is-sticky .navbar-brand {
                    border-color: rgba(27, 26, 26, 0.1);
                }
                .header-transparent .is-sticky .action-btn__request {
                    color: #fff;
                }
                .header-transparent .is-sticky .action-btn__request:before {
                    background-color: #1b1a1a;
                }
                .header-layout1 .navbar-collapse {
                    position: relative;
                }
            }
            @media (min-width: 992px) and (max-width: 1200px) {
                .navbar .nav__item {
                    margin-right: 15px;
                }
                .navbar .logo-light {
                    max-width: 140px;
                }
            }
            @media (min-width: 320px) and (max-width: 767px) {
                .dropdown-menu.mega-dropdown-menu > .nav__item {
                    padding: 0 15px;
                }
                .dropdown-menu.mega-dropdown-menu .nav__item:last-child > .nav__item-link {
                    border-bottom: 1px solid #f2f2f2;
                }
                .dropdown-menu.mega-dropdown-menu [class^="col-"]:last-child .nav__item:last-child > .nav__item-link {
                    border-bottom: none;
                }
            }
            @media (min-width: 320px) and (max-width: 575px) {
                .search-popup .search-popup__form {
                    max-width: 90%;
                }
                .search-popup .search-popup__form__input {
                    font-size: 20px;
                    font-weight: 400;
                }
            }
            @media (max-width: 450px) {
                .action-btn__request {
                    display: none;
                }
                .navbar-brand img {
                    max-width: 110px;
                }
                .action-btn__search {
                    padding: 0;
                }
            }
            @media (max-width: 380px) {
                .navbar-brand img {
                    max-width: 100px;
                }
            }
           .slider {
                margin-top: -100px;
            }
            .box2{
                background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 41px;
opacity: 1;
padding:40px;
            }
            .box2 h2{
                font-weight:900;
            }
            .bac-color{
                background:rgb(43,163,149,0.3);
                padding:40px;
            }
            .par{
                border: 4px solid #3863A8;
                padding:10px;
                width:80px;
            }
            
            .par:hover{
background:#2BA395;
border:none;
            }
            .par img{
                padding-left:4px;
            }
           
             
              .box-shadow {
                box-shadow: inset 10px 10px 8px -10px #CCC, inset -10px -10px 8px -10px #CCC;
            }
          .content-box h3{
              font-weight: 500;
              text-align: left;
              font-size:20px;
            }
            
            .content-box:hover h3{
                font-weight:900;
                text-align: left;
                font-size:20px !important;
                          }
                          .content-box:hover img{
                          
                        margin-left:5px;
                        background:#2BA395;
                        padding:10px;
                        border:none;
                                                           }
                                                           .content-box img{
                                                            border:2px solid #3863A8;
                                                            padding:5px;
                                                           }
            .content-box{
                text-align:left !important;
                padding: 10px;
                height: 100%;
                border-radius: 4px;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }
            .content-box:hover{
                background:#fff;
                box-shadow: 8px 16px 32px #00000029;
                transition: all 0.5s ease 0s;
            }
            .content-box .finbyz-icon img{
                height:70px;
                padding:12px;
            }
            .content-box .finbyz-icon{
                margin: 0 auto;
            }
        .product-area{
            background:rgb(249,249,249);
            padding:30px;
        }
        .products-area{
            font-size:20px;
            margin-top:20px;
        }
        .line-green{
            position: relative;
            top: -7px;
            left:48%;
            border:4px solid var(--main-color);
            width:3%;
            opacity:1;
                    background:var(--main-color);
        }
        .line-left{
            position: relative;
            top: -10px;
            left:0;
            border:4px solid var(--main-color);
            width:5%;
            opacity:1;
                    background:var(--main-color);
        }
        .box-sh2 {
            position:relative;top:-37%;
            
        }
        .box-sh2 p{
            text-align: center;
            box-shadow: 8px 16px 32px #00000029;
            border-radius: 15px;
            opacity: 1;
            padding:50px;
            padding-bottom:50px;
          
        }
        
        .box-sh4 p{
            text-align: center;
            box-shadow: 8px 16px 32px #00000029;
            border-radius: 15px;
            opacity: 1;
            padding:50px;
            padding-bottom:50px;
          
        }
        .box-sh3 {
            position:relative;top:-40%;
            
        }
        .box-sh3 p{
            text-align: center;
            box-shadow: 8px 16px 32px #00000029;
            border-radius: 15px;
            opacity: 1;
            padding:50px;
            padding-bottom:30px;
          
        }
        .box-sh img{
            width:80px;
            height:80px;
        }
        .box-sh p{
            text-align: center;
            box-shadow: 8px 16px 32px #00000029;
            border-radius: 15px;
            opacity: 1;
            padding:30px;
        }
        .box-sh2 span{
            font-size:13px;
        }
        .box-sh span{
            font-size:13px;
        }
        .box-sh3 span{
            font-size:13px;
        }
        .box-sh4 span{
            font-size:13px;
        }
        html[dir="rtl"] .box-sh4 span{
            font-size:18px;
        }
        .box-sh3 span:hover{
            color:var(--main-color);
            font-weight:800;
        }
        .box-sh4 span:hover{
            color:var(--main-color);
            font-weight:800;
        }
        .box-sh span:hover{
            color:var(--main-color);
            font-weight:800;
        }
        .box-sh2 span:hover{
            color:var(--main-color);
            font-weight:800;
        }
        .li-i{
            margin-left:20px;
        }
        .li-ii{
           width:90px;
           height:90px;
           padding:10px;
        }
        .prot{
            background: #3863A8 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
border-radius: 10px;
opacity: 1;
padding:8px;
        }
        
            .img-bo img:hover{ 
              color:red;
            }
            .boxt{
                               overflow: hidden;
                                position: relative;
                transition: all 0.35s ease-in-out;
            }
          
            .boxt:before{
                content: "";
                background:linear-gradient(180deg,rgb(43,163,149,0.6) 0%, rgb(28,50,84,0.6) 100%) 0% 0% no-repeat padding-box;
                width: 100%;
                opacity: 0;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                transition: all 0.35s ease-in-out;
            }
            .boxt:hover:before{
                opacity: 0.2;
                animation: bounce-in .6s ease-in forwards; 
                animation-timing-function: cubic-bezier(.215,.61,.355,1);
                animation-duration: 0.35s;
            }
            .boxt img{
                width: 100%;
                height: auto;
            }
           
           
            @keyframes bounce-in{
                0%{
                    opacity: 0;
                    transform: scale3d(.3,.3,.3);
                }
                20%{ transform: scale3d(1.1,1.1,1.1); }
                40%{ transform: scale3d(.9,.9,.9); }
                60%{ 
                    opacity: 1;       
                    transform: scale3d(1.03,1.03,1.03);
                }
                80%{ transform: scale3d(.97,.97,.97); }
                100%{ 
                    opacity: 1;    
                    transform: scale3d(1,1,1);
                }
            }
            @media only screen and (max-width:990px){
                .box{ margin: 0 0 30px; }
            }
            .hit{
                background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
border: 6px solid #D6B176;
opacity: 1;
width:280px;
margin-top:-20px;
z-index:1;
left:20%;
position: relative;
padding:10px;
            }
			html[dir="rtl"] .hit {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 8px 16px 32px #00000029;
    border: 6px solid #D6B176;
    opacity: 1;
    width: 280px;
    margin-top: -20px;
    z-index: 1;
    left: -20%;
    position: relative;
    padding: 10px;
}
            .whitexr{
                background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
opacity: 1;
            }
            .whitex{
                background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
opacity: 1;
            }
            .visst{
                                 background:url(../img/banner/sec.png);
                    background-size: contain;
                    height:150px;
                
            }
            .visst h2{
                color:var(--white-color);
                font-size:50px;
                text-align: center;
                padding:30px;
                          font-weight:900;
            }
            .viss{
                background:url(../img/banner/sec.png);
                background-size: contain;
                height:150px;
            }
            .viss h2{
                color:var(--white-color);
                font-size:50px;
                text-align: center;
                padding:30px;
                font-weight:900;
            }
            .whitexr p{
                padding:20px;
                padding-bottom:37px;
            }
            .whitex p{
                padding:20px;
                        }
                        .sett{
                            padding:40px;
                        }
                        .abb{
                            position: relative;
                            top:80px;
                        }
                        .ab-c{
                            overflow: hidden;
                             position: relative;
             transition: all 0.35s ease-in-out;
         }
       
         .ab-c::before{
             content: "";
             background:rgb(56,99,168,0.4);
             width: 100%;
             opacity: 0;
             height:417px;
             border-radius:10px;
             position: absolute;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             transition: all 0.35s ease-in-out;
         }
         .ab-c:hover::before{
             opacity: 0.4;
             animation: bounce-in .6s ease-in forwards; 
             animation-timing-function: cubic-bezier(.215,.61,.355,1);
             animation-duration: 0.35s;
         }
         .ab-c img{
             width: 100%;
             height: auto;
         }
        
        
         @keyframes bounce-in{
             0%{
                 opacity: 0;
                 transform: scale3d(.3,.3,.3);
             }
             20%{ transform: scale3d(1.1,1.1,1.1); }
             40%{ transform: scale3d(.9,.9,.9); }
             60%{ 
                 opacity: 1;       
                 transform: scale3d(1.03,1.03,1.03);
             }
             80%{ transform: scale3d(.97,.97,.97); }
             100%{ 
                 opacity: 1;    
                 transform: scale3d(1,1,1);
             }
         }
         @media only screen and (max-width:990px){
            .ab-c{ margin: 0 0 30px; }
         }
         .ab-cd{
            overflow: hidden;
             position: relative;
transition: all 0.35s ease-in-out;
}

.ab-cd::before{
content: "";
background:rgb(43,163,149,0.4);
width: 100%;
opacity: 0;
height:330px;
border-radius:10px;
position: absolute;
top: 24.2%;
left: 0;
right: 0;
bottom: 0;
z-index:1;
transition: all 0.35s ease-in-out;
}
.ab-cd:hover::before{
opacity: 0.4;
animation: bounce-in .6s ease-in forwards; 
animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-duration: 0.35s;
}
.ab-cd img{
width: 100%;
height: auto;
}


@keyframes bounce-in{
0%{
 opacity: 0;
 transform: scale3d(.3,.3,.3);
}
20%{ transform: scale3d(1.1,1.1,1.1); }
40%{ transform: scale3d(.9,.9,.9); }
60%{ 
 opacity: 1;       
 transform: scale3d(1.03,1.03,1.03);
}
80%{ transform: scale3d(.97,.97,.97); }
100%{ 
 opacity: 1;    
 transform: scale3d(1,1,1);
}
}
@media only screen and (max-width:990px){
.ab-cd{ margin: 0 0 30px; }
}
.wh-cd{
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
opacity: 1;
padding:15px;
width:110px;
position: relative;
top:50%;
left:-330px;
}
.com {
    list-style: none;
  }
  
  .com li::before {
    content: "\2022";
    color:var(--main-color);
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    font-size:35px;
    margin-left: -1em;
    position: relative;
    top:7px;
  }
  .project{
    font-weight:900;
    font-size:var(--heading-h3);
         }

    .set h2{
        font-weight:900;
        font-size:var(--heading-h3);
            }
            .car-logo{
                width:40%;
                margin-left:-10px;
                padding-bottom:10px;
            }
            .formt{
                position: relative;
                width: 250px;
                height: 100px;
               background:rgb(244,244,244);
                               border-radius: 10px;
                
                }
                .formt div{
                width: 100%;
                height: 100%;
                text-align: center;
                line-height: 170px;
                color: black;
                /* position: relative;
                top: 10%;
                z-index:1; */
                }
                .formt input{
                position: relative;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                outline: none;
                opacity: 0;
                }
                .formt button {
                    border-radius: 10px;
                    padding: 10px 20px;
                    background: #1950A3;
                    outline: none;
                    border: none;
                    color: white;
                    font-size: 16px;
                }
                .formt img {
                    position: relative;
                    top: -140px;
                    left: 0px;
                } 
                #fileName::before {
                    content: '';
                position: relative;
                left:-40%;
               
                }
                #fileName {
                    position: relative;
                    top: -80px;
                    
                }
                .social-li li {
                    display:inline-block;  
                   }
                   html[dir="rtl"] .social-li li {
                    display:inline-block;
                    position: relative;
                    left:55px;  
                   }
                   .social-li li i{
                    color:#3863A8 !important;
                    font-size: var(--heading-h6);
                    background: transparent;
                    border-radius: 50%;
                    padding: 15px;
                   position: relative;
                   margin-top:10px;
                   left:-34px;
                    border:3px solid #3863A8;
                }
                
                .social-li li i:hover{
                    background:#3863A8;
                    color:var(--white-color) !important;
                }
                
                @media only screen and (min-width: 1024px) and (max-width: 1366px) { 
                

                    .top-services-section {
                        position: relative;
                        z-index: 1;
                        margin-top:-130px;
                    }
                    .page-title-area::before {
                        position: absolute;
                        content: "";
                        height: 97%;
                        margin-top: -100px;
                        width: 100%;
                        background-color: #000;
                        left: 0;
                        top: 0;
                        opacity: .4;
                        z-index: -1;
                    }
                    .page-title-area2 {
                        position: relative;
                        z-index: 1;
                        background-position: center top !important;
                      background-size: cover !important;
                        background-repeat: no-repeat !important;
                        padding-top: 100px;
                        height:640px;
                        padding-bottom: 100px;
                        margin-top:-100px;
                        z-index: 1
                    } 
                    
                    
                     .page-title-area2::before {
                        position: absolute;
                        content: "";
                        height:122%;
                        margin-top: -142px;
                        width: 100%;
                        background-color: #000;
                        left: 0;
                        top: 0;
                        opacity: .4;
                        z-index: -1;
                    } 
                    
                }
@media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min--moz-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2){ 
  .page-title-area {
    position: relative;
    z-index: 1;
    background-position:60% !important;
        background-repeat: no-repeat !important;
    padding-top: 100px;
    height:730px;
    padding-bottom: 100px;
    margin-top:-100px;
    z-index: 1
} 
  .top-services-section {
    position: relative;
    z-index: 1;
    margin-top:17px;
}
}
  input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }