/*
  Theme Name: Devgan - Creative Multipurpose WordPress Theme
  Description: Devgan - Creative Multipurpose WordPress Theme.
  Version: 1.0
*/

/* CSS Index
-----------------------------------

1. Theme default css
2. Header
3. Slider
4. Services
5. Work-progress
6. About
7. Skill
8. Features
9. Counter
10. Project
11. Qualification
12. Team
13. Cta
14. Screenshot
15. Business-process
16. Business-strategy
17. Faq
18. Brand
19. Pricing
20. Shop
21. Newsletter
22. Testimonial
23. App-download
24. Blog
25. Contact
26. 404 page
27. Footer
28. Preloader

*/

/* 1. Theme default css */
body {
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #7e7e7e;
    font-style: normal;
}
.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.fix {
    overflow: hidden;
}
button {
    transition: 0.3s;
    cursor: pointer;
}
a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
.btn:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    text-decoration: none;
    box-shadow: none;
}
a,
button {
    color: #ff3a46;
    outline: medium none;
}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Heebo", sans-serif;
    color: #233d63;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
h1 {
    font-size: 40px;
    font-weight: 500;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}
p {
    font-size: 14px;
    font-weight: normal;
    line-height: 27px;
    color: #666;
    margin-bottom: 15px;
}
hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}
label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}
*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}
*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}
.theme-overlay {
    position: relative;
}
.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}
.separator {
    border-top: 1px solid #f2f2f2;
}
.p-relative {
    position: relative;
}
/* button style */
.btn {
    -moz-user-select: none;
    background: #ff3a46;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 27px 60px;
    text-align: center;
    text-transform: capitalize;
    touch-action: manipulation;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 80px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btn::before {
    content: "\f101";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 27%;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    z-index: 1;
}
.btn::after {
    content: "";
    position: absolute;
    background-color: #ff202e;
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 0;
    z-index: -1;
}
.btn:hover:after {
    height: 100%;
    left: 100%;
    width: 135%;
}
.btn:hover {
    color: #fff;
}
.btn.transparent-btn {
    border: 2px solid #ff3a46;
    background: transparent;
    color: #233d63;
    padding: 26px 60px;
    padding-right: 80px;
}
.btn.transparent-btn::after {
    content: none;
}
.btn.transparent-btn:hover {
    background: #ff3a46;
    color: #fff;
}
.gradient-btn {
    position: relative;
    box-shadow: none;
    background-image: linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
    background-image: -webkit-linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
    background-image: -ms-linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
    background-size: 200% auto;
    color: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.gradient-btn:hover {
    box-shadow: none;
    background-position: right center;
}
.gradient-btn::after {
    content: none;
}
.gradient-btn.btn:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
    background-image: -webkit-linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
    background-image: -ms-linear-gradient(
        to right,
        #5584ff 0%,
        #7ac9ff 50%,
        #5584ff 100%
    );
}
.sass-btn {
    background: #4275ff;
    padding: 25px 50px;
    padding-right: 70px;
    border: 2px solid #4275ff;
}
.sass-btn::before {
    right: 24%;
}
.sass-btn::after {
    display: none;
}
.sass-btn:hover {
    background: transparent;
    color: #4275ff;
}
.breadcrumb > .active {
    color: #888;
}
.display-ib {
    display: inline-block;
    margin: 0;
}
/* scrollUp */
#scrollUp {
    background: #ff3a46;
    height: 50px;
    width: 50px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 28px;
    line-height: 50px;
}
#scrollUp:hover {
    background: #444;
}

/* 2. Header */
.logo {
    padding: 20px 0;
}
.main-menu ul li {
    display: inline-block;
    margin-left: 40px;
    position: relative;
}
.main-menu ul li.menu-item-has-children::before {
    content: "\f107";
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    font-size: 14px;
    color: #444444;
    font-family: "Font Awesome 5 Pro";
    transition: 0.3s;
}
.main-menu ul li a {
    font-size: 17px;
    color: #444444;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    display: block;
    padding: 65px 0;
    transition: 0.5s linear;
}
.main-menu ul li.active > a {
    color: #ff3a46;
}
.main-menu ul li.active.menu-item-has-children::before {
    color: #ff3a46;
}
.main-menu ul li:hover > a {
    color: #ff3a46;
}
.main-menu ul li:hover.menu-item-has-children::before {
    color: #ff3a46;
}
.menu-icon a {
    font-size: 14px;
    color: #444444;
    display: inline-block;
    margin-left: 30px;
}
.menu-icon a:first-child {
    margin-left: 0;
}
.menu-icon a:hover {
    color: #ff3a46;
}
.menu-icon .shop-cart {
    position: relative;
}
.menu-icon .shop-cart span {
    height: 25px;
    width: 25px;
    position: absolute;
    right: -15px;
    top: -17px;
    font-size: 14px;
    color: #ff3a46;
    background: #ffebec;
    border-radius: 50%;
    text-align: center;
    font-family: "Heebo", sans-serif;
    line-height: 25px;
    z-index: -1;
}
.menu-icon a.sidebar-menu {
    margin-left: 40px;
}
.sticky-menu {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 9999;
    background: #fff;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.sticky-menu .main-menu ul li a {
    padding: 35px 0;
}
.transparent-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
/* search-modal */
#search-modal {
    background-color: rgba(23, 26, 33, 0.95);
    z-index: 999999;
}
.modal-backdrop {
    z-index: 1;
}
#search-modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    outline: 0;
}
#search-modal .modal-dialog .modal-content {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}
#search-modal .modal-dialog .modal-content form {
    width: 555px;
    position: relative;
}
#search-modal .modal-dialog .modal-content form input {
    width: 100%;
    font-size: 36px;
    border: none;
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
    background: 0 0;
    color: #fff;
    padding-bottom: 12px;
    padding-right: 40px;
}
#search-modal .modal-dialog .modal-content form input::-moz-placeholder {
    font-size: 35px;
}
#search-modal .modal-dialog .modal-content form input::placeholder {
    font-size: 35px;
}
#search-modal .modal-dialog .modal-content form button {
    position: absolute;
    right: 0;
    margin-bottom: 3px;
    font-size: 30px;
    color: #ff3a46;
    background: 0 0;
    border: none;
    cursor: pointer;
    top: 11px;
}
.extra-info {
    background: #151515 none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.7s ease 0s;
    width: 340px;
    z-index: 999;
    transform: translateX(100%);
}
.extra-info.active {
    transform: translateX(0);
}
.close-icon {
    margin-top: -16px;
    text-align: right;
}
.close-icon > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ff3a46;
    cursor: pointer;
    font-size: 20px;
    padding: 0;
}
.side-info {
    border-top: 1px solid #344159;
    padding-top: 25px;
}
.contact-list h4 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.contact-list p {
    color: #fff;
    opacity: 0.5;
    margin: 0;
    margin-bottom: 5px;
    line-height: 28px;
}
.side-instagram {
    overflow: hidden;
    margin: 0 -4px;
}
.side-instagram > a {
    float: left;
    width: 33.33%;
    padding: 0 4px;
    margin-bottom: 7px;
}
.side-instagram img {
    width: 100%;
}
.social-icon-right > a {
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}
.offcanvas-overly {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.offcanvas-overly.active {
    opacity: 0.5;
    visibility: visible;
}
.header-padding {
    padding: 0 180px;
}
.main-menu.s-main-menu ul li:hover > a {
    color: #7e6bdc;
}
.main-menu.s-main-menu ul li.active > a {
    color: #7e6bdc;
}
.main-menu.s-main-menu ul li:hover.menu-item-has-children::before {
    color: #7e6bdc;
}
.main-menu.s-main-menu ul li.active.menu-item-has-children::before {
    color: #7e6bdc;
}
.menu-icon.s-menu-icon a:hover {
    color: #7e6bdc;
}
.main-menu.app-menu ul li:hover > a {
    color: #4275ff;
}
.main-menu.app-menu ul li.active > a {
    color: #4275ff;
}
.main-menu.app-menu ul li:hover.menu-item-has-children::before {
    color: #4275ff;
}
.main-menu.app-menu ul li.active.menu-item-has-children::before {
    color: #4275ff;
}
.purple-btn {
    background: #7e6bdc;
}
.purple-btn::after {
    background: #725be7;
}
.l-purple-btn {
    background: #f2f0fb;
    color: #7e6bdc;
}
.l-purple-btn::after {
    content: none;
}
.l-purple-btn:hover {
    background: #7e6bdc;
    color: #fff;
}
.header-btn.l-purple-btn {
    font-size: 16px;
    color: #7e6bdc;
    padding: 22px 50px;
    padding-right: 70px;
}
.header-btn.l-purple-btn::before {
    right: 25%;
}
.s-menu-icon .header-btn.l-purple-btn:hover {
    color: #fff;
}
.s-header-btn {
    border: 2px solid #66a9f8;
    background: transparent;
    color: #233d63;
    padding: 20px 40px;
    position: relative;
    padding-left: 70px;
}
.s-header-btn::before {
    content: "\f406";
    right: auto;
    left: 26%;
}
.s-header-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(to right, #5584ff, #79c8ff);
    background: linear-gradient(to right, #5584ff, #79c8ff);
    transform: unset;
    transform-origin: unset;
    opacity: 0;
}
.s-header-btn:hover {
    border-color: transparent;
}
.s-header-btn:hover::after {
    opacity: 1;
    width: 100%;
    left: 0;
}
.header-shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.sticky-menu .header-shape {
    display: none;
}
.header-social a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #ecf1ff;
    border-radius: 50%;
    color: #4275ff;
    margin-left: 10px;
}
.header-social a:hover {
    background: #4275ff;
    color: #fff;
}
.header-social a:first-child {
    margin-left: 0;
}
.sass-header-btn {
    border: 2px solid #4275ff;
    background: transparent;
    color: #233d63;
    padding: 20px 40px;
    position: relative;
    padding-left: 70px;
    margin-left: 30px;
}
.sass-header-btn::before {
    content: "\f406";
    right: auto;
    left: 26%;
}
.sass-header-btn::after {
    display: none;
}
.sass-header-btn:hover {
    background: #4275ff;
    color: #fff;
}
.s-header-padding {
    padding: 0 150px;
}
.sass-menu ul li a {
    padding: 57px 0;
}
.portfolio-header {
    background: #4f31a6;
}
.main-menu.portfolio-menu ul li a {
    color: #b094ff;
    padding: 43px 0;
}
.main-menu.portfolio-menu ul li:hover > a {
    color: #fff;
}
.main-menu.portfolio-menu ul li.active > a {
    color: #fff;
}
.main-menu.portfolio-menu ul li.menu-item-has-children::before {
    color: #b094ff;
}
.main-menu.portfolio-menu ul li:hover.menu-item-has-children::before {
    color: #fff;
}
.main-menu.portfolio-menu ul li.active.menu-item-has-children::before {
    color: #fff;
}
.sticky-menu .main-menu.portfolio-menu ul li a {
    padding: 35px 0;
}
.portfolio-menu-btn .btn {
    padding: 22px 45px;
    padding-right: 64px;
    background: #f14b59;
}
.portfolio-menu-btn .btn::after {
    background: #ff4453;
}
.shop-menu-icon a.sidebar-menu {
    margin-left: 40px;
    border: 2px solid #ff3a46;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 38px;
    border-radius: 50px;
    position: relative;
    padding-left: 70px;
    line-height: 1;
}
.shop-menu-icon a.sidebar-menu::before {
    content: "\e645";
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Pe-icon-7-stroke";
    font-size: 24px;
    line-height: 1;
}
.shop-menu-icon a.sidebar-menu:hover {
    background: #ff3a46;
    color: #fff;
}
.shop-menu-icon a {
    font-size: 16px;
    margin-left: 18px;
}
.inner-page-menu ul li a {
    padding: 38px 0;
}
.main-menu ul li .submenu {
    position: absolute;
    z-index: 9;
    background-color: #fff;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    display: block;
    left: 0;
    opacity: 0;
    padding: 18px 0;
    right: 0;
    top: 80%;
    visibility: hidden;
    min-width: 280px;
    border: 1px solid #f5f5f5;
    background: #ffffff;
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    margin: 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-menu ul li .submenu li {
    margin-left: 0;
    text-align: left;
    display: block;
}
.main-menu ul li .submenu li a {
    padding: 0 25px;
    line-height: 45px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: none;
}
.main-menu ul li.menu-item-has-children .submenu li::before {
    right: 20px;
}
.main-menu ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.main-menu ul li .submenu li .submenu {
    left: 100%;
    top: 0;
    right: auto;
    transform: unset;
    transform-origin: unset;
}
.main-menu ul li.menu-last .submenu {
}
.main-menu ul li.menu-last .submenu li .submenu {
    left: auto;
    right: 100%;
}

.main-menu.portfolio-menu ul li .submenu li a {
    color: #444444;
    padding: 0 0 0 25px;
}
.main-menu.portfolio-menu ul li .submenu li:hover > a {
    color: #b094ff;
}
.sticky-menu .main-menu ul li > .submenu,
.main-menu.inner-page-menu ul li > .submenu {
    top: 100%;
}

/* breadcrumb */
.breadcrumb-bg {
    min-height: 600px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.breadcrumb-bg.front-page {
    min-height: 400px;
}
.breadcrumb-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #233d63;
    z-index: -1;
    opacity: 0.85;
}
.breadcrumb-title h2 {
    font-size: 48px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
}
.breadcrumb-wrap .breadcrumb {
    display: block;
    display: block;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: unset;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: unset;
    border-radius: 0;
}
.breadcrumb-wrap .breadcrumb li {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 0 12px;
    position: relative;
}
.breadcrumb-wrap .breadcrumb li a {
    color: #fff;
}
.breadcrumb-wrap li::before {
    content: ">";
    color: #fff;
    position: absolute;
    left: -4px;
    top: 1px;
}
.breadcrumb-wrap li:first-child::before {
    display: none;
}

/* 3. Slider */
.slider-content h2 {
    font-size: 75px;
    color: #42495b;
    line-height: 1;
    letter-spacing: -2px;
    text-decoration: underline #ffde4a;
    margin-bottom: 43px;
}
.slider-content p {
    font-size: 18px;
    color: #5f5f5f;
    line-height: 32px;
    margin-bottom: 0;
    padding-right: 50px;
}
.slider-btn .btn:last-child {
    background: #ffebec;
    color: #233d63;
    margin-left: 10px;
}
.slider-btn .btn:last-child::after {
    content: none;
}
.slider-btn .btn:last-child:hover {
    color: #fff;
    background: #ff3a46;
}
.slider-img {
    margin-left: -30px;
    padding-top: 100px;
    padding-bottom: 170px;
}
.slider-shape {
    position: absolute;
    left: 70px;
    bottom: 0;
    z-index: -1;
}
.s-slider-padding {
    padding-left: 265px;
    padding-top: 130px;
}
.s-slider-content h5 {
    font-size: 14px;
    color: #ff3a46;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.s-slider-content h5 span {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #ff3a46;
    margin-right: 20px;
    position: relative;
    top: -3px;
}
.s-slider-content h2 {
    color: #233d63;
    text-decoration: unset;
    margin-bottom: 33px;
}
.slider-play {
    height: 70px;
    width: 70px;
    text-align: center;
    display: inline-block;
    line-height: 70px;
    background: #ff3a46;
    color: #fff;
    border-radius: 50%;
    margin-left: 10px;
}
.slider-play:hover {
    background: #7e6bdc;
    color: #fff;
}
.s-slider-img {
    margin-left: 45px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
.s-slider-circle {
    position: absolute;
    left: 110px;
    bottom: 15px;
    z-index: -1;
}
.s-slider-shape {
    position: absolute;
    left: 350px;
    bottom: 150px;
    z-index: -1;
}
.t-slider-content span {
    font-size: 13px;
    text-transform: uppercase;
    color: #4275ff;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    border: 2px solid #ecf1ff;
    padding: 8px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
.t-slider-content h2 {
    text-decoration: unset;
    margin-bottom: 30px;
}
.t-slider-content p {
    margin-bottom: 45px;
}
.app-download-btn ul {
    position: relative;
    top: 4px;
    left: 15px;
}
.app-download-btn ul li {
    display: inline-block;
    margin-right: 7px;
}
.app-download-btn ul li a {
    display: block;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    background: #ecf1ff;
    border-radius: 50%;
    font-size: 20px;
    color: #42495b;
    position: relative;
    z-index: 1;
}
.app-download-btn ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(to right, #5584ff, #79c8ff);
    background: linear-gradient(to right, #5584ff, #79c8ff);
    opacity: 0;
    transition: 0.3s;
    border-radius: 50%;
    z-index: -1;
}
.app-download-btn ul li a:hover {
    color: #fff;
}
.app-download-btn ul li a:hover::before {
    opacity: 1;
}
.t-slider-btn .gradient-btn::before {
    right: 25%;
}
.app-slider-bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.app-slider-img {
    padding-top: 200px;
    margin-left: -10px;
}
.app-slider-shape {
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: -1;
}
.t-slider-content {
    padding-top: 200px;
}
.sass-slider-bg {
    min-height: 895px;
    background-position: left center;
    background-size: cover;
}
.sass-slider-padding {
    padding-left: 250px;
}
.sass-slider-content {
    padding-top: 225px;
}
.sass-slider-content h2 {
    text-decoration: unset;
    margin-bottom: 30px;
    color: #fff;
}
.sass-slider-content p {
    color: #fff;
}
.sass-slider-btn .sass-btn {
    background: #fdab00;
    border-color: #fdab00;
    color: #fff;
}
.sass-slider-btn .sass-btn:hover {
    background: #fff;
    border-color: #fff;
    color: #fdab00;
}
.sass-slider-btn .sass-btn::before {
    right: 23%;
}
.sass-slider-img {
    position: absolute;
    right: 0;
    top: -30px;
}
.sass-slider-shape {
    position: absolute;
}
.sss-one {
    left: 110px;
    top: 220px;
}
.sss-two {
    left: 150px;
    bottom: 185px;
}
.sss-three {
    left: 28%;
    top: 70px;
}
.sss-four {
    top: 150px;
    left: 48%;
}
.sss-five {
    left: 33%;
    bottom: 15%;
}
.moveshape-one {
    animation: moveShape 20s linear 2s infinite alternate;
}
/* move-shape */
@keyframes moveShape {
    0% {
        left: 33%;
        bottom: 15%;
    }

    25% {
        left: 30%;
        bottom: 18%;
    }

    50% {
        left: 35%;
        bottom: 20%;
    }

    75% {
        left: 33%;
        bottom: 15%;
    }

    100% {
        left: 40%;
        bottom: 30%;
    }
}
.portfolio-slider {
    min-height: 840px;
    background-position: center;
    background-size: cover;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.portfolio-slider-content > span {
    font-size: 45px;
    color: #fff;
}
.portfolio-slider-content > span {
    font-size: 45px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    display: block;
    margin-bottom: 20px;
}
.portfolio-headline {
    margin-bottom: 35px;
    display: block;
}
.portfolio-headline span b {
    font-size: 110px;
    color: #fff;
    line-height: 1;
    font-family: "Heebo", sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: -5px;
}
.portfolio-slider-content p {
    font-size: 18px;
    color: #b79eff;
    line-height: 2;
    padding-right: 75px;
    margin-bottom: 40px;
}
.pslider-social {
    margin-left: 15px;
}
.pslider-social ul li {
    display: inline-block;
}
.pslider-social ul li a {
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background: #4f31a6;
    font-size: 16px;
    border-radius: 50%;
    color: #9375e9;
    margin-left: 10px;
}
.pslider-social ul li a:hover {
    background: #6648c0;
    color: #fff;
}
.btn.p-btn {
    padding: 22px 45px;
    padding-right: 65px;
    background: #f14b59;
}
.btn.p-btn::before {
    right: 22%;
}
.btn.p-btn::after {
    background: #ff4453;
}
.portfolio-slider-content {
    padding-bottom: 90px;
}
.p-slider-img {
    margin-left: -40px;
}
.p-slider-img.p-relative img {
    max-width: inherit;
}
.p-slider-tag {
    position: absolute;
    right: -213px;
    top: 18%;
    z-index: 1;
}
.shop-slider-content h2 {
    font-size: 85px;
    line-height: 1.06;
    margin-bottom: 35px;
    letter-spacing: -3px;
}
.shop-slider-content h5 {
    font-size: 24px;
    font-weight: 400;
    color: #ff3a46;
    margin-bottom: 55px;
}
.shop-slider-area {
    padding-top: 84px;
    padding-bottom: 160px;
}
.shop-slider-img {
    margin-left: -60px;
}
.shop-slider-active .slick-list {
    overflow: inherit;
}
.shop-slider-shape {
    position: absolute;
}
.shop-ss-one {
    top: 40px;
    left: 25%;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    z-index: -1;
}
.shop-ss-two {
    top: 25%;
    left: 8%;
}
.shop-ss-three {
    left: 10%;
    bottom: 14%;
}
.shop-ss-four {
    right: 27%;
    bottom: 23%;
}
.shop-ss-five {
    right: 10%;
    bottom: 40%;
}
.shop-ss-six {
    right: 22%;
    top: 8%;
}
.shop-slider-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    right: -310px;
    z-index: 9;
    border: none;
    padding: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #233d63;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: 0.3s;
    line-height: 1;
    font-family: "Heebo", sans-serif;
    cursor: pointer;
}
.shop-slider-active .slick-arrow i {
    margin-left: 5px;
}
.shop-slider-active .slick-prev {
    top: 37%;
    right: -314px;
}
.shop-slider-active .slick-prev i {
    margin-left: 0;
    margin-right: 5px;
}
.shop-slider-active .slick-arrow:hover {
    color: #f14b59;
}
.shop-slider-active .slick-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -290px;
    z-index: 9;
    line-height: 1;
}
.shop-slider-active .slick-dots li {
    margin: 7px 0;
    list-style: none;
}
.shop-slider-active .slick-dots li button {
    height: 60px;
    width: 60px;
    border: 2px solid #edeaf6;
    border-radius: 50%;
    background: transparent;
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    color: #233d63;
    cursor: pointer;
    transition: 0.3s;
}
.shop-slider-active .slick-dots li.slick-active button {
    border-color: #f14b59;
    background: #f14b59;
    color: #fff;
}
.shop-slider-share span {
    font-size: 16px;
    font-weight: 700;
    color: #233d63;
    margin-right: 15px;
    font-family: "Heebo", sans-serif;
}
.shop-slider-share a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #e5e0f2;
    border-radius: 50%;
    color: #8467d8;
    margin: 0 5px;
}
.shop-slider-share a:hover {
    background: #4f31a6;
    color: #fff;
}
.shop-slider-share {
    position: absolute;
    right: 75px;
    bottom: 180px;
}
.slider-img .slider-min-img {
    opacity: 0;
    visibility: hidden;
}
.slider-area .slider-img img {
    max-width: inherit;
}
.slider-img .slider-desk-bg {
    position: absolute;
    top: 100px;
    left: 82px;
    z-index: -1;
}
.slider-img .slider-desk-line {
    position: absolute;
    bottom: 171px;
    left: -15px;
}
.slider-img .slider-desktop {
    position: absolute;
    left: 80px;
    bottom: 202px;
    z-index: 1;
}
.slider-img .slider-desktop-man {
    position: absolute;
    right: 7px;
    bottom: 201px;
}
.slider-img .slider-dollar {
    position: absolute;
    left: 21px;
    top: 31%;
}
.slideInLeftS {
    -webkit-animation-name: slideInLeftS;
    animation-name: slideInLeftS;
}
@-webkit-keyframes slideInLeftS {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
    }

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

@keyframes slideInLeftS {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.s-slider-img .s-slider-main-img {
    opacity: 0;
    visibility: hidden;
}
.s-slider-img .ss-single-short {
    position: absolute;
}
.s-slider-img .s-img-shape {
    left: 71px;
    top: 103px;
}
.s-slider-img .s-img-shape-two {
    right: -158px;
    top: 57px;
}
.s-slider-img .s-progress-img {
    top: 161px;
    left: 41%;
    z-index: -1;
}
.s-slider-img .gear_shape01 {
    left: 160px;
    top: 33px;
    z-index: -1;
}
.s-slider-img .gear_shape02 {
    right: 37px;
    top: 0;
    z-index: -1;
}
.s-slider-img .sofa-man {
    left: 0;
    bottom: 0;
}
.s-slider-img .s-arrow-shape {
    left: 58%;
    bottom: 118px;
}
.s-slider-img .chair-man {
    right: -194px;
    bottom: -1px;
}
.s-slider-img .search-shape {
    right: -59px;
    bottom: 1px;
    z-index: -1;
}

/* 4. Services */
.section-title span {
    font-size: 18px;
    text-transform: uppercase;
    color: #ff3a46;
    font-weight: 500;
    display: block;
    margin-bottom: 25px;
}
.section-title h2 {
    font-size: 55px;
    margin-bottom: 0;
    line-height: 1.02;
    letter-spacing: -2px;
}
.single-services {
    background: #fff;
    padding: 55px 30px;
    transition: 0.3s linear;
    border: 2px solid #fff;
    transform: translateX(0);
}
.services-icon i {
    font-size: 35px;
    color: #ff3a46;
}
.services-content h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
}
.services-content p {
    margin-bottom: 0;
}
.single-services:hover {
    border-color: #ff3a46;
    transform: translateY(-15px);
}
.s-single-services {
    padding: 55px 30px;
    position: relative;
    background: #f2f0fb;
    z-index: 1;
}
.s-single-services.red {
    background: #ffebec;
}
.s-single-services.yellow {
    background: #fff9e9;
}
.s-single-services.blue {
    background: #edf1ff;
}
.s-single-services.purple .services-icon i {
    color: #7e6bdc;
    transition: all 0.3s ease-in-out;
}
.s-single-services.red .services-icon i {
    color: #ff3a46;
    transition: all 0.3s ease-in-out;
}
.s-single-services.yellow .services-icon i {
    color: #ffc92c;
    transition: all 0.3s ease-in-out;
}
.s-single-services.blue .services-icon i {
    color: #4b78ff;
    transition: all 0.3s ease-in-out;
}
.s-single-services .services-content h4,
.s-single-services .services-content p {
    transition: all 0.3s ease-in-out;
}
.s-single-services::before {
    content: "";
    position: absolute;
    background: #7e6bdc;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out;
}
.s-single-services:hover::before {
    transform-origin: center top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.s-single-services:hover .services-icon i {
    color: #fff;
}
.s-single-services:hover .services-content h4,
.s-single-services:hover .services-content p {
    color: #fff;
}
.s-single-services.red::before {
    background: #ff3a46;
}
.s-single-services.yellow::before {
    background: #ffc92c;
}
.s-single-services.blue::before {
    background: #4b78ff;
}
.s-services-content p {
    margin-bottom: 0;
}
.t-single-services {
    background: #fff;
    padding: 50px 35px;
    padding-top: 65px;
}
.t-services-icon {
    position: relative;
    margin-bottom: 55px;
    z-index: 1;
}
.t-services-icon i {
    font-size: 50px;
    color: #ff3a46;
    line-height: 1;
}
.t-services-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 95px;
    width: 30px;
    background: #ff3a46;
    transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0.05;
    z-index: -1;
    transition: 0.3s ease-in-out;
}
.t-single-services:hover .t-services-icon::before {
    transform: translate(-50%, -50%) rotate(-60deg);
}
.t-services-content h4 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.t-services-content p {
    margin-bottom: 40px;
}
.t-services-content .btn {
    padding: 22px 45px;
    padding-right: 65px;
    color: #233d63;
}
.t-services-content .btn::before {
    right: 23%;
}
.t-services-content .btn:hover {
    color: #fff;
}
.personal-services {
    background: #eeeaf7;
}
.single-personal-services {
    background: #fff;
    padding: 60px 50px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.sps-content h3 {
    font-size: 26px;
    color: #5435ad;
    margin-bottom: 20px;
}
.sps-content p {
    margin-bottom: 20px;
}
.sps-content a {
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #e860fe;
    font-size: 14px;
    background: #fdefff;
    border-radius: 50%;
}
.sps-content a:hover {
    background: #e860fe;
    color: #fff;
}
.sps-content.light-blue a {
    color: #65cafe;
    background: #ddf3ff;
}
.sps-content.green a {
    color: #00bf9e;
    background: #e5f8f5;
}
.sps-content.red a {
    color: #fe6263;
    background: #ffefef;
}
.sps-content.blue a {
    color: #5d5af3;
    background: #e7e6fd;
}
.sps-content.orange a {
    color: #ff8923;
    background: #fff3e9;
}
.sps-content.light-blue a:hover {
    background: #65cafe;
    color: #fff;
}
.sps-content.green a:hover {
    background: #00bf9e;
    color: #fff;
}
.sps-content.red a:hover {
    background: #fe6263;
    color: #fff;
}
.sps-content.blue a:hover {
    background: #5d5af3;
    color: #fff;
}
.sps-content.orange a:hover {
    background: #ff8923;
    color: #fff;
}
.single-personal-services::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    background: url(../img/shape/p_services_shape.png) no-repeat 0 0;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.single-personal-services:hover::after {
    opacity: 0.1;
}
.wwd-video img {
    width: 100%;
    border-radius: 10px;
}
.wwd-content p {
    margin-bottom: 15px;
}
.wwd-content .btn {
    margin-top: 30px;
}
.inner-wwd-content p {
    margin-bottom: 25px;
}
.s-three-thumb img {
    width: 100%;
    margin-bottom: 35px;
}
.s-three-content {
    padding: 0 32px;
}
.s-three-content h3 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px;
}
.s-three-content p {
    margin-bottom: 30px;
}
.s-three-content .btn {
    padding: 22px 45px;
    padding-right: 65px;
    color: #233d63;
}
.s-three-content .btn::before {
    right: 23%;
}
.s-three-content .btn:hover {
    color: #fff;
}
.services-three-video {
    min-height: 750px;
    background-position: center;
    background-size: cover;
}
.services-details-content p {
    margin-bottom: 55px;
    padding-right: 10px;
}
.sdetails-list-icon i {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    border: 2px solid #dee2e8;
    border-radius: 50%;
    font-size: 16px;
    color: #ff3a46;
    display: block;
    margin-right: 20px;
}
.services-details-list ul li {
    display: flex;
    align-items: start;
    overflow: hidden;
    margin-bottom: 30px;
}
.services-details-list ul li:last-child {
    margin-bottom: 0;
}
.sdetails-list-content h4 {
    font-size: 20px;
    line-height: 1.6;
    padding-right: 80px;
    margin-bottom: 15px;
}
.sdetails-list-content p {
    margin-bottom: 0;
}
.wwd-parallax-img {
    border-radius: 15px;
    margin-top: -292px;
    margin-left: -65px;
}
.services-list-content h4 {
    font-size: 24px;
    margin-bottom: 25px;
}
.services-list-content p {
    margin-bottom: 30px;
}
.services-list-content .btn {
    padding: 22px 45px;
    padding-right: 65px;
    color: #233d63;
}
.services-list-content .btn::before {
    right: 23%;
}
.services-list-content .btn:hover {
    color: #fff;
}

/* 5. Work-progress */
.wprogress-count h5 {
    height: 60px;
    width: 60px;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    line-height: 60px;
    border: 2px solid #e3eaff;
    border-radius: 50%;
    font-size: 18px;
    position: relative;
}
.wprogress-content span {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Heebo", sans-serif;
    color: #64b9ef;
    padding: 6px 15px;
    display: inline-block;
    background: #eff8fd;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: 0.3s;
}
.wprogress-content h3 {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.4;
}
.wprogress-content.blue span {
    color: #4275ff;
    background: #ecf1ff;
}
.wprogress-content.orange span {
    color: #ff7959;
    background: #fff1ee;
}
.single-wprogress:hover .wprogress-content span {
    color: #fff;
    background: #64b9ef;
}
.single-wprogress:hover .wprogress-content.blue span {
    color: #fff;
    background: #4275ff;
}
.single-wprogress:hover .wprogress-content.orange span {
    color: #fff;
    background: #ff7959;
}
.single-wprogress .wprogress-count h5::before {
    content: "";
    position: absolute;
    left: 90px;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: 2px;
    background: #ecf1ff;
}
.col-xl-2:last-child .single-wprogress .wprogress-count h5::before {
    width: 100px;
}
.col-xl-2:first-child .single-wprogress .wprogress-count h5::after {
    content: "";
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 2px;
    background: #ecf1ff;
}
.app-title span {
    font-size: 13px;
    text-transform: uppercase;
    color: #4275ff;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    border: 2px solid #ecf1ff;
    padding: 3px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 35px;
}
.single-wprogress {
    position: relative;
}
.col-xl-2:first-child .single-wprogress::before,
.col-xl-2:last-child .single-wprogress::before {
    content: "\f104";
    position: absolute;
    top: 32%;
    left: -90px;
    font-family: "Font Awesome 5 Pro";
    height: 30px;
    width: 30px;
    border: 2px solid #4275ff;
    line-height: 27px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    transition: 0.3s;
    background: #fff;
    z-index: 1;
    color: #42495b;
    cursor: pointer;
}
.col-xl-2:last-child .single-wprogress::before {
    left: unset;
    right: -90px;
    content: "\f105";
}

/* 6. About */
.about-exp h2 {
    margin-bottom: 0;
    font-size: 90px;
    font-weight: 800;
    color: #ff3a46;
    line-height: 1;
    float: left;
    display: block;
    margin-right: 18px;
    letter-spacing: -2px;
}
.about-exp > p {
    overflow: hidden;
    font-size: 24px;
    color: #ff3a46;
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 5px;
}
.about-content p {
    margin-bottom: 25px;
}
.about-img {
    margin-left: -53px;
}
.personal-about-img {
    padding-left: 60px;
}
.blue-title span {
    font-size: 14px;
    color: #f14b59;
}
.blue-title h2 {
    color: #5435ad;
}
.personal-about-content ul {
    margin-bottom: 30px;
}
.personal-about-content ul li {
    display: inline-block;
    margin-right: 10px;
}
.personal-about-content ul li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    background: #eeeaf7;
    color: #5435ad;
    padding: 10px 30px;
    border-radius: 5px;
}
.personal-about-content ul li a:hover {
    background: #5435ad;
    color: #fff;
}
.personal-about-content ul li a.btn::before {
    display: none;
}
.personal-about-content p {
    margin-bottom: 40px;
}
.signature-img {
    margin-left: 40px;
}
.about-img.inner-about-img img {
    max-width: inherit;
}
.about-img.inner-about-img {
    margin-left: 40px;
}
.our-single-goal {
    box-shadow: 0px 10px 80px 0px rgba(189, 189, 189, 0.5);
}
.our-single-goal .sps-content h3 {
    color: #233d63;
}
.our-single-goal .sps-content p {
    color: #7e7e7e;
}
.our-goal {
    padding-bottom: 270px;
}
.agn-single-about {
    transition: 0.3s linear;
    background: transparent;
}
.agn-single-about:hover {
    box-shadow: 0px 10px 80px 0px rgba(189, 189, 189, 0.5);
}
.agn-single-about.active {
    box-shadow: 0px 10px 80px 0px rgba(189, 189, 189, 0.5);
}
.agn-single-about .sps-content h3 {
    color: #233d63;
}
.agn-single-about .sps-content p {
    color: #7e7e7e;
}
.agn-video-bg {
    min-height: 815px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.agn-video-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #233d63;
    opacity: 0.85;
    z-index: -1;
}
.agn-video {
    text-align: center;
}
.agn-video-play {
    height: 150px;
    width: 150px;
    text-align: center;
    line-height: 150px;
    background: #f14b59;
    color: #fff;
    font-size: 26px;
    border-radius: 50%;
    z-index: 1;
    display: inline-block;
    position: relative;
}
.agn-video-play::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 160px;
    width: 160px;
    background: #f14b59;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite;
}
.agn-video-play:hover {
    color: #fff;
}

/* 7. Skill */
.p-skill-content p {
    margin-bottom: 45px;
}
.single-skill {
    overflow: hidden;
}
.skill-wrapper {
    padding-left: 30px;
    padding-right: 70px;
}
.bar-title h4 {
    display: inline-block;
    font-size: 18px;
    color: #4275ff;
    margin-bottom: 15px;
    margin-top: 17px;
}
.progress {
    border-radius: 0;
    height: 10px;
    overflow: visible;
    background: #ecf1ff;
}
.progress-bar {
    background-color: #4275ff;
    text-align: right;
    position: relative;
}
.progress-bar span {
    color: #fff;
    font-size: 18px;
    margin-top: -80px;
    font-weight: 700;
    width: 55px;
    height: 35px;
    background: #4275ff;
    text-align: center;
    line-height: 35px;
    margin-left: auto;
    position: relative;
    font-family: "Heebo", sans-serif;
    letter-spacing: -0.5px;
    right: -25px;
}
.progress-bar span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #4274ff transparent transparent transparent;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    z-index: 1;
}
.single-skill:nth-child(2) .bar-title h4 {
    color: #f76840;
}
.single-skill:nth-child(2) .progress {
    background: #fef0ec;
}
.single-skill:nth-child(2) .progress-bar {
    background: #f76840;
}
.single-skill:nth-child(2) .progress-bar span {
    background: #f76840;
}
.single-skill:nth-child(2) .progress-bar span::before {
    border-color: #f76840 transparent transparent transparent;
}
.single-skill:nth-child(3) .bar-title h4 {
    color: #01c4c8;
}
.single-skill:nth-child(3) .progress {
    background: #d9f6f7;
}
.single-skill:nth-child(3) .progress-bar {
    background: #01c4c8;
}
.single-skill:nth-child(3) .progress-bar span {
    background: #01c4c8;
}
.single-skill:nth-child(3) .progress-bar span::before {
    border-color: #01c4c8 transparent transparent transparent;
}
.single-skill:nth-child(4) .bar-title h4 {
    color: #fcc300;
}
.single-skill:nth-child(4) .progress {
    background: #fff6d9;
}
.single-skill:nth-child(4) .progress-bar {
    background: #fcc300;
}
.single-skill:nth-child(4) .progress-bar span {
    background: #fcc300;
}
.single-skill:nth-child(4) .progress-bar span::before {
    border-color: #fcc300 transparent transparent transparent;
}

/* 8. Features */
.app-features-img {
    position: relative;
}
.app-features-img::before {
    position: absolute;
    content: "";
    left: -60px;
    top: -95px;
    width: 550px;
    height: 650px;
    background: #7b86f1;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    will-change: border-radius, transform, opacity;
    -webkit-animation: appShape 8s linear infinite;
    -moz-animation: appShape 8s linear infinite;
    -ms-animation: appShape 8s linear infinite;
    -o-animation: appShape 8s linear infinite;
    animation: appShape 8s linear infinite;
    display: block;
    opacity: 0.2;
    z-index: -1;
}
.app-features-img::after {
    position: absolute;
    content: "";
    left: -80px;
    top: -95px;
    width: 600px;
    height: 650px;
    background: #7b86f1;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    will-change: border-radius, transform, opacity;
    -webkit-animation: appShape 4s linear infinite;
    -moz-animation: appShape 4s linear infinite;
    -ms-animation: appShape 4s linear infinite;
    -o-animation: appShape 4s linear infinite;
    animation: appShape 4s linear infinite;
    display: block;
    opacity: 0.16;
    z-index: -1;
}
@keyframes appShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
@-webkit-keyframes appShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
@-moz-keyframes appShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
@-ms-keyframes appShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
@-o-keyframes appShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}
.app-features-content > p {
    margin-bottom: 40px;
}
.flist-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.flist-head i {
    font-size: 24px;
    color: #4275ff;
    margin-right: 15px;
}
.flist-head h4 {
    font-size: 24px;
    margin-bottom: 0;
}
.flist-content p {
    margin-bottom: 0;
}
.app-features-list ul li {
    margin-bottom: 30px;
    list-style: none;
}
.app-features-list ul li:last-child {
    margin-bottom: 0px;
}
.app-coref-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.app-coref-list ul li:last-child {
    margin-bottom: 0;
}
.app-coref-list ul li i {
    font-size: 16px;
    margin-right: 10px;
    color: #4275ff;
}
.app-coref-list ul li p {
    margin-bottom: 0;
}
.app-coref-content > p {
    margin-bottom: 30px;
}
.appcore-features-img::before {
    left: -20px;
    top: -62px;
    height: 600px;
}
.appcore-features-img::after {
    left: -45px;
    top: -62px;
    height: 600px;
}
.sass-title span {
    color: #fdab00;
    border: 2px solid #fff6e5;
}
.single-sass-features {
    background: #fff9ed;
    padding: 60px 55px;
    position: relative;
    transition: 0.3s linear;
    border-radius: 10px;
    z-index: 1;
}
.sass-f-icon i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #fff1d5;
    border-radius: 50%;
    color: #fdab00;
    transition: 0.3s linear;
}
.sass-f-content h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #42495b;
    transition: 0.3s linear;
}
.sass-f-content p {
    margin-bottom: 0;
    transition: 0.3s linear;
}
.single-sass-features::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -moz-linear-gradient(
        129deg,
        rgb(51, 170, 253) 0%,
        rgb(98, 66, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        129deg,
        rgb(51, 170, 253) 0%,
        rgb(98, 66, 255) 100%
    );
    background-image: -ms-linear-gradient(
        129deg,
        rgb(51, 170, 253) 0%,
        rgb(98, 66, 255) 100%
    );
    border-radius: 10px;
    z-index: -1;
    transition: 0.3s linear;
    opacity: 0;
}
.single-sass-features:hover::before {
    opacity: 1;
}
.single-sass-features:hover .sass-f-content h4,
.single-sass-features:hover .sass-f-content p {
    color: #fff !important;
}
.single-sass-features:hover .sass-f-icon i {
    background: #fff !important;
    color: #33aafd !important;
}
.single-sass-features.active::before {
    opacity: 1;
}
.single-sass-features.active .sass-f-content h4,
.single-sass-features.active .sass-f-content p {
    color: #fff !important;
}
.single-sass-features.active .sass-f-icon i {
    background: #fff;
    color: #33aafd;
}

/* 9. Counter */
.counter-icon i {
    font-size: 60px;
    color: #ff3a46;
    line-height: 1;
}
.single-counter h3 {
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
}
.single-counter > span {
    font-size: 15px;
    color: #5f5f5f;
    font-weight: 500;
    display: block;
}
.app-counter-bg {
    background-position: center;
    background-size: cover;
}
.app-counter .counter-icon i {
    color: #fff;
}
.app-counter.single-counter h3 {
    color: #fff;
}
.app-counter.single-counter span {
    color: #fff;
}
.single-counter.personal-counter h3 {
    color: #5435ad;
}
.single-counter.personal-counter > span {
    color: #a996e0;
}
.inner-counter-bg {
    background: #233d63;
}
.single-counter.inner-white-counter h3 {
    color: #fff;
}
.single-counter.inner-white-counter > span {
    color: #6085bb;
}
.inner-counter-video {
    margin-top: -170px;
    z-index: 1;
}
.sd-counter-bg {
    background-position: center;
    background-size: cover;
}

/* 10. Project */
.container-fluid.p-70 {
    padding: 0 70px;
}
.project-thumb img {
    width: 100%;
}
.project-overlay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: #fff;
    padding: 40px;
    transform: translateY(50%);
    opacity: 0;
    transition: 0.4s linear;
}
.p-overlay-content h4 {
    font-size: 30px;
    margin-bottom: 7px;
}
.p-overlay-content h4:hover a {
    color: #ff3a46;
}
.p-overlay-content span {
    font-size: 14px;
    display: block;
    text-transform: capitalize;
}
.p-overlay-btn a {
    height: 60px;
    width: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    background: #ff3a46;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
}
.p-overlay-btn a:hover {
    background: #233d63;
}
.single-project:hover .project-overlay {
    opacity: 1;
    transform: translateY(0);
}
.sp-overlay-content {
    width: 100%;
}
.sp-overlay-content h4 {
    font-size: 24px;
    margin-bottom: 5px;
}
.sp-overlay-content h4:hover a {
    color: #ff3a46;
}
.s-project-overlay {
    padding: 25px 30px;
}
.project-active .slick-arrow {
    position: absolute;
    top: -140px;
    right: 18%;
    height: 60px;
    width: 60px;
    border: 2px solid #e9e9e9;
    padding: 0;
    line-height: 60px;
    border-radius: 50%;
    background: transparent;
    z-index: 9;
    font-size: 18px;
    color: #ff3a46;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.project-active .slick-arrow:hover {
    border-color: #ff3a46;
    background: #ff3a46;
    color: #fff;
}
.project-active .slick-prev {
    right: 22%;
}
.single-project-p .sp-overlay-content h4 {
    color: #5435ad;
}
.single-project-p .sp-overlay-content h4:hover a {
    color: #f14b59;
}
.single-project-p .sp-overlay-content span {
    color: #f14b59;
}
.project-m-menu button {
    border: 0;
    padding: 0;
    background: none;
    font-size: 16px;
    font-weight: 500;
    color: #a996e0;
    margin-right: 20px;
    transition: 0.3s;
    cursor: pointer;
}
.project-m-menu button.active {
    color: #f14b59;
}
.project-m-menu button:last-child {
    margin-right: 0;
}
.project-m-menu {
    text-align: center;
    border: 2px solid #edeaf6;
    padding: 21px 40px;
    border-radius: 10px;
    width: 530px;
    margin-left: auto;
}
.grid-project-overlay {
    display: block;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background: transparent;
    justify-content: unset;
    bottom: unset;
    left: 0;
    right: 0;
    align-items: unset;
    z-index: 9;
}
.grid-project-overlay .p-overlay-btn {
    margin-bottom: 20px;
}
.single-grid-project .project-thumb {
    z-index: 1;
}
.single-grid-project .project-thumb::before {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    top: 30px;
    background: #fff;
    z-index: 1;
    transition: 0.4s linear;
    opacity: 0;
}
.single-grid-project:hover .grid-project-overlay {
    top: 50%;
    transform: translateY(-50%);
}
.single-grid-project:hover .project-thumb::before {
    opacity: 1;
}
.project-grid-menu {
    text-align: center;
    border: unset;
    padding: 0;
    border-radius: unset;
    width: unset;
    margin-left: unset;
}
.project-grid-menu button {
    color: #233d63;
    padding: 12px 20px;
    background: #e9ebef;
    line-height: 1;
    margin-right: 10px;
}
.project-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    background: #233d63;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    z-index: 9;
    left: -22px;
    transition: 0.3s linear;
}
.project-carousel .slick-next {
    right: -22px;
    left: auto;
}
.project-carousel .slick-arrow:hover {
    background: #ff3a46;
}
.project-details-img img {
    width: 100%;
}
.project-details-meta ul {
    margin: 0;
}
.project-details-meta {
    border: 2px solid #eef1fe;
}
.project-details-meta ul li {
    display: inline-block;
    padding: 50px 111px;
    margin-left: -3px;
    position: relative;
}
.project-details-meta ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    width: 2px;
    right: 0;
    background: #dde4fd;
}
.project-details-meta ul li:last-child::before {
    display: none;
}
.project-details-meta ul li h4 {
    font-size: 30px;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.project-details-meta ul li span {
    font-size: 24px;
    color: #ff3a46;
    line-height: 1;
    letter-spacing: -1px;
}
.project-details-content p {
}
.pd-bottom-link a {
    font-size: 26px;
    color: #233d63;
    font-weight: 500;
}
.pd-bottom-link a i {
    font-size: 18px;
    margin-right: 10px;
}
.pd-bottom-link.text-right a i {
    margin-right: 0px;
    margin-left: 10px;
}
.pd-bottom-link a:hover {
    color: #ff3a46;
}
.project-bottom-share a {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #ff3a46;
    font-size: 30px;
}
.project-bottom-share a:hover {
    color: #233d63;
}
.project-bottom-share span {
    font-weight: 500;
    margin-right: 15px;
}
.pd-border {
    border-bottom: 2px solid #eef1fe;
}
.pd-carousel-img img {
    width: 100%;
}
.pd-carousel-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background: none;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    border: 2px solid #eef1fe;
    color: #567af3;
    font-size: 16px;
    cursor: pointer;
    z-index: 9;
    left: -130px;
    transition: 0.3s linear;
}
.pd-carousel-active .slick-next {
    right: -130px;
    left: auto;
}
.pd-carousel-active .slick-arrow:hover {
    background: #ff3a46;
    color: #fff;
    border-color: #ff3a46;
}

/* 11. Qualification */
.single-qualification {
    display: flex;
    align-items: flex-start;
}
.qualifi-icon {
    margin-right: 20px;
}
.single-qualification .qualifi-icon img {
    max-width: inherit;
}
.qualifi-content h4 {
    font-size: 24px;
    color: #5435ad;
    margin-bottom: 10px;
}
.qualifi-content span {
    font-size: 16px;
    color: #f14b59;
    display: block;
    margin-bottom: 20px;
}
.qualifi-content p {
    margin-bottom: 0;
}
.qualification-video {
    position: relative;
}
.qualification-video img {
    width: 100%;
}
.qualification-video .qualification-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    background: #f14b59;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    z-index: 1;
}
.qualification-video .qualification-play::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 120px;
    width: 120px;
    background: #f14b59;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite;
}

/* 12. Team */
.team-btn .btn.p-btn::before {
    right: 18%;
}
.team-thumb img {
    width: 100%;
    margin-bottom: 25px;
}
.team-info h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
.team-info span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #f14b59;
    letter-spacing: 2px;
    display: block;
}
.team-bg {
    background-position: center;
    background-size: cover;
}
.inner-team .team-info h4 {
    color: #233d63;
}
.team-area.team-bb {
    border-bottom: 2px solid #edeaf6;
}
/* 13. Cta */
.cta-bg {
    background-position: center;
    background-size: cover;
    padding: 75px 70px;
}
.cta-content h4 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 15px;
}
.cta-content p {
    color: #486794;
    margin-bottom: 0;
}
.s-cta-bg {
    background-position: left center;
    background-size: cover;
    padding-top: 125px;
    padding-bottom: 130px;
    position: relative;
    overflow: hidden;
}
.cta-img {
    position: absolute;
    left: 50px;
    bottom: -8px;
    z-index: 1;
}
.portfolio-cta {
    background: #5435ad;
}
.portfolio-cta .cta-content h4 {
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
}
.portfolio-cta .cta-content p {
    color: #fff;
    margin-bottom: 0;
}
.inner-cta-content h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 30px;
}
.inner-cta-content p {
    color: #fff;
}
.inner-cta-bg {
    background-position: center;
    background-size: cover;
}
/* 14. Screenshot */
.screenshot-bg {
    background: #eaf8fc;
}
.screenshot-title span {
    border-color: #d9ebfc;
}
.screenshot-active .single-screenshot img {
    display: inline-block;
}
.screenshot-active .slick-dots {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -78px;
    line-height: 1;
}
.screenshot-active .slick-dots li {
    display: inline-block;
    line-height: 1;
}
.screenshot-active .slick-dots li button {
    padding: 0;
    text-indent: -999999px;
    border: none;
    width: 20px;
    height: 5px;
    background: #b9d3db;
    border-radius: 5px;
    line-height: 1;
    margin: 0 5px;
    transition: 0.3s;
    z-index: 9;
    cursor: pointer;
}
.screenshot-active .slick-dots li.slick-active button {
    width: 35px;
    background: #6a86f3;
}

/* 15. Business-process */
.business-img.ml-100 {
    margin-left: -100px;
}
.business-content p {
    margin-bottom: 30px;
}
.business-list ul li {
    margin-bottom: 16px;
    list-style: none;
}
.business-list ul li:last-child {
    margin-bottom: 0px;
}
.business-list ul li i {
    color: #ff3a46;
    margin-right: 10px;
}
.business-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    background: #ff3a46;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
}
.business-video:hover {
    color: #fff;
}
.business-video::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 110px;
    width: 110px;
    background: #ff3a46;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.sass-business-icon i {
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #fff6e5;
    border-radius: 50%;
    font-size: 28px;
    color: #fdab00;
}
.sass-business-content p {
    margin-bottom: 45px;
}
.sass-business-img {
    margin-left: -80px;
}
.sass-business-img.s-sb-img {
    margin-left: 0;
}
.sass-business-img.s-sb-img img {
    max-width: inherit;
}
.sass-business-pb {
    padding-bottom: 130px;
}
.sass-business {
    position: relative;
}
.sass-business::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 9%;
    background-image: url(../img/shape/sass_business_shape.png);
    background-repeat: no-repeat;
    width: 731px;
    height: 915px;
    z-index: -1;
}

/* 16. Business-strategy */
.b-strategy-content p {
    color: #b8bfce;
    margin-bottom: 0;
}
.business-strategy-img.pl-30 > img {
    max-width: inherit;
}
.b-strategy-list ul li {
    color: #b8bfce;
    position: relative;
    margin-bottom: 25px;
    padding-left: 45px;
    line-height: 30px;
    list-style: none;
}
.b-strategy-list ul li:last-child {
    margin-bottom: 0;
}
.b-strategy-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 25px;
    width: 25px;
    border: 2px solid #909dbc;
    border-radius: 50%;
}
.b-strategy-list ul li::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 14px;
    height: 11px;
    width: 11px;
    background: #909dbc;
    border-radius: 50%;
}

/* 17. Faq */
.faq-wrapper .card {
    margin-bottom: 15px;
    border-radius: 0;
    border: none;
    background: #f0f7fd;
}
.faq-wrapper .card:last-child {
    margin-bottom: 0;
}
.faq-wrapper .card-header {
    padding: 0;
    border-radius: 0;
    background: no-repeat;
    border: none;
}
.card-header:first-child {
    border-radius: 0;
}
.faq-area .faq-img img {
    max-width: inherit;
}
.faq-wrapper .card-header h5 a {
    font-size: 16px;
    color: #233d63;
    font-weight: 700;
    display: block;
    padding: 24px 30px;
    text-decoration: none;
    line-height: 1.4;
    padding-right: 80px;
}
.faq-wrapper .card-header h5 a::after {
    position: absolute;
    content: "\f107";
    top: 15px;
    right: 20px;
    font-family: "Font Awesome 5 Pro";
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 50%;
    background: #dbebfb;
    font-weight: 400;
    color: #233d63;
}
.faq-wrapper .card-header h5 a.collapsed::after {
    content: "\f105";
}
.faq-wrapper .card-body {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    padding: 0 31px;
    color: #5f5f5f;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 30px;
}
.sass-faq-area {
    background: #f2f5ff;
}
.sass-faq-title span {
    border: 2px solid #ffecd3;
}
.sass-faq-wrapper .card {
    background: #fff;
}
.sass-faq-wrapper .card-header h5 a.collapsed::after {
    background: #e8f2fc;
    color: #233d63;
}
.sass-faq-wrapper .card-header h5 a::after {
    background: #4275ff;
    color: #fff;
}
.sass-faq-wrapper .card-body {
    color: #939fbf;
}
.sass-faq-img {
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.sass-paroller-img {
    position: absolute;
}
.sass-paroller-img.sassp-one {
    left: -15%;
    top: 13%;
}
.sass-paroller-img.sassp-two {
    right: -28%;
    top: 10%;
}
.sass-paroller-img.sassp-three {
    left: 0%;
    bottom: 26%;
}
.sass-paroller-img.sassp-four {
    bottom: 12%;
    right: -29%;
}
.sass-faq-img .sass-faq-circle {
    position: absolute;
    left: 45%;
    top: -61px;
    z-index: -1;
}
.inner-faq-wrapper .card {
    border: 2px solid #ecf0f5;
    background: none;
}
.inner-faq-wrapper .card-header h5 a.collapsed::after {
    content: "\f070";
    color: #233d63;
}

.inner-faq-wrapper .card-header h5 a::after {
    content: "\f06e";
    font-size: 16px;
    background: none;
    color: #f14b59;
}

/*.faq-wrapper .card-header h5 a {
	color: #f14b59;
}*/
.faq-wrapper .card-header h5 a.collapsed {
    color: #233d63;
}
.inner-faq-title h2 {
    margin-bottom: 32px;
}
.inner-faq-wrapper > h2 i {
    color: #ff3a46;
    margin-right: 10px;
}
.inner-faq-title p {
    margin-bottom: 0;
}
.inner-faq-wrapper > h2 {
    font-size: 35px;
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 2px solid #eef1fe;
}
.faq-form-grp {
    position: relative;
}
.faq-form-grp input {
    width: 100%;
    border: 2px solid #eef1fe;
    padding: 22px 30px;
    font-weight: 700;
    color: #233d63;
    font-family: "Heebo", sans-serif;
    padding-right: 50px;
    margin-bottom: 30px;
}
.faq-form-grp input::placeholder {
    color: #233d63;
}
.faq-form-grp i {
    position: absolute;
    top: 26px;
    right: 30px;
    color: #233d63;
    font-weight: 400;
}
.faq-form-grp textarea {
    width: 100%;
    border: 2px solid #eef1fe;
    padding: 22px 30px;
    font-weight: 700;
    color: #233d63;
    font-family: "Heebo", sans-serif;
    padding-right: 50px;
    height: 180px;
    margin-bottom: 30px;
}
.faq-form-grp textarea::placeholder {
    color: #233d63;
}
.faq-form .faq-selected {
    width: 100%;
    display: block;
    padding: 26px 30px;
    border: 2px solid #eef1fe;
    font-family: "Heebo", sans-serif;
    color: #233d63;
    font-weight: 700;
    margin-bottom: 30px;
}
.faq-selected::after {
    border-bottom: 2px solid #233d63;
    border-right: 2px solid #233d63;
    right: 30px;
}
.faq-form .btn::before {
    right: 21%;
}
.faq-add-banner img {
    width: 100%;
}

/* 18. Brand */
.single-brand {
    margin-bottom: 80px;
    text-align: center;
}
.single-brand img {
    display: inline-block;
}
.brand_2_active .single-brand img {
    display: inline-block;
    width: auto;
}
.single-brand img {
    filter: grayscale(0);
    transition: 0.3s linear;
    cursor: pointer;
}
.single-brand img:hover {
    filter: grayscale(1);
}
.brand-active .s-single-brand img {
    display: inline-block;
    filter: grayscale(1);
    transition: 0.3s linear;
    opacity: 0.5;
    cursor: pointer;
}
.s-single-brand img:hover {
    filter: grayscale(0);
    opacity: 1;
}
/* 19. Pricing */
.pricing-area.p-relative {
    z-index: 1;
}
.white-title span {
    color: #fff;
}
.white-title h2 {
    color: #fff;
}
.pricing-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: unset;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border: none;
    text-align: right;
    max-width: 288px;
    background: #f5f7ff;
    margin-left: auto;
    border-radius: 5px;
    padding: 10px;
}
.pricing-tabs li {
    display: inline-block;
}
.pricing-tabs li a {
    border: none !important;
    font-size: 16px;
    font-weight: 500;
    color: #13287e;
    padding: 13px 40px;
    border-radius: 5px !important;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
.pricing-tabs.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ff3a46;
    border-color: unset !important;
}
.pricing-box {
    background: #fff;
    padding: 60px 45px;
}
.pricing-head h4 {
    font-size: 30px;
    margin-bottom: 7px;
    color: #ff3a46;
}
.price-count h2 {
    font-size: 55px;
    color: #5f5f5f;
    letter-spacing: -4px;
    margin-bottom: 0;
    line-height: 1;
}
.price-count h2 span {
    font-size: 20px;
    position: relative;
    letter-spacing: 0;
    top: -19px;
}
.price-count h2 small {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
    font-family: "Rubik", sans-serif;
}
.pricing-list ul li {
    font-size: 18px;
    margin-bottom: 20px;
    list-style: none;
}
.pricing-list ul li:last-child {
    margin-bottom: 0;
}
.pricing-list ul li i {
    font-size: 14px;
    color: #ff3a46;
    display: inline-block;
    margin-right: 10px;
}
.pricing-btn .btn {
    background: #ffebec;
    color: #233d63;
}
.pricing-btn .btn::after {
    content: none;
}
.pricing-btn .btn:hover {
    background: #ff3a46;
    color: #fff;
}
.p-populer {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #ff3a46;
    color: #fff;
    letter-spacing: 2px;
    padding: 10px 0;
    line-height: 1;
}
.pricing-box.active .pricing-btn .btn {
    background: #ff3a46;
    color: #fff;
}
.pricing-box.active .pricing-btn .btn::after {
    content: "";
}
.pricing-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.pricing-shape.right-shape {
    right: 0;
    left: auto;
}
.app-pricing-box {
    padding: 40px 30px;
    border: 2px solid #e5e7fc;
    border-radius: 5px;
    transition: 0.3s;
}
.app-pricing-head span {
    font-size: 13px;
    text-transform: uppercase;
    color: #4275ff;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    border: 2px solid #ecf1ff;
    padding: 3px 15px;
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s;
}
.app-pricing-icon {
    position: absolute;
    left: 25px;
    top: -30px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    border: 2px solid #e5e7fc;
    border-radius: 50%;
    background: #fff;
    color: #4275ff;
    transition: 0.3s;
}
.app-price-count h3 {
    font-size: 55px;
    margin-bottom: 0;
    color: #4275ff;
    font-weight: 400;
    line-height: 1;
    transition: 0.3s;
}
.app-price-count small {
    font-size: 18px;
    position: relative;
    top: -21px;
    left: -3px;
}
.app-pricing-content h4 {
    color: #5f5f5f;
    font-weight: 400;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    margin-bottom: 40px;
    transition: 0.3s;
}
.app-pricing-content p {
    transition: 0.3s;
}
.app-pricing-btn .btn {
    font-size: 15px;
    background: #ebedfd;
    color: #5f5f5f;
    padding: 18px 30px;
    padding-right: 56px;
    transition: 0.3s;
}
.app-pricing-btn .btn::before {
    right: 22%;
}
.app-pricing-btn .btn::after {
    content: none;
}
.app-pricing-btn .btn:hover {
    background: #4275ff;
    color: #fff;
}
.app-pricing-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(to right, #5584ff, #79c8ff);
    background: linear-gradient(to right, #5584ff, #79c8ff);
    border-radius: 5px;
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
}
.app-price-count h3 span {
    font-size: 30px;
}
.app-pricing-box:hover::before {
    opacity: 1;
}
.app-pricing-box:hover .app-pricing-head span,
.app-pricing-box:hover .app-pricing-content h4,
.app-pricing-box:hover .app-price-count h3,
.app-pricing-box:hover .app-pricing-content p {
    color: #fff;
}
.app-pricing-box:hover {
    border-color: transparent;
}
.app-pricing-box:hover .app-pricing-btn .btn {
    background: #4275ff;
    color: #fff;
}
.app-pricing-box.active::before {
    opacity: 1;
}
.app-pricing-box.active .app-pricing-head span,
.app-pricing-box.active .app-pricing-content h4,
.app-pricing-box.active .app-price-count h3,
.app-pricing-box.active .app-pricing-content p {
    color: #fff;
}
.app-pricing-box.active {
    border-color: transparent;
}
.app-pricing-box.active .app-pricing-btn .btn {
    background: #4275ff;
    color: #fff;
}
.app-pricing-tabs {
    border-radius: 50px;
}
.app-pricing-tabs li a {
    border-radius: 50px !important;
    position: relative;
    z-index: 1;
}
.app-pricing-tabs li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(to right, #5584ff, #79c8ff);
    background: linear-gradient(to right, #5584ff, #79c8ff);
    border-radius: 50px;
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
}
.app-pricing-tabs.nav-tabs .nav-link.active {
    background-color: unset;
}
.app-pricing-tabs.nav-tabs .nav-link.active::before {
    opacity: 1;
}
.sass-pricing-box {
    border: 2px solid #e5e7fc;
    margin-right: 30px;
    padding: 40px 30px;
    border-radius: 10px;
}
.sass-ptop {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
}
.sass-ptop h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.sass-ptop span {
    font-size: 16px;
    color: #fff;
    float: right;
    font-family: "Heebo", sans-serif;
    margin-top: 5px;
}
.sass-pbottom {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.sass-pbottom p {
    color: #fff;
    width: 115px;
    line-height: 20px;
    margin-bottom: 0;
    display: inline-block;
}
.sass-pbottom h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    float: right;
    margin-top: 6px;
}
.sass-pricing-list ul li {
    font-size: 16px;
    margin-bottom: 15px;
    list-style: none;
}
.sass-pricing-list ul li:last-child {
    margin-bottom: 0;
}
.sass-pricing-list ul li i {
    font-size: 12px;
    color: #ffa900;
    margin-right: 2px;
}
.sass-pricing-list {
    padding-top: 35px;
    border-top: 2px solid #f2f3fe;
}
.tab-content .row .col-lg-4:nth-child(2) .sass-pricing-box {
    margin-right: 15px;
    margin-left: 15px;
}
.tab-content .row .col-lg-4:last-child .sass-pricing-box {
    margin-right: 0;
    margin-left: 30px;
}
.sass-pricing-tabs.nav-tabs .nav-link.active {
    background-color: #4275ff;
}
.sass-pricing-tabs.nav-tabs .nav-link::before {
    content: none;
}

/* 20. Shop */
.single-cat-item img {
    width: 100%;
}
.single-cat-item .shop-cat-tag {
    position: absolute;
    left: 0;
    top: 0;
    background: #f14b59;
    color: #fff;
    padding: 3px 12px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.shop-cat-overly {
    position: absolute;
    left: 30px;
    top: 60px;
    z-index: 1;
}
.shop-cat-overly h5 {
    font-size: 22px;
    color: #f14b59;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1;
}
.shop-cat-overly a {
    font-size: 16px;
    font-weight: 500;
    color: #233d63;
    display: inline-block;
    text-decoration: underline;
}
.shop-cat-overly a:hover {
    color: #f14b59;
}
.shop-title h2 {
    margin-bottom: 5px;
}
.shop-title p {
    color: #666666;
    margin-bottom: 0;
}
.shop-thumb img {
    width: 100%;
}
.shop-thumb .product-tag {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #f14b59;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 14px;
}
.product-action {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    margin: auto;
    text-align: center;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 35px;
    transition: 0.4s linear;
    opacity: 0;
}
.product-action a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #5f5f5f;
    position: relative;
    margin: 0 10px;
}
.product-action a:hover {
    color: #df4243;
}
.product-action > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #233d63;
    left: 0;
    transition: 0.3s;
}
.product-action > a:hover::before {
    background: #df4243;
}
.product-action ul li {
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 6px;
}
.product-action ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    /*border-left: 2px dotted #df4243;*/
    height: 15px;
}
.product-action ul li a {
    font-size: 24px;
    color: #5f5f5f;
    line-height: 1;
    position: relative;
}
.product-action ul li a:hover {
    color: #df4243;
}
.single-shop-item:hover .product-action {
    bottom: 20px;
    opacity: 1;
}
.shop-content h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "Rubik", sans-serif;
}
.shop-content h5:hover a {
    color: #df4243;
}
.item-rating i {
    font-size: 14px;
    color: #f14b59;
    margin: 0 2px;
}
.f-item-price span {
    font-size: 14px;
    color: #222222;
    display: inline-block;
    margin-top: 10px;
    margin: 0 4px;
}
.f-item-price span span {
    margin: 0;
}
.inner-shop-item .f-item-price del span {
    text-decoration: line-through;
    color: #c4c4c4;
}
.shop-items-menu button {
    border: none;
    background: none;
    padding: 0;
    font-size: 16px;
    color: #8a8a8a;
    margin: 0 12px;
    cursor: pointer;
}
.shop-items-menu button.active {
    color: #333333;
}
.discount-banner-img img {
    width: 100%;
}
.shop-selected {
    text-transform: capitalize;
    font-size: 18px;
    color: #252525;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    line-height: 1;
}
.show-result-count p {
    margin-bottom: 0;
    font-size: 18px;
    color: #252525;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    line-height: 1;
}
.inner-shop-item .shop-content h5 {
    font-weight: 700;
    font-size: 18px;
    font-family: "Heebo", sans-serif;
}
.inner-shop-item .item-rating i {
    font-size: 13px;
    color: #fdab00;
    font-weight: 700;
}
.inner-shop-item .f-item-price span {
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 500;
}
.pagination-wrap.mt-10 {
    margin-top: 10px;
}
.inner-shop-area.pt-127 {
    padding-top: 127px;
}
.yith-wcwl-add-to-wishlist {
    margin-top: 0;
    display: inline-block;
    margin: 0 10px;
}
.display-ib .yith-wcwl-add-to-wishlist {
    margin: 0 5px;
}
.yith-wcwl-add-to-wishlist a {
    cursor: pointer;
    font-size: 22px;
}
.home-product-item .product_type_simple.add_to_cart_button {
    top: 0;
}
.back-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}
.single-shop-item:hover .back-img {
    opacity: 1;
}
.product_type_simple.add_to_cart_button {
    top: -3px;
}
.product-action .pro-view-link {
    font-size: 22px;
}
.product-action .pro-view-link:before {
    display: none;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
    display: none !important;
}
.yith-wcwl-add-button > a i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.wishlist-title a.show-title-form i,
.hidden-title-form a.hide-title-form i,
.hidden-title-form button i,
.yith-wcwl-wishlist-new button i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
    margin-right: 0;
}
#yith-wcwl-popup-message {
    background: #df4243;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 50px;
    padding: 10px 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 10000;
    border-radius: 0;
    color: #fff;
}
.woocommerce a.added_to_cart {
    padding-top: 0.5em;
    display: inline-block;
    position: absolute;
    width: 198px;
    line-height: 26px;
    padding: 13px 24px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    font-weight: 500;
    font-size: 14px;
    z-index: 99;
    color: #fff;
    background: #df4243;
    top: 23px;
}
.product-showing p {
    margin: 0;
    border: 2px solid #eaedff;
    padding: 17px 30px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}
.pro-filter::before {
    content: "\f107";
    right: 15px;
    top: 15px;
    position: absolute;
    color: #758799;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
}
.pro-filter {
    position: relative;
    display: inline-block;
}
.pro-filter select {
    border: 2px solid #eaedff;
    padding: 17px 30px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #6f7172;
    appearance: none;
    -moz-appearance: none;
    width: auto;
    font-weight: 500;
    -webkit-appearance: none;
}
.product-tab-content h4 {
    font-size: 16px;
    font-weight: 500;
}
.product-tab a {
    padding: 0;
}
.product-tab a.active h4 {
    color: #ff3a46;
}
.product-tab li {
    margin: 0 14px;
}
/* 22. Cart */
.checkout-button::before {
    display: none;
}
.cart_totals h2 {
    margin-bottom: 20px;
    text-transform: capitalize;
}
.cart-table .btn {
    padding: 17px 60px;
}
.cart-table .btn:before {
    display: none;
}
.woocommerce-message {
    border-top-color: #ff202e;
}
.woocommerce-message::before {
    color: #ff202e;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 16px 31px;
    font-weight: 500;
    border-radius: 0;
    left: auto;
    color: #fff;
    background-color: #ff202e;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: capitalize;
}

.cart-name h4 a {
    color: #414149;
    font-size: 17px;
}
.cart-name h4 a:hover {
    color: #fbba42;
}
.cart-price span {
    color: #777777;
    font-size: 17px;
}
.cart-select .nice-select {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    float: none;
    margin: auto;
    width: 60px;
}
.cart-table .table-bordered td,
.cart-table .table-bordered th {
    border: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle;
}
.cart-table .table-bordered td,
.cart-table .table-bordered th {
    border: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle;
}
.cart-img {
    text-align: center;
}
.cart-img a {
    display: inline-block;
}
.cart-del > a {
    color: #777777;
}
.coupon-left input {
    border: 1px solid #ddd;
    height: 50px;
    padding: 0 15px;
    width: 50%;
}
.coupon-left button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #63636b;
    font-size: 14px;
    margin-left: 10px;
    padding: 13px 35px;
    text-transform: uppercase;
    font-weight: 500;
}
.update-cart > a {
    border: 1px solid #ddd;
    color: #414149;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding: 14px 25px;
    text-transform: uppercase;
    font-weight: 500;
}
.update-cart > a:hover,
.coupon-left button:hover {
    background: #ff202e;
    border-color: #ff202e;
    color: #fff;
}
.cart-total-price > ul {
    border: 1px solid #ddd;
}
.cart-total-price li {
    border-bottom: 1px solid #ddd;
    padding: 17px 28px;
}
.cart-total-price li:last-child {
    border: 0;
}
.cart-total-price span {
    float: right;
    font-weight: 500;
}
.cart-total-price > ul {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
#coupon_code {
    width: 140px;
    padding: 0 15px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 100px;
    box-shadow: none;
}
.woocommerce table.shop_table th {
    font-weight: 600;
    text-align: left;
}
.medidove-page-content table.shop_table tbody td {
    text-align: left;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 14px;
    padding: 20px 0;
}
.woocommerce-MyAccount-navigation li {
    list-style: none;
    margin-bottom: 15px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 16px;
}
.woocommerce form .form-row {
    display: block;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 2px solid #eaedff;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 0;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    display: block;
    max-width: 50%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%;
    max-width: 100%;
}
/* 23. Checkout */
/*checkout*/
.woocommerce-billing-fields input {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #eaedff;
    border-radius: 0;
    height: 50px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 45px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 20px;
}
.woocommerce .woocommerce-checkout-review-order-table table,
.woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout-review-order-table td {
    border: 0;
}
.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #fe6b51;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    padding: 17px 30px;
    font-weight: 600;
}
.woocommerce form .form-row textarea {
    height: 100px;
    padding: 15px;
}
#coupon_code {
    height: 50px;
    width: 250px;
    border: 1px solid #ddd;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 16px 31px;
    font-weight: 500;
    border-radius: 0;
    left: auto;
    color: #fff;
    background-color: #ff202e;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: capitalize;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #ff202e;
    color: #fff;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 30px;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 30px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    height: 50px;
    border: 2px solid #eaedff;
    padding: 0 15px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 45px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 20px;
}
#order_review_heading {
    margin-top: 30px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #ff3a46;
}
.woocommerce-info {
    border-top-color: #ff3a46;
}
.woocommerce-info::before {
    color: #ff3a46;
}
.woocommerce-info a:hover {
    color: #ff3a46;
}
.widget img {
    max-width: 100%;
}
/* 21. Newsletter */
.newsletter-wra {
    border: 2px solid #e5e7fc;
    padding: 100px 0px;
    position: relative;
}
.news-field {
    position: relative;
}
.news-field::before {
    content: "\f2b6";
    position: absolute;
    top: 29px;
    left: 40px;
    font-size: 14px;
    color: #4275ff;
    font-family: "Font Awesome 5 Pro";
    z-index: 1;
}
.news-field input {
    width: 100%;
    border: 2px solid #e5e7fc;
    padding: 28px 70px;
    padding-right: 200px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
}
.news-field input::placeholder {
    font-size: 14px;
    color: #999999;
}
.news-field .btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    padding: 20px 40px;
    padding-right: 60px;
    right: 15px;
}
.news-field .btn::before {
    font-size: 15px;
    right: 24%;
}
.newsletter-shape {
    position: absolute;
    z-index: 1;
}
.nshape-one {
    left: 40px;
    top: -15px;
}
.nshape-two {
    right: 130px;
    top: -30px;
    animation: heartbeat 1s infinite alternate;
}
.nshape-three {
    bottom: 45%;
    right: -9px;
}
.nshape-four {
    right: 90px;
    bottom: 20px;
}
.nshape-five {
    left: 40px;
    bottom: -34px;
    animation: heartbeat 1s infinite alternate;
}

/* review */
.nav.review-tab {
    border-bottom: 1px solid #e5e5e5;
}
.review-tab .nav-link {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    padding-bottom: 15px;
}
.review-tab .nav-item {
    margin-right: 65px;

    position: relative;
}
.product-review-box {
    padding: 40px;
    background-color: #f5f5fd;
}
.product-review-box .comment-form input {
    background: #fff;
}
.review-tab .nav-link.active::before {
    background: #ee3333 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.pro-comments-img {
    float: left;
}
.pro-commnets-text {
    overflow: hidden;
    padding-left: 15px;
}
.pro-commnets-text h4 {
    font-size: 17px;
    margin-bottom: 5px;
}
.pro-commnets-text span {
    font-size: 14px;
}
.pro-commnets-text .rating {
    margin-bottom: 8px;
}
.woocommerce-variation.single_variation {
    margin-bottom: 15px;
}
.pro-commnets-text > p {
    margin: 0;
}
.product-commnets-list {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 40px;
}
.pro-commnets-text .pro-rating {
    margin-bottom: 5px;
    margin-top: 8px;
}
.product-commnets .product-commnets-list:last-child {
    border: 0;
}
.product-details-title p {
    color: #6a667b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.product-details-title h1 {
    font-size: 40px;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -2px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .product-details-title h1 {
        font-size: 36px;
    }
}
.details-price span {
    font-size: 20px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 10px;
}
.details-price {
    border-bottom: 2px solid #eaedff;
    padding-bottom: 20px;
}
.product-details .cart .input-text {
    height: 62px;
    width: 100px;
    border: 0;
    border: 2px solid #eaedff;
    text-align: center;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
}
.product-details .yith-wcwl-add-to-wishlist a {
    font-size: 15px;
}
.product-details-action {
    margin-bottom: 15px;
}
.quantity {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 0;
    float: left;
}
.woocommerce .quantity .qty {
    width: 100px;
    text-align: center;
    height: 50px;
    font-size: 16px;
}
.product-details .product .input-text {
    width: 95px;
    border: 1px solid #e7e7f6;
    border-radius: 45px;
    background: #fff;
    text-align: center;
    height: 50px;
}
.product-cat span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #100d1c;
}

.product-cat a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.product-cat a:hover {
    color: #ff202e;
}

.product-social a {
    margin-right: 10px;
    background: #f5f5ff;
    height: 50px;
    width: 50px;
    line-height: 48px;
    border-radius: 30px;
    color: #6f7172;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

@media (max-width: 767px) {
    .product-social a {
        margin-bottom: 10px;
    }
}

.product-social a:hover {
    background: #ff202e;
    color: #ffffff;
}

.plus-minus {
    display: inline-block;
}

@media (max-width: 767px) {
    .plus-minus {
        display: block;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .plus-minus {
        display: inline-block;
        margin-bottom: 0;
    }
}

.action-btn {
    background: #ff202e;
    padding: 20px 25px;
    border: none;
    margin-left: 15px;
    color: #ffffff;
    display: inline-block;
}

.action-btn:hover {
    background: #ff202e;
    color: #ffffff;
}
.product-action-list {
    overflow: hidden;
}
.product-action-list a {
    float: left;
}

@media (max-width: 767px) {
    .product-action-list a.btn {
        padding: 23px 30px;
        margin-bottom: 7px;
    }
}

@media (max-width: 767px) {
    .product-action-list a.action-btn {
        margin-left: 5px;
        margin-bottom: 7px;
    }
}
.product-details .yith-wcwl-add-to-wishlist {
    margin-left: 0;
}
.bakix-details-tab ul {
    border-bottom: 2px solid #e1e1e1;
}

.bakix-details-tab ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #8c8bb5;
    letter-spacing: 2px;
    padding: 0;
    text-transform: capitalize;
    position: relative;
    padding: 0 25px;
}

@media (max-width: 767px) {
    .bakix-details-tab ul li a {
        padding: 0 10px;
    }
}

.bakix-details-tab ul li a.active {
    color: #100d1c;
}

.bakix-details-tab ul li a.active:before {
    position: absolute;
    bottom: -32px;
    left: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: #ff202e;
    transition: 0.3s;
}

@media (max-width: 767px) {
    .bakix-details-tab ul li a.active:before {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bakix-details-tab ul li a.active:before {
        display: block;
    }
}
/* heartbeat frame*/
@keyframes heartbeat {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.shop-newsletter-area {
    background: #f14b59;
    padding: 75px 0;
}
.shop-newslatter-content h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    font-family: "Rubik", sans-serif;
    margin-bottom: 5px;
}
.shop-newslatter-content p {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
}
.shop-news-form {
    position: relative;
}
.shop-news-form input {
    width: 360px;
    border: none;
    padding: 20px 40px;
    border-radius: 50px;
    background: #fff;
}
.shop-news-form .btn {
    background: #233d63;
    margin-left: 10px;
}
.shop-news-form .btn::after {
    background: #1d3457;
}
.shop-thumb-tab li {
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.shop-thumb-tab ul {
    margin: 0 -10px;
}
.shop-thumb-tab ul li a {
    padding: 0;
}
.woocommerce .product-details .quantity .qty {
    height: 69px;
}
.woocommerce-product-details__short-description {
    margin-bottom: 35px;
}
.woocommerce-grouped-product-list-item__price del {
    margin-right: 7px;
}
.woocommerce-grouped-product-list-item__price del span {
    font-size: 18px;
    color: #a29d9d;
}
.woocommerce-grouped-product-list-item__price ins {
    text-decoration: none;
}
.product-details .price del span {
    color: #b7afd5;
}
.woocommerce-Price-currencySymbol {
    margin: 0 !important;
}

.product-details h2 {
    font-size: 40px;
}
.product-details table {
    margin-bottom: 30px;
}
.product-details form.cart {
    margin-bottom: 20px;
}
.product-details .variations select {
    border: 1px solid #eaedff;
    height: 50px;
    padding: 0 15px;
    width: 100%;
}
.woocommerce .quantity .qty {
    width: 80px;
    text-align: center;
    border-radius: 0;
}
.product-details .quantity {
    margin-right: 10px;
}
.product-details .woocommerce-grouped-product-list-item__price {
    padding-left: 20px;
}
.shop-thumb-tab li {
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.product-details td,
.product-details th {
    border-top: 1px solid #ededed;
    padding: 10px;
}
.product-details .price del span {
    color: #b7afd5;
}
.product-review-box {
    padding: 40px;
    background-color: #f5f5fd;
}
.variations label {
    text-transform: capitalize;
}

/*wishlist*/
.woocommerce table.wishlist_table {
    font-size: 14px;
}
.devgan-page-content table.shop_table tbody td {
    text-align: left;
}
.wishlist-title h2 {
    display: inline-block;
    padding: 5px;
    font-size: 28px;
    margin-bottom: 25px;
}
.woocommerce table.wishlist_table {
    border: 0;
}
.woocommerce table.wishlist_table,
.woocommerce table.wishlist_table thead th,
.woocommerce table.wishlist_table tbody td {
    border: 0;
}
.woocommerce .devgan-page-content table.wishlist_table th,
.woocommerce .devgan-page-content table.wishlist_table td {
    border-bottom: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}
.woocommerce .devgan-page-content table.wishlist_table {
    background: #ffffff;
    border-color: #eaedff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}
.woocommerce table.wishlist_table tbody th,
.woocommerce table.wishlist_table tfoot td,
.woocommerce table.wishlist_table tfoot th {
    font-weight: 700;
    border-top: 0;
    border-left: 0;
}
.woocommerce table.wishlist_table .product-remove div {
    text-align: center !important;
}
.woocommerce table.wishlist_table .product-thumbnail {
    width: 108px !important;
}
.woocommerce table.wishlist_table .remove.remove_from_wishlist {
    display: inline-block !important;
}
.woocommerce div.product {
    margin-bottom: 35px;
    position: relative;
}
.woocommerce .devgan-page-content table.wishlist_table th,
.woocommerce .devgan-page-content table.wishlist_table td {
    border-bottom: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}
.yith-wcwl-share {
    margin-bottom: 35px;
    text-align: center;
}
/* 22. Testimonial */
.testi-content {
    box-shadow: 0px 7px 30px 0px rgba(237, 237, 237, 0.77);
    padding: 40px;
    margin-right: 35px;
    margin-top: 30px;
    margin-left: 35px;
    position: relative;
    margin-bottom: 50px;
}
.testi-content p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 2;
}
.testi-avatar {
    display: flex;
    align-items: center;
    margin-left: 65px;
}
.tavatar-img {
    margin-right: 15px;
}
.tavatar-info h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.tavatar-info span {
    color: #ff3a46;
    letter-spacing: 2px;
}
.testi-content::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 20px 0;
    border-color: transparent #fff transparent transparent;
    left: 60px;
    bottom: -20px;
    z-index: 1;
}
.testimonial-active .slick-arrow {
    position: absolute;
    bottom: 0;
    right: 32px;
    height: 60px;
    width: 60px;
    text-align: center;
    border: 2px solid #e9e9e9;
    padding: 0;
    border-radius: 50%;
    background: none;
    font-size: 18px;
    color: #ff3a46;
    line-height: 60px;
    cursor: pointer;
    z-index: 9;
    transition: 0.3s;
}
.testimonial-active .slick-arrow.slick-prev {
    right: 105px;
}
.testimonial-active .slick-arrow:hover {
    background: #ff3a46;
    border-color: #ff3a46;
    color: #fff;
}
.s-testi-avatar {
    display: flex;
    align-items: center;
    margin-left: 0;
    justify-content: center;
}
.s-testi-avatar .tavatar-img {
    margin-right: 20px;
}
.s-testi-avatar .tavatar-info {
    text-align: left;
}
.s-testi-avatar .tavatar-info h5 {
    font-size: 22px;
    font-weight: 700;
}
.s-testi-avatar .tavatar-info span {
    font-weight: 500;
    text-transform: uppercase;
}
.testimonial-box {
    background: #fff;
    box-shadow: 0px 5px 60px 0px rgba(146, 146, 146, 0.2);
    margin: 0 70px;
}
.s-single-testimonial {
    padding: 60px 50px;
    box-shadow: 0px 5px 60px 0px rgba(146, 146, 146, 0.2);
    margin: 30px;
}
.s-testi-content p {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 30px;
}
.testi-review i {
    font-size: 13px;
    color: #feae1c;
    margin: 0 2px;
}
.testi-review .testi-quote {
    font-size: 24px;
    color: #233d63;
    margin-left: 8px;
}
.testi-review {
    display: flex;
    align-items: center;
    justify-content: center;
}
.s-testimonial-active .slick-arrow {
    top: 50%;
    left: -130px;
    transform: translateY(-50%);
}
.s-testimonial-active .slick-arrow.slick-next {
    right: -130px;
    left: auto;
}
.app-testimonial-area {
    background: #f2f3fe;
}
.app-testimonial {
    background: #fff;
    padding: 50px 40px;
}
.testi-quote h4 {
    margin-bottom: 0;
    font-size: 18px;
    position: relative;
    display: inline-block;
}
.testi-quote h4::before {
    content: "\f10d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 14px;
    color: #4275ff;
    margin-right: 5px;
    position: relative;
    top: -6px;
}
.testi-quote h4::after {
    content: "\f10e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 14px;
    color: #4275ff;
    margin-left: 5px;
    position: relative;
    bottom: -6px;
}
.testi-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.app-testi-content p:first-child {
    font-size: 16px;
    color: #42495b;
    line-height: 28px;
    margin-bottom: 30px;
}
.app-testi-content p:last-child {
    margin-bottom: 0;
}
.app-testi-review i {
    font-size: 13px;
    color: #fdab00;
}
.app-testi-avatar .tavatar-info h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
}
.app-testi-avatar .tavatar-info span {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fdab00;
}
.app-testi-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
    height: 60px;
    width: 60px;
    text-align: center;
    background: #fff;
    padding: 0;
    border-radius: 50%;
    border: none;
    font-size: 18px;
    color: #4275ff;
    line-height: 60px;
    cursor: pointer;
    z-index: 9;
    transition: 0.3s;
}
.app-testi-active .slick-next {
    right: -90px;
    left: auto;
}
.app-testi-active .slick-arrow:hover {
    background: #4275ff;
    color: #fff;
}
.app-testi-active .slick-dots {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -78px;
    line-height: 1;
}
.app-testi-active .slick-dots li {
    display: inline-block;
    line-height: 1;
}
.app-testi-active .slick-dots li button {
    padding: 0;
    text-indent: -999999px;
    border: none;
    width: 20px;
    height: 5px;
    background: #b8c7ff;
    border-radius: 5px;
    line-height: 1;
    margin: 0 5px;
    transition: 0.3s;
    z-index: 9;
    cursor: pointer;
}
.app-testi-active .slick-dots li.slick-active button {
    width: 35px;
    background: #6a86f3;
}
.sass-testimonial {
    background: #fff;
    padding: 0px 9px;
    margin-top: 10px;
}
.sass-testi-active .slick-dots {
    margin-top: 80px;
    line-height: 1;
    margin-left: 9px;
}
.sass-testi-active .slick-dots li {
    display: inline-block;
    line-height: 0;
}
.sass-testi-active .slick-dots li button {
    text-indent: -9999px;
    padding: 0;
    border: none;
    line-height: 1;
    height: 5px;
    width: 10px;
    background: #eaeefc;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.3s;
}
.sass-testi-active .slick-dots li.slick-active button {
    width: 35px;
    background: #fdab00;
}
.testi-circle-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50% !important;
    transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -webkit-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
}
.testi-circle-icon.tc-one {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 10px 80px 0px rgba(195, 195, 195, 0.64);
}
.testi-circle-icon.now-in-view {
    box-shadow: 0px 10px 80px 0px rgba(195, 195, 195, 0.64);
}
.tc-two.now-in-view {
    left: 2%;
    top: 0%;
}
.tc-three.now-in-view {
    left: 50%;
    top: -14%;
}
.tc-four.now-in-view {
    left: 80%;
    top: 40%;
}
.tc-five.now-in-view {
    left: 64%;
    top: 79%;
}
.tc-six.now-in-view {
    left: 15%;
    top: 76%;
}
.tc-seven.now-in-view {
    left: -5%;
    top: 46%;
}
.sass-testimonial .app-testi-content p:last-child {
    color: #777;
}
.portfolio-testi {
    border: 1px solid #edeaf6;
    transition: 0.3s;
}
.portfolio-testi-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
    height: 60px;
    width: 60px;
    text-align: center;
    background: #fff;
    border: 2px solid #eeeaf7;
    padding: 0;
    border-radius: 50%;
    font-size: 18px;
    color: #5435ad;
    line-height: 60px;
    cursor: pointer;
    z-index: 9;
    transition: 0.3s;
}
.portfolio-testi-active .slick-next {
    right: -90px;
    left: auto;
}
.portfolio-testi-active .slick-arrow:hover {
    background: #f14b59;
    border-color: #f14b59;
    color: #fff;
}
.portfolio-testi-active .slick-center .portfolio-testi {
    box-shadow: 0px 10px 80px 0px rgba(189, 189, 189, 0.5);
    border-color: transparent;
}
.portfolio-testi-active .slick-track {
    padding-top: 70px;
    padding-bottom: 90px;
}
.portfolio-testi-active .slick-dots {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1;
}
.portfolio-testi-active .slick-dots li {
    display: inline-block;
    line-height: 1;
}
.portfolio-testi-active .slick-dots li button {
    padding: 0;
    text-indent: -999999px;
    border: 2px solid #f04b59;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 50%;
    line-height: 1;
    margin: 0 5px;
    transition: 0.3s;
    z-index: 9;
    cursor: pointer;
}
.portfolio-testi-active .slick-dots li.slick-active button {
    border-color: #5335ac;
}
.portfolio-testi .testi-quote h4::before,
.portfolio-testi .testi-quote h4::after {
    color: #f14b59;
}
.portfolio-testi .app-testi-content p:last-child {
    color: #777;
}
.portfolio-testi .app-testi-avatar .tavatar-info span {
    color: #f14b59;
}
.inner-testimonial .app-testi-content p:last-child {
    color: #7e7e7e;
}

/* 23. App-download */
.app-download-content p {
    margin-bottom: 0;
    padding-right: 16px;
}
.s-app-download a:first-child {
    margin-right: 20px;
}
.app-download-area.pt-130 {
    padding-bottom: 48px;
}
.sass-download-content p {
}
.sass-download-icon {
    position: absolute;
}
.sass-download-icon.sd-icon-one {
    left: -16%;
    top: 3%;
}
.sass-download-icon.sd-icon-two {
    right: -16%;
    top: 8%;
}
.sass-download-icon.sd-icon-three {
    left: -11px;
    top: 26%;
}
.sass-download-icon.sd-icon-four {
    right: -15%;
    top: 41%;
}
.sass-download-icon.sd-icon-five {
    left: -52px;
    bottom: 10%;
}
.sass-download-icon.sd-icon-six {
    right: -2%;
    bottom: 6%;
}
.sass-download-area.pt-130 {
    padding-bottom: 95px;
}

/* 24. Blog */
.single-blog {
    background: #fff;
}
.blog-img {
    height: 100%;
}
.single-blog .blog-img img {
    height: 100%;
    width: 100%;
}
.blog-content {
    padding: 65px 50px 65px 20px;
}
.blog-content h4 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.blog-content h4:hover a {
    color: #ff3a46;
}
.blog-content p {
    font-size: 15px;
    margin-bottom: 25px;
}
.blog-meta ul {
    padding: 0 !important;
    margin: 0;
}
.blog-meta ul li {
    display: inline-block;
    margin-right: 25px;
    color: #5f5f5f;
    text-transform: capitalize;
}
.blog-meta ul li i {
    font-size: 15px;
    margin-right: 10px;
    color: #ff3a46;
}
.blog-meta ul li a {
    color: #5f5f5f;
}
.blog-meta ul li a:hover {
    color: #233d63;
}
.s-blog-content {
    padding: 40px 30px;
}
.s-blog-content h4 {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.blog-meta.mb-30 {
    margin-bottom: 20px;
}
.s-blog-content h4:hover a {
    color: #ff3a46;
}
.s-blog-content p {
    margin-bottom: 0;
}
.protfolio-blog {
    background: #eeeaf7;
}
.p-blog-thumb img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}
.p-blog-content h4 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0;
    color: #5435ad;
}
.p-blog-content h4:hover a {
    color: #f14b59;
}
.p-blog-content {
    padding: 23px 30px;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pagination-wrap {
    margin-top: 5px;
}
.pagination {
    display: block;
    display: block;
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
    padding-left: 0 !important;
}
.pagination li {
    display: inline-block;
    margin: 0 4px;
}
.pagination li a,
.pagination li:last-child a,
.pagination li .current {
    position: relative;
    display: block;
    padding: 0;
    margin-left: 0;
    line-height: 48px;
    color: #233d63;
    background-color: #fff;
    border: 2px solid #dee5fd;
    font-weight: 700;
    font-size: 15px;
    font-family: "Heebo", sans-serif;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
    border: 2px dashed #dee5fd;
}
.pagination li.active a,
.pagination li .current {
    border-color: #ff3a46;
    color: #ff3a46;
}
.pagination li:hover a,
.pagination li .current {
    border-color: #ff3a46;
    color: #ff3a46;
}
.standard-blog .s-blog-content {
    padding: 0;
}
.blog-title {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom: 18px;
    padding-right: 50px;
}
.standard-blog .s-blog-content h2:hover a {
    color: #ff3a46;
}
.standard-blog .s-blog-content p {
    margin-bottom: 35px;
    padding-right: 30px;
}
.standard-blog .s-blog-content .btn {
    background: #ffebec;
    color: #233d63;
    padding: 22px 50px;
    padding-right: 65px;
}
.standard-blog .s-blog-content .btn::before {
    right: 23%;
}
.standard-blog .s-blog-content .btn::after {
    display: none;
}
.standard-blog .s-blog-content .btn:hover {
    background: #ff3a46;
    color: #fff;
}
.standard-blog .blog-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 120px;
    width: 120px;
    text-align: center;
    font-size: 24px;
    line-height: 120px;
    background: #fff;
    color: #ff3a46;
    border-radius: 50%;
    z-index: 1;
}
.standard-blog .blog-video:hover {
    color: #ff3a46;
}
.standard-blog.qote-post {
    background-position: center;
    background-size: cover;
}
.qote-post-content {
    padding: 70px 50px;
}
.qote-post-content h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.5px;
}
.sidebar-form {
    position: relative;
}
.sidebar-form input {
    width: 100%;
    border: 2px solid #eaedf4;
    font-size: 16px;
    padding: 16px 30px;
    color: #233d63;
    border-radius: 5px;
    padding-right: 60px;
}
.sidebar-form input::placeholder {
    font-size: 16px;
    color: #233d63;
}
.sidebar-form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    border: none;
    padding: 0;
    background: none;
    font-size: 16px;
    color: #ff3a46;
    cursor: pointer;
}
.widget {
    background: #f8f8f8;
    padding: 35px 30px;
}
.rc-post-thumb img {
    width: 80px;
}
.rcp-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.widget .rcp-item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
}
.widget-posts-meta {
    font-size: 13px;
}
.rc-post-thumb img {
    margin-bottom: 0;
}
.sidebar-widget-title h2 {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 1;
    padding-bottom: 15px;
    margin-bottom: 35px;
    position: relative;
}
.sidebar-widget-title h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: url(../img/icon/w_title_line.png);
    width: 42px;
    height: 2px;
    background-repeat: no-repeat;
}
.sidebar-cat ul li {
    margin-bottom: 10px;
}
.sidebar-cat ul li:last-child {
    margin-bottom: 0px;
}
.sidebar-cat ul li a {
    font-size: 15px;
    color: #5f5f5f;
}
.sidebar-cat ul li a:hover {
    color: #ff3a46;
}
.rc-post-thumb {
    float: left;
    margin-right: 15px;
}
.rc-post-thumb img {
    border-radius: 50%;
}
.rc-post-content {
    overflow: hidden;
}
.rc-post-content h5 {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.rc-post-content h5:hover a {
    color: #ff3a46;
}
.rc-post-content span {
    display: block;
    color: #858585;
}
.rc-post ul li {
    padding-bottom: 40px;
    border-bottom: 1px solid #e4ddcf;
    margin-bottom: 40px;
    overflow: hidden;
}
.rc-post ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
}
.sb-newsletter-content p {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 20px;
}
.sidebar-newsletter form input {
    width: 100%;
    background: #fff;
    border: 1px solid #ff3a46;
    padding: 18px 25px;
    font-size: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.sidebar-newsletter form input::placeholder {
    color: #5f5f5f;
}
.sidebar-newsletter form .btn {
    border-radius: 5px;
    padding: 22px 40px;
    padding-right: 60px;
}
.sidebar-newsletter form .btn::before {
    right: 19%;
}
.sidebar-tag ul li {
    display: inline-block;
}
.sidebar-tag ul li a {
    display: block;
}
.sidebar-tag ul li a:hover {
    background: #ff3a46;
    color: #fff;
}
.sidebar-banner img {
    width: 100%;
}
.banner-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    left: 50px;
}
.banner-overlay h4 {
    font-size: 45px;
    color: #fff;
    letter-spacing: -3px;
    margin-bottom: 30px;
}
.banner-overlay p {
    font-size: 15px;
    line-height: 2;
    color: #fff;
    margin-bottom: 35px;
}
.banner-overlay .btn {
    background: #fff;
    color: #233d63;
    border-radius: 5px;
}
.banner-overlay .btn::before {
    right: 25%;
}
.banner-overlay .btn:after {
    display: none;
}
.blog-details-content h2 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom: 18px;
    padding-right: 60px;
}
.blog-details-content blockquote {
    font-size: 30px;
    color: #233d63;
    line-height: 1.3;
    letter-spacing: -1px;
    padding: 50px 40px;
    margin: 25px 0;
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-family: "Heebo", sans-serif;
}
.blog-details-content blockquote::before {
    content: "\f10e";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Pro";
    color: #13287e;
    font-size: 150px;
    line-height: 1;
    opacity: 0.1;
    z-index: -1;
}
.blog-details-content blockquote footer {
    font-size: 14px;
    font-weight: 500;
    color: #ff3a46;
    letter-spacing: 0;
    position: relative;
    margin-top: 15px;
    padding-left: 50px;
}
.blog-details-content blockquote footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background: #ff3a46;
}
.post-tag h5 {
    font-size: 20px;
    margin-bottom: 20px;
}
.post-tag ul li {
    display: inline-block;
}
.post-tag a {
    font-size: 14px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.post-tag a:hover {
    color: #ff3a46;
}
.post-share h5 {
    font-size: 20px;
    margin-bottom: 5px;
}
.post-share ul li {
    display: inline-block;
    margin-left: 10px;
}
.post-share ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.post-share ul li a:hover {
    color: #ff3a46;
}
.posts-navigation {
    padding: 40px 30px;
    border: 1px solid #e7e4ff;
    margin-top: 75px;
}
.related-pthumb {
    float: left;
    display: block;
    margin-right: 20px;
}
.related-pcontent {
    overflow: hidden;
}
.related-pcontent h6 {
    font-size: 14px;
    line-height: 23px;
    padding-right: 40px;
    margin-bottom: 0;
}
.related-pcontent h6:hover a {
    color: #ff3a46;
}
.rp-meta {
    color: #5f5f5f;
    font-size: 12px;
    font-weight: 500;
}
.prev-link > a {
    font-size: 14px;
    font-weight: 500;
    color: #6e6e6e;
    text-transform: capitalize;
}
.next-link > a {
    font-size: 14px;
    font-weight: 500;
    color: #6e6e6e;
    text-transform: capitalize;
}
.prev-link > a:hover,
.next-link > a:hover {
    color: #ff3a46;
}
.avatar-wrap {
    box-shadow: 0px 0px 32px 0px rgba(235, 235, 235, 0.66);
    padding: 25px;
}
.avatar-img {
    float: left;
    margin-right: 25px;
}
.bio-content {
    overflow: hidden;
}
.avatar-img img {
    margin-bottom: 20px;
    border-radius: 5px;
    border-radius: 50%;
}
.avatar-info h5 {
    font-size: 20px;
    margin-bottom: 0;
    text-transform: capitalize;
}
.avatar-info-social a {
    color: #5f5f5f;
    font-size: 14px;
    margin-right: 10px;
}
.avatar-wrap-content p {
    margin: 0;
}
.avatar-info-social a:hover {
    color: #ff3a46;
}
.comment-wrap-title h2 {
    font-size: 22px;
    letter-spacing: -1px;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative;
}
.comment-wrap.mb-70 {
    margin-bottom: 40px;
}
.title-border {
    width: 60px;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    height: 2px;
    background: #ff3a46;
    display: inline-block;
    border-radius: 50px;
}
.title-border::before {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    left: 5%;
    bottom: 0;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    animation: titleborder 2s linear infinite;
}
@keyframes titleborder {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(50px);
    }
}
.single-comment {
    display: flex;
    align-items: center;
}
.comments-avatar img {
    margin-right: 30px;
}
.avatar-name {
    margin-bottom: 10px;
}

.comments-avatar {
    margin-right: 0;
    float: left;
}
.avatar-name h5 {
    text-transform: capitalize;
}
.comments-box {
    margin-bottom: 30px;
    overflow: hidden;
}
.comments-text {
    overflow: hidden;
    position: relative;
}
.comment-reply-link {
    position: absolute;
    right: 0;
    top: 0;
    color: #42495b;
}
.comment-reply-link:hover {
    color: #ff3a46;
}
.avatar-name span {
    color: #ff3a46;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    display: block;
}
.comments-avatar img {
    border-radius: 50%;
}
.comment-text .avatar-name {
    margin-bottom: 10px;
}
.comment-text .avatar-name h6 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
}
.comment-text .avatar-name span {
    margin-left: 5px;
}
.comment-text p {
    margin-bottom: 10px;
    font-size: 14px;
    padding-right: 100px;
}
.comment-text a.comment-reply {
    font-size: 15px;
    font-family: "Heebo", sans-serif;
    font-weight: 700;
    color: #42495b;
}
.comment-text a.comment-reply i {
    margin-left: 5px;
}
.comment-text a.comment-reply:hover {
    color: #ff3a46;
}
.single-comment.children {
    margin-left: 70px;
}
.comment-field {
    position: relative;
}
.comment-field input {
    padding: 12px 25px;
    width: 100%;
    border: 1px solid #e8e8e8;
    transition: 0.3s;
}
.comment-field input::placeholder {
    color: #5f5f5f;
}
.comment-field input:focus {
    border-color: #ff3a46;
}
.comment-field i {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #ff3a46;
}
.comment-field.text-area i {
    top: 15px;
    transform: unset;
}
.comment-field textarea {
    padding: 12px 25px;
    width: 100%;
    border: 1px solid #e8e8e8;
    transition: 0.3s;
    height: 125px;
}
.comment-field textarea:focus {
    border-color: #ff3a46;
}
.comment-form .btn {
    border-radius: 5px;
    padding: 22px 40px;
    padding-right: 60px;
}
.comment-form .btn::before {
    right: 19%;
}

/* 25. Contact */
.pc-form-group {
    margin-bottom: 35px;
}
.pc-form-group label {
    font-size: 16px;
    font-weight: 700;
    color: #5435ad;
    cursor: unset;
    font-family: "Heebo", sans-serif;
    margin-bottom: 15px;
}
.pc-form-group label span {
    color: #f14b59;
}
.pc-form-group input {
    width: 100%;
    border: 2px solid #eeeaf7;
    padding: 21px 40px;
    font-size: 16px;
    color: #5435ad;
    border-radius: 5px;
    transition: 0.3s;
}
.pc-form-group input::placeholder {
    color: #a996e0;
}
.pc-form-group input:focus {
    border-color: #5435ad;
}
.pc-form-group textarea {
    width: 100%;
    border: 2px solid #eeeaf7;
    padding: 21px 40px;
    font-size: 16px;
    color: #5435ad;
    border-radius: 5px;
    height: 135px;
    transition: 0.3s;
}
.pc-form-group textarea::placeholder {
    color: #a996e0;
}
.pc-form-group textarea:focus {
    border-color: #5435ad;
}
.pc-form-wrap .btn::before {
    right: 19%;
}
.portfolio-map img {
    width: 100%;
    box-shadow: 0px 10px 80px 0px rgba(189, 189, 189, 0.5);
    cursor: pointer;
}
.sc-info-title h2 {
    font-size: 25px;
    font-weight: 400;
    color: #647b9b;
    padding-bottom: 15px;
    line-height: 1;
    margin-bottom: 25px;
    border-bottom: 1px solid #647b9b;
}
.sc-info-title h2 i {
    margin-right: 10px;
}
.single-contact-info p {
    margin-bottom: 0;
    font-size: 18px;
}
.single-contact-info span {
    display: block;
}
.contact-form-grp {
    position: relative;
}
.contact-form-grp input {
    width: 100%;
    border: 2px solid #e5e7fc;
    padding: 22px 30px;
    font-weight: 500;
    color: #233d63;
    padding-right: 50px;
    margin-bottom: 30px;
}
.contact-form-grp input::placeholder {
    color: #233d63;
}
.contact-form-grp i {
    position: absolute;
    top: 26px;
    right: 30px;
    color: #ff3a46;
    font-weight: 400;
}
.contact-form-grp textarea {
    width: 100%;
    border: 2px solid #e5e7fc;
    padding: 22px 30px;
    font-weight: 500;
    color: #233d63;
    padding-right: 50px;
    height: 180px;
    margin-bottom: 30px;
}
.contact-form-grp textarea::placeholder {
    color: #233d63;
}
.contact-form .faq-selected {
    width: 100%;
    display: block;
    padding: 26px 30px;
    border: 2px solid #e5e7fc;
    color: #233d63;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;
}
.contact-form .faq-selected::after {
    border-bottom: 2px solid #ff3a46;
    border-right: 2px solid #ff3a46;
    right: 30px;
}
.contact-form .btn::before {
    right: 22%;
}
.contact-map img {
}
.contact-map {
    height: 600px;
}

/* 26. 404 page */
.error-height {
    min-height: 100vh;
    background-position: right;
    background-repeat: no-repeat;
}
.error-content {
    padding-top: 0;
}
.error-content h2 {
    font-size: 65px;
    line-height: 1;
    color: #ff3a46;
    margin-bottom: 40px;
}
.error-content p {
    margin-bottom: 40px;
}
.error-shape {
    position: absolute;
    z-index: -1;
}
.eshape-one {
    left: 100px;
    top: 22%;
}
.eshape-two {
    left: 35%;
    top: 100px;
}
.eshape-three {
    left: 130px;
    bottom: 22%;
}
.eshape-four {
    left: 19%;
    bottom: 70px;
}
.eshape-five {
    left: 43%;
    bottom: 70px;
}

/* 27. Footer */
.f-logo img {
    width: 171px;
}
.p-copyright-logo img {
    width: 171px;
}
.footer-text p {
    padding-right: 35px;
    margin-bottom: 25px;
}
.footer-social a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #ffebec;
    border-radius: 50%;
    color: #ff3a46;
    margin-right: 10px;
}
.footer-social a:hover {
    background: #ff3a46;
    color: #fff;
}
.fw-title h3 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.6px;
    margin-bottom: 25px;
}
.fw-link ul li {
    margin-bottom: 10px;
}
.fw-link ul li a {
    font-size: 14px;
    color: #7e7e7e;
}
.fw-link ul li a:hover {
    color: #ff3a46;
}
.fw-link ul li:last-child {
    margin-bottom: 0px;
}
/** footer menu **/
.widget_nav_menu ul li {
    margin-bottom: 10px;
    list-style: none;
}
.widget_nav_menu ul li a {
    font-size: 14px;
    color: #7e7e7e;
}
.widget_nav_menu ul li a:hover {
    color: #ff3a46;
}
.widget_nav_menu ul li:last-child {
    margin-bottom: 0px;
}
.footer-widget ul li {
    margin-bottom: 10px;
    list-style: none;
}
.footer-widget ul li a {
    font-size: 14px;
    color: #7e7e7e;
}
.footer-widget ul li a:hover {
    color: #ff3a46;
}
.footer-widget ul li:last-child {
    margin-bottom: 0px;
}
.footer-widget ul li ul.children {
    padding-left: 10px;
    padding-top: 5px;
}
.footer-contact ul li {
    overflow: hidden;
    margin-bottom: 13px;
}
.footer-contact ul li i {
    float: left;
    display: block;
    margin-right: 10px;
    color: #ff3a46;
}
.footer-contact ul li span {
    display: block;
    overflow: hidden;
}
.copyright-wrap {
    padding: 25px 0;
    border-top: 1px solid #e2e2e2;
}
.copyright-text p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.7;
}
.copyright-text p span {
    color: #ff3a46;
}
.copyright-menu ul li {
    display: inline-block;
    margin-left: 40px;
}
.copyright-menu ul li:first-child {
    margin-left: 0;
}
.copyright-menu ul li a {
    color: #7e7e7e;
    font-weight: 500;
    font-family: "Heebo", sans-serif;
}
.copyright-menu ul li a:hover {
    color: #ff3a46;
}
.footer-img img {
    width: 100%;
}
.app-footer-text p {
    color: #fff;
    margin-bottom: 0;
    padding-right: 0;
}
.app-footer-link ul li {
    display: inline-block;
    margin-right: 40px;
}
.app-footer-link ul li:last-child {
    margin-right: 0;
}
.app-footer-link ul li a {
    font-size: 16px;
    color: #fff;
}
.app-footer-contact h2 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 15px;
}
.app-footer-contact span {
    font-size: 18px;
    display: block;
    color: #fff;
    font-family: "Heebo", sans-serif;
}
.app-copyright-menu ul li {
    display: inline-block;
    margin-left: 40px;
    margin: 0 10px;
}
.app-copyright-menu ul li a {
    color: #fff;
    font-weight: 400;
    font-family: "Rubik", sans-serif;
}
.app-copyright-menu ul li a:hover {
    color: #fff;
}
.white-copyright p {
    color: #fff;
}
.copyright-social a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #5a96ff;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}
.copyright-social a:hover {
    background: #2661ff;
    color: #fff;
}
.app-copyright-wrap {
    padding: 15px 0;
    border-color: #648eff;
}
.sass-footer {
    border-top: 1px solid #e3eaff;
}
.sass-footer-social a {
    background: #ecf1ff;
    color: #4275ff;
}
.sass-footer-social a:hover {
    background: #4275ff;
    color: #fff;
}
.sass-fw-link ul li a:hover {
    color: #4275ff;
}
.sass-footer-contact ul li i {
    color: #4275ff;
}
.sass-copyright-text p span {
    color: #4275ff;
}
.sass-copyright-menu ul li a:hover {
    color: #4275ff;
}
.portfolio-footer-menu ul li {
    display: inline-block;
    margin: 0 15px;
}
.portfolio-footer-menu ul li a {
    font-size: 17px;
    color: #b094ff;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    display: block;
    padding: 10px 0;
}
.portfolio-footer-menu ul li a:hover {
    color: #f14b59;
}
.portfolio-footer-social a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #e5e0f2;
    border-radius: 50%;
    color: #8467d8;
    margin: 0 5px;
}
.portfolio-footer-social a:hover {
    background: #4f31a6;
    color: #fff;
}
.portfolio-copyright-wrap {
    border: none;
    background: #4f31a6;
}
.footer-follow ul li {
    margin-bottom: 10px;
}
.footer-follow ul li:last-child {
    margin-bottom: 0px;
}
.footer-follow ul li i {
    width: 20px;
    margin-right: 10px;
}
.footer-follow ul li i.fa-facebook-f {
    color: #3578e5;
}
.footer-follow ul li i.fa-twitter {
    color: #1da1f2;
}
.footer-follow ul li i.fa-google-plus-g {
    color: #ea4335;
}
.footer-follow ul li i.fa-skype {
    color: #0078ca;
}
.footer-follow ul li a {
    font-size: 14px;
    color: #5f5f5f;
}
.shop-copyright-wrap {
    padding: 20px 0;
}
/*--- 28. Preloader ---*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: 999999;
}

.preloader {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0px;
    text-align: left;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.preloader span {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #ff3a46;
    -webkit-animation: preloader 1.3s linear infinite;
    animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
    0% {
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

.wpcf7-submit.btn.p-btn {
    padding-right: 45px;
}

/*services sidebar*/
.services-sidebar {
    border: 2px solid #f4f3fb;
    padding: 30px;
}
.services-link {
    margin-bottom: 0;
}
.services-link li {
    border-bottom: 1px solid #eaeaea;
    color: #4c4c4c;
    margin: 0;
    overflow: hidden;
    padding: 15px 0;
    padding-top: 15px;
    position: relative;
}
.services-link li a {
    color: #7886a0;
}
.services-link li:last-child {
    border: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.services-link li a:hover {
    color: #ff3a46;
}
.service-details img {
    max-width: 100%;
}
.services-sidebar h3 {
    margin-bottom: 12px;
}

.default-footer-style .footer-text p {
    padding-right: 0;
}
.default-footer-style .rcp-item {
    border-bottom: 0;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.default-footer-style .footer-wrap .row .col-lg-3:nth-child(2) .footer-widget {
    padding-left: 50px;
}
.default-footer-style .footer-widget #wp-calendar thead th {
    color: #233d63;
    border: 1px solid #ddd;
    padding-top: 7px;
    padding-bottom: 7px;
}
.default-footer-style .footer-widget #wp-calendar tbody td {
    background: none;
    border: 1px solid #ddd;
    color: #233d63;
}
.default-footer-style .footer-widget #wp-calendar #next a,
.default-footer-style .footer-widget #wp-calendar #prev a {
    color: #ff3a46;
}
.default-footer-style select {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.default-footer-style .widget_recent_comments.footer-widget li span,
.default-footer-style .widget_recent_comments.footer-widget li span a {
    color: #223645;
}
.footer-widget img {
    max-width: 100%;
}
.footer-widget ul ul {
    padding-left: 10px;
    padding-top: 5px;
}
.default-footer-style .footer-widget .tagcloud a {
    background: #ececec;
    color: #233d63;
}
.default-footer-style .footer-widget .tagcloud a:hover {
    background: #223645;
    color: #fff;
}
.default-footer-style {
}
.default-footer-style {
}

.contact-address-text p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
}
.contact-address-text h4 {
    font-size: 16px;
    font-weight: 500;
}
.contact-link li :last-child {
    margin-bottom: 0;
}
.contact-address-text {
    overflow: hidden;
}
.contact-address-icon {
    float: left;
    margin-right: 10px;
}
.contact-address-icon i {
    font-size: 15px;
    color: #ff3a46;
}
.footer-widget ul.contact-link li {
    margin-bottom: 25px;
    padding-bottom: 0;
    list-style: none;
    margin-bottom: 25px;
}
.blog-details-text .post-text {
    clear: both;
}
.latest-comments > ul > li {
    list-style: none;
    overflow: hidden;
}
.comment-respond {
    margin-bottom: 30px;
}
.footer-b-none {
    border-top: 0;
}

.section-title.mb-50 img {
    max-width: 100%;
}
.related-product-active .col-xl-4 {
    width: 100%;
}
.related-product-active .col-xl-4 {
    width: 100%;
    max-width: 100%;
}
.wpcf7-form .btn {
    padding: 27px 60px;
}


body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-x: hidden;
}
img {
    height: auto;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

.logged-in .header-transparent{
    margin-top: 30px;
}
.admin-bar .sticky-header {
  top: 32px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em !important;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em !important;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget select {
    max-width: 100%;
    height: 45px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
button:focus, input:focus, input:focus, textarea, textarea:focus {
    outline: 0;
}
.sticky {
    display: block;
}

.hentry {
    
}

.updated:not(.published) {
    display: none;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    font-size: 14px;
    font-style: italic;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 10px;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-right: 5px !important;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/**
* custom css
*
*/
blockquote {
    position: relative;
    margin: 30px 0;
    margin-bottom: 25px;
    padding: 22px 25px ;
}
.wp-block-quote, blockquote {
    margin: 20px 0;
    border-left: solid 4px #FF3A46 !important;
    padding: 35px 25px !important;
}
.wp-block-quote p, blockquote p {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
    color: #233d63;
    line-height: 1.6;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
    background-color: #FFF4EF;
}
.wp-block-pullquote {
    border-top: 4px solid #FF3A46  !important;
    border-bottom: 4px solid #FF3A46  !important;
}
.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
    margin-top: 10px;
    display: block;
}
.logged-in-as a {
    color: #222;
}
.logged-in-as a:hover {
    color: #FF3A46 ;
}
.post-tag {
    background: #fff;
    padding: 0;
    padding-top: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 30px;
}
.post-tag > a {
    color: #7886a0;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid #e5e5e5;
    padding: 10px 24px;
    margin-right: 5px;
    transition: .3s;
    border-radius: 5px;
    margin-bottom: 5px;
}
.post-tag > a:hover {
    color: #fff;
    background: #FF3A46 ;
    border-color: #FF3A46 ;
}

/**
*
* blog pagination
*/
.pagination ul > li > a, .pagination ul .page-numbers.current, .nav-links a, .nav-links .page-numbers.current {
    background: #F6F4FF;
    font-size: 14px;
    color: #555;
    font-weight: 500;
    display: inline-block;
    padding: 16px 35px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul .page-numbers.current, .nav-links a:hover, .nav-links .page-numbers.current {
    color: #fff;
    background: #FF3A46 ;
    border-color: #FF3A46 ;
}

/**
*
* Sidebar widget css
*
*/
.blog-area .widget ul {
    padding: 0;
    margin: 0;
}
.blog-area .widget ul li ul {
    padding-left: 2px;
    padding-top: 15px;
}
.rssSummary {
    line-height: 27px;
}
.widget ul {
    margin: 0;
}
.blog-sidebar .widget ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 14px;
    font-size: 14.5px;
    font-weight: 600;
    font-family: "Work Sans", sans-serif;
}
.widget ul li a {
    color: #57647c;
    display: inline-block;
    font-size: 14.5px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    transition: .3s;
    line-height: 1;
}
.widget ul li a.rsswidget{
    line-height: 1.3;
}
.widget .footer-post h5 a {
    font-size: 16px;
    line-height: 1.3;
}
.widget ul li:first-child {
    padding-top: 0;
}
.widget_recent_entries ul li a {
    font-size: 14px;
    line-height: 26px;
}

/**
* latest blog shortcdoe
*
*/
.blog-area .mb-50, .portfolio-area .mb-50, .services-area .mb-50 {
    margin-bottom: 50px;
}

.portfolio-area .mb-40 {
    margin-bottom: 40px !important;
}

.services-area .mb-30{
    margin-bottom: 30px !important;
}
.service-details img {
    width: inherit;
}

/**
*
* removing visual composer default data
*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0 !important;
}

/**
* image widget
*/
.widget-title {
    display: block;
    position: relative;
    padding-bottom: 15px;
}
.widget_media_image img {
    width: 100%;
}

/**
* tags
*/
.sidebar-tad{}
.sidebar-tad li {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}
.sidebar-tad li a, .tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
    margin-right: 0px;
    background: #fff;
    padding: 13px 20px;
    line-height: 1;
    border-radius: 5px;
    color: #5f5f5f;
    margin: 4px 2px;
}
.sidebar-tad li a:hover, .tagcloud a:hover {
    background: #FF3A46 ;
    color: #fff;
}

/**
* archive
*
*/
.widget{}
.widget li {
  border-bottom: 1px solid #f5f5f5;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget li:last-child {
    border: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget li a {
    color: #444;
    font-weight: 500;
    padding-left: 0;
}
.widget li a:hover {
    color: #FF3A46 ;
}
.widget ul li::before {
    height: 7px;
    width: 7px;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    background: #d99b9e;
}
.widget ul li.recentcomments{
    padding-left: 0
}
.widget.widget_recent_entries ul li{
    padding-left: 0
}
.widget ul li.recentcomments::before{
    display: none;
}
.widget.widget_recent_entries ul li::before{
    display: none;
}
.widget li span{float:right;}
li .blog-footer-meta span {
    float: none !important;
    font-size: 13px !important;
}
.widget_recent_comments li span, .widget_recent_comments li span a {
    float: none;
    font-weight: 500;
    color: #223645;
    text-transform: capitalize;
}
.widget_rss ul li a.rsswidget {
    font-weight: 600;
}
.widget li span.post-date {
    float: none;
    margin-top: 7px;
    display: block;
    font-size: 13px;
}
/* calendar widget */
.widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#wp-calendar thead {
    font-size: 14px;
}
#wp-calendar thead th {
    padding-bottom: 10px;
 }
#wp-calendar tbody {
    color: #666;
}
#wp-calendar tbody td {
    background: #f7f7f7;
    border: 1px solid #fff;
    text-align: center;
    padding:8px;
    transition: .3s;
}
#wp-calendar tbody td:hover, #wp-calendar tbody td:hover a {
    background: #FF3A46 ;
    color: #fff;
}
#wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}
.latest-comments ul li ul.children {
    padding-left: 70px;
}
.latest-comments ul li ul.children {
    padding-top: 0;
}
.no-results.not-found {
    background: #fff;
    padding: 41px 100px;
    text-align: center;
    border: 2px solid #f4f3fb;
}
.pageontent.blog-search-content p {
    margin-bottom: 20px;
}
.blog-search-title {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.error-404-title {
    line-height: 1;
    font-size: 195px;
    font-weight: 700;
}
.error-title {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 30px;
}
.error-text {
    margin-bottom: 30px;
}
.page-content.mb-40 {
    margin-bottom: 30px;
}
.page-header {
    background: #faf9ff;
    margin-bottom: 30px;
    padding: 30px;
}
.page-header h1 {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}
.navigation.posts-navigation  .nav-next {
  float: right;
}
.navigation.posts-navigation  .nav-previous {
  float: left;
}
.navigation.posts-navigation  .nav-links {
  overflow: hidden;
}
.navigation.posts-navigation .nav-links a {
    text-transform: uppercase;
    background: #fff;
}
.navigation.posts-navigation .nav-links a:hover{
    background: #FF3A46 ;
    color: #fff;
}
.navigation.posts-navigation {
    overflow: hidden;
    margin-bottom: 40px;
}
/*unit test*/
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 25px;
}
.blog-area > ul, .blog-area > ol, .blog-area ul, .blog-area ol {
    padding-left: 20px;
}
.blog-details-text ol li, .blog-details-text ul li {
    padding-top: 7px;
}
ul {
    list-style: disc;
}
.postbox.sticky {
    border: 2px solid #FF3A46;
    padding: 40px;
    padding-top: 35px;
}
.blog-content h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}
#wp-calendar #next a,#wp-calendar #prev a {
    font-size: 13px;
    font-weight: 600;
}

.blog-content table{
    margin-bottom: 30px;
}
.blog-content table tbody td {
    text-align: center;
}
.blog-content table td {
    border-color: #ddd;
    padding: 12px 12px;
}
.blog-content th, .blog-content td {
    font-weight: normal;
    text-align: left;
    border-width: 0 1px 1px 0;
}
.blog-content table, .blog-content th, .blog-content td {
    border: 1px solid #d1d1d1;
}
.blog-content table th {
    padding: 12px 12px;
    font-size: 15px;
    border-color: #ddd;
    text-align: center;
    font-weight: 600;
}

/*page table*/
.devgan-page-content table{
    margin-bottom: 30px;
}
.devgan-page-content table tbody td {
    text-align: center;
}
.devgan-page-content table td {
    border-color: #ddd;
    padding: 12px 12px;
}
.devgan-page-content th, .devgan-page-content td {
    font-weight: normal;
    text-align: left;
    border-width: 0 1px 1px 0;
}
.devgan-page-content table, .devgan-page-content th, .devgan-page-content td {
    border: 1px solid #d1d1d1;
}
.devgan-page-content table th {
    padding: 12px 12px;
    font-size: 15px;
    border-color: #ddd;
    text-align: center;
    font-weight: 600;
}
.devgan-page-content ol li,.devgan-page-content ul li{
    margin-bottom: 7px;
}.devgan-page-content ol li ol,.devgan-page-content ul li ul{
    margin-top: 7px;
}

.blog-details-text table{
    margin-bottom: 30px;
}
.blog-details-text table tbody td {
    text-align: center;
}
.blog-details-text table td {
    border-color: #ddd;
    padding: 12px 12px;
}
.blog-details-text th, .blog-details-text td {
    font-weight: normal;
    text-align: left;
    border-width: 0 1px 1px 0;
}
.blog-details-text table, .blog-details-text th, .blog-details-text td {
    border: 1px solid #d1d1d1;
}
.post-comments table th {
    padding: 12px 12px;
    font-size: 15px;
    border-color: #ddd;
    text-align: center;
    font-weight: 600;
}
.blog-details-wrapper table {
    margin-bottom: 30px;
    width: 100%;
}
.blog-details-wrapper table tbody td {
    text-align: center;
}
.blog-details-wrapper table td {
    border-color: #ddd;
    padding: 12px 12px;
}
.blog-details-wrapper th, .blog-details-wrapper td {
    font-weight: normal;
    text-align: left;
    border-width: 0 1px 1px 0;
}
.blog-details-wrapper table, .blog-details-wrapper th, .blog-details-wrapper td {
    border: 1px solid #d1d1d1;
}
.blog-details-wrapper table th {
    padding: 12px 12px;
    font-size: 15px;
    border-color: #ddd;
    text-align: center;
    font-weight: 400;
}
.comments-text > p {
    margin-bottom: 15px;
}
.comments-text ul li,.comments-text ol li{
    padding-top: 5px;
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
    border: 1px solid #ddd;
    padding: 15px;
}
dd + dt {
    margin-top: 20px;
}

.page-links {
    width: 100%;
    clear: both;
    margin-bottom: 30px;
    margin-top: 20px;
}
.page-links > span.page-links-title {
    border: 0;
    color: inherit;
}
.page-links a, .page-links > span {
    border: 2px solid #ddd;
    display: inline-block;
    min-width: 35px;
    text-align: center;
    margin-left: 2px;
    height: 33px;
    line-height: 30px;
    margin-right: 3px;
    color: #444;
}
.page-links > span {
    border: 2px solid #FF3A46 ;
    color: #FF3A46 ;
}
.page-links a:hover {
    border: 2px solid #FF3A46 ;
    color: #FF3A46 ;
}

.post-password-form label {
    width: 100%;
}
.post-password-form input[type="password"] {
    font-size: 1.2rem;
    line-height: 20px;
    padding: 12px 20px;
    border: 1px solid #E4E4F2;
    width: 100%;
}
.post-password-form input[type="submit"] {
    background-color: #FF3A46 ;
    border: none;
    padding: 10px 40px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
    font-weight: 600;
}
.post-password-form input[type="submit"]:hover {
    background-color: #010E2A;
}
.comment-wrap .latest-comments > ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.comments-text > ul,.comments-text > ol {
    margin-bottom: 20px;
}
ul.children {
    list-style: none;
}
.footer-widget #wp-calendar tbody td {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}
.footer-widget #wp-calendar tbody td a{
    color: #fff;
    text-decoration: underline;
}
.footer-widget #wp-calendar tbody td:hover a{
    background: transparent;
}
.footer-widget #wp-calendar tbody #today a {
    color: #fff;
    text-decoration: underline;
    background: none;
}
.footer-widget #wp-calendar thead th {
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding-top: 7px;
}
.footer-widget #wp-calendar #next a, .footer-widget #wp-calendar #prev a {
    color: #fff;
}
.footer-widget #wp-calendar caption {
    color: #fff;
}

.widget_recent_comments.footer-widget li span, .widget_recent_comments.footer-widget li span a {
    float: none;
    font-weight: 600;
    color: #fff;
}

.widget.widget_recent_comments ul li a {
    display: inline-block;
    line-height: 27px;
}

.footer-widget form input.search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #2f3440;
    color: #fff;
    border: 0;
    padding: 0 25px;
    height: 45px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    transition: .3s;
    width: auto;
}
/*.footer-widget p {
    color: #c9d4db;
}*/
.footer-widget .tagcloud a {
    background: #223644;
    color: #b0b5bf;
}
.footer-widget .calendar_wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: -ms-autohiding-scrollbar;
}
.widget_rss ul li span{float: none}

.vc-inner-no-padding .vc_column-inner {
    padding-top: 0 !important;
}
.boxed-55 {
    padding:  0 70px !important;
}
.sidebar-rc-post ul li::before {
    display: none;
}
.footer-widget .sidebar-rc-post ul li {
    position: relative;
    padding-left: 0;
    margin-bottom: 10px;
}
.footer-widget .sidebar-rc-post ul li .widget-date {
    color: #999;
}
.footer-post li::before {
    display: none;
}
.footer-widget .footer-post li {
    padding-left: 0
}
.footer-widget .footer-post li a {
    color: #fff;
    opacity: .8;
}
.tag-space {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 20px;
}
.size-thumbnail {
    margin-bottom: 20px;
}
.no-results.not-found .page-header {
    padding-top: 0;
    padding-bottom: 0;
}
.devgan-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    border: 0;
    background: no-repeat;
    color: #444;
    border-left: 1px solid #ddd;
    height: 100%;
}
.devgan-search-btn:hover{color: #2154CF}
.search-form2 .form-control {
    height: 50px;
    border-radius: inherit;
}
.search-form2 {
    position: relative;
}

.archive-description {
    margin-top: 15px;
}
/*comment-form*/
.comment-form {
}
.comment-respond label {
    font-weight: 600;
    color: #223645;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 12px;
    display: block;
}
.comment-form input {
    height: 55px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 100%;
    font-size: 14px;
    color: #223645;
    border: 1px solid transparent;
    background: #fff;
    transition: .3s;
}
.comment-form textarea {
    height: 170px;
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
    color: #223645;
    font-size: 14px;
    border: 1px solid transparent;
    background: #fff;
    transition: .3s;
}
.comment-form .cm-form-btn{
    padding: 24px 55px;
    border-radius: 30px;
}
.comment-form input:focus{
    background: #fff;
    border-color: #FF3A46
}
.comment-form textarea:focus{
    background: #fff;
    border-color: #FF3A46
}
.comment-form input::-moz-placeholder {
  color: #223645;
  font-size: 14px;
  opacity: 1
}
.comment-form input::placeholder {
  color: #223645;
  font-size: 14px;
  opacity: 1
}
.comment-form textarea::-moz-placeholder {
  color: #223645;
  font-size: 14px;
  opacity: 1
}
.comment-form textarea::placeholder {
  color: #223645;
  font-size: 14px;
  opacity: 1
}
/*author*/
.author-wrapper {
    background: #F7F7FD;
    padding: 37px 71px 35px 40px;
    overflow: hidden;
    border-left: 5px solid #FF3A46;
}
.author-img {
    float: left;
    margin-right: 27px;
    margin-top: 10px;
}
.author-img img {
    border-radius: 50%;
}
.author-text {
    overflow: hidden;
}
.author-text > h4 {
    text-transform: capitalize;
}
.author-text > p {
    margin-bottom: 0;
}
.author-icon {
    margin-bottom: 9px;
}
.author-icon a:hover {
    color: #FF3A46 ;
}
.no-pad .vc_column-inner{padding-top: 0 !important}

/*servie details*/
.sidebar-link h3 {
    font-size: 36px;
    font-weight: 700;
}
.servicee-sidebar {
    border: 2px solid #f4f3fb;
    padding: 30px;
}
.servicee-sidebar ul{
    margin-bottom: 0;
}
.servicee-sidebar ul li {
    border-bottom: 1px solid #eaeaea;
    color: #4c4c4c;
    margin: 0;
    overflow: hidden;
    padding: 15px 0;
    padding-top: 15px;
    position: relative;
}
.servicee-sidebar ul li a {
    color: #7886a0;
}
.servicee-sidebar ul li:last-child {
    border: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.servicee-sidebar ul li a:hover {
    color: #FF3A46 ;
}
.project-status ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0;
}
.project-status {
    background: #F4F9FC;
    padding: 30px;
}
.project-status ul li b {
    margin-right: 5px;
    display: inline-block;
    color: #28345d;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
}
.project-status ul li:last-child {
    border:0;
    padding-bottom: 0
}.project-status ul li:first-child {
    padding-top: 0
}
.bypostauthor .avatar-name > h5::after {
    content: "\f02e";
    font-family: "Font Awesome 5 Pro";
    top: -1px;
    font-size: 12px;
    margin-left: 10px;
    line-height: 1;
    position: relative;
    color: #cacfef;
    font-weight: 900;
}
.project-status ul {
    margin: 0;
}

.project-details-content .project-desc h3 {
    font-weight: 600;
    font-size: 32px;
}
.project-details-content .elementor-icon-list-text {
    font-size: 14px;
    line-height: 40px;
    color: #515c69;
    text-transform: capitalize;
    letter-spacing: 0;
    padding-left: 5px;
}
.elementor-icon-list-items .elementor-icon-list-item i {
    color: #FF3A46;
}
.project-details-content .elementor-icon-list-item{list-style: none;line-height: 1.67;}
.project-details-content{}
.project-details-content{}
.paginations ul {
    padding-left: 0;
}
.servicee-sidebar-banner {
    margin-bottom: 50px;
}
.portfolio-sidebar {
    margin-bottom: 30px;
}
/*next prev post*/
.project-details-content{}
.blog-details-border {
    background: #fff;
    margin-bottom: 45px;
}
.project-details-content span {
    font-size: 13px;
    color: #8583b1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.project-details-content span a{
    color: #8583b1;
}
.project-details-content span a:hover{
    color: #FF3A46 ;
}
.project-details-content h3 {
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
}
.project-details-content h3 a:hover {
    color: #FF3A46 ;
}
.project-details-button{}
.project-details-button a.btn{}
.page-area .post-comments-form {
    margin-bottom: 0;
    clear: both;
    padding-top: 0;
    margin-top: 60px;
}
.page-area  .post-comments {
    margin-top: 50px;
}
.devgan-page-content ol,.devgan-page-content ul{padding-left: 22px}
.container.container-box {
    margin: auto;
}
.vc_column-inner {
    padding-top: 0 !important;
}
.features-service .feature{margin-top: 0}
.features-service .feature-item{margin-top: 0}
/*new unit test*/
.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-left: 10px;
}
.wp-block-column:not(:last-child) {
    margin-right: 10px;
}
.wp-block-column:nth-child(2n+1) {
    margin-right: 10px;
}
.post-text > .alignwide {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
}
.has-large-font-size {
    font-size: 36px;
    line-height: 1.2;
}
.has-very-light-gray-color.has-very-light-gray-color {
    color: #fff;
    background: #FF3A46  !important;
}
.wp-block-archives select {
    height: 50px;
    width: 200px;
    border: 1px solid #ddd;
    padding: 0 10px;
}
.wp-block-latest-comments {
    padding-left: 0 !important;
}
.wp-block-latest-posts.has-dates {
    padding-left: 14px;
}
.wp-block-archives li a, .wp-block-categories li a {
    color: #5e629c;
}
/*header*/
.retina-logo {
    display: none;
}
/* 20. paginations */
.paginations{}
.paginations ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.paginations ul li a, .paginations ul li .page-numbers {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    text-align: center;
    height: 60px;
    width: 60px;
    background: #fff;
    border-radius: 30px;
    padding: 0;
    line-height: 56px;
    display: inline-block;
    border: 2px solid #eaebec;
}
.paginations ul li:hover a, .paginations ul li .current {
    background: #FF3A46;
    color: #fff;
    border-color: #FF3A46;
}
.paginations ul li:hover a:after, .paginations ul li.active a:after {
    opacity:1;
}
.paginations ul li:hover a:before, .paginations ul li.active a:before {
    opacity:1;
}
.paginations li .prev {
    text-transform: uppercase;
    font-weight: 700;
}
.paginations li .next {
    text-transform: uppercase;
    font-weight: 700;
}
.blog-area img{
    max-width: 100%;
}
.footer__widget ul li ul {
    padding-left: 10px;
    padding-top: 12px;
}
.footer__widget select {
    width: 100%;
    height: 40px;
    padding: 0 15px;
}
.footer__widget #wp-calendar caption {
    color: #8a8aac;
}
#wp-calendar tbody td#today{
    background: #FF3A46 ;
    color: #fff;
}
#wp-calendar tbody td#today a{
    background: #FF3A46 ;
    color: #fff;
}
.footer__widget img{
    max-width: 100%;
}
.footer__widget .tagcloud a {
    background: #1b1a2c;
    color: #d3d3dd;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1;
    padding: 12px 15px;
    margin-bottom: 5px;
    margin-right: 0px;
}
.error-btn:hover{
    color: #7673ff;
}
.retina-logo img {
    width: 171px;
}
.logo-white-style .retina-logo img {
    width: 191px;
}
#wp-comment-cookies-consent {
    width: auto;
    display: inline-block;
    height: auto;
    margin-right: 20px;
}
.comment-form-cookies-consent label {
    display: inline-block;
}
.comment-form-cookies-consent {
    margin-left: 18px;
    display: none;
}

.copyright__text p {
    margin: 0;
}

.devgan-page-content figure.wp-caption.aligncenter {
    margin-top: 40px;
}
.devgan-page-content .size-full.alignright {
    margin-bottom: 35px;
    margin-top: 20px;
}
.admin-bar .header-sticky {
    margin-top: 32px;
}

/** menu extra margin remove **/
.header__menu nav ul, .header-social-icons ul {
    margin-bottom: 0;
    display: inline-block;
}
.footer-menu-2 ul li {
    margin-bottom: 8px;
}
.footer-emailing ul {
    padding: 0;
    margin: 0;
}

.team-social-profile ul li {
    display: inline-block;
    margin: 0 8px;
}
.team-social-profile ul {
    margin: 0;
}
.team-social-profile ul li a {
    font-size: 15px;
    color: #616b71;
}
.team-social-profile ul li a:hover {
    color: #FF3A46;
}


.footer_style_default .footer-logo.dark-logo {
    display: none;
}


/*page title*/
.page-title h2 {
    font-size: 48px;
    margin-bottom: 0;
}
.breadcrumb-menu {
    padding: 0;
    margin: 0;
    margin-top: 25px;
}
.breadcrumb-menu li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.breadcrumb-menu li a {
    color: #95a3b3;
    padding: 0;
}
.breadcrumb-menu li:not(:last-child)::after {
    display: inline-block;
    color: #859099;
    content: "\f101";
    position: absolute;
    right: -4px;
    top: 0;
    font-family: "Font Awesome 5 Pro";
}
.more-service-list ul {
    list-style: none;
    margin: 0;
}
.service-widget::last-child{
    background: red;
}
.blog-padding{
    padding-right: 25px;    
}
.post-text .wp-caption.aligncenter {
    margin-top: 40px;
}
.post-text .alignright.size-thumbnail {
    overflow: hidden;
    clear: both;
}

.footer-defualt-widget .logo.dark-logo {
    display: none;
}
.footer-defualt-widget .footer-text span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #c9d4db;
    margin-bottom: 5px;
}
.footer-text {
    margin-bottom: 25px;
}
.footer-defualt-widget .footer-social a {
    display: inline-block;
    font-size: 15px;
    color: #c9d4db;
    margin-right: 15px;
}
.footer-defualt-widget .footer-social a:hover{
    color: #8fb569;
}
.footer-widget ul li.zoom-instagram-widget__item {
    margin: 0;
}
.logo.mb-20.white-logo {
    margin-bottom: 33px;
}
.product-review-box .comment-respond {
    box-shadow: none;
}
.product-review-box .comment-form textarea {
    background: #fff;
}
.post-text h1{
    line-height: 1.1{}
}
.post-text h2,.post-text h3,.post-text h4,.post-text h5,.post-text h6{
    line-height: 1.35;
    margin-bottom: 15px;
}

/** css issues **/
.main-menu ul {
    margin: 0;
}
.copyright-menu ul {
    margin: 0;
}

.copyright-menu ul li {
    margin-bottom: 0;
}
.post-text{
    overflow:hidden;
}
.post-comments-form input {
    margin: 0;
}

.blog-coment-title h2 {
    font-size: 24px;
}
.post-comments-title h2 {
    font-size: 26px;
    margin-bottom: 0;
}
.post-comments-title {
    margin-bottom: 39px;
}
.latest-comments > ul {
    padding-left: 0;
}
.comment-respond .comment-form {
    background: #FAF9FF;
    padding: 30px 30px;
    padding-bottom: 35px;
    margin-bottom: 25px;
}
.logged-in-as {
    margin-left: 15px;
}
.children .post-comments-title{
    margin-bottom: 25px;
}
.blog-details-content {
    margin-bottom: 65px;
}

.wp-block-button {
    margin-bottom: 1.5em;
}
.wp-block-archives.wp-block-archives-list {
    padding-left: 0;
}
.wp-block-categories.wp-block-categories-list {
    padding-left: 0;
}
.post-text .wp-block-gallery {
    padding-left: 0;
}
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
    display: flex;
}
.post-text .wp-block-gallery {
    margin: 32px 0;
}
.post-text .wp-block-gallery.columns-2 {
    margin-top: 0;
}
.wp-block-cover .wp-block-cover-text{color: #fff !important}