@font-face {
    font-family: cabinet;
    src: url(fonts/CabinetGrotesk/CabinetGrotesk-Bold.otf);
    font-weight: 700;
}
@font-face {
    font-family: cabinet;
    src: url(fonts/CabinetGrotesk/CabinetGrotesk-Medium.otf);
    font-weight: 500;
}
@font-face {
    font-family: cabinet;
    src: url(fonts/CabinetGrotesk/CabinetGrotesk-Regular.otf);
    font-weight: 400;
}
@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-Italic.ttf);
    font-style: italic;
}
@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-MediumItalic.ttf);
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-Regular.ttf);
    font-weight: 400;
}

:root { 
    --bs-primary: #564FFF;
    --bs-secondary: #FF564F;
    --body-bg-color: #F8F8F8;
    --heading-font: 'cabinet', sans-serif;
    --paragraph-font: 'roboto', sans-serif;
    --heading-text-color: #16161B;
    --paragraph-text-color: #565656;    
}

/* 
#loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#loader .lamp{
    position: relative;
    width: 70px;
    height: 70px;
    border: 7px solid var(--bs-secondary);
    border-radius: 50%;
}
#loader .lamp span{
    position: relative;
    display: block;
    height: 100%;
    border-radius: 50%;
    transform: rotate(0deg);
}
#loader .lamp span:first-child{
    animation: rotate1 .8s ease;
}
@keyframes rotate1{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
#loader .lamp span:last-child{
    top: -120px;
    animation: rotate1 1.5s ease;
}
#loader .lamp span:nth-child(2){
    top: -60px;
    animation: rotate1 1.2s ease;
}
#loader .lamp span:first-child::before{
    content: "";
    width: 15px;
    height: 15px;
    background-color: var(--bs-secondary);
    position: absolute;
    border-radius: 50%;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
}
#loader .lamp span:nth-child(2):before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--bs-secondary);
    position: absolute;
    border-radius: 50%;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
}
#loader .lamp span:last-child:before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--bs-secondary);
    position: absolute;
    border-radius: 50%;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
} */

h1{
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    font-family: var(--heading-font);
}
h2{
    font-size: 32px;
    line-height: 37px;
    font-weight: 700;
    font-family: var(--heading-font);
}
h3{
    font-size: 25px;
    line-height: 29px;
    font-weight: 700;
    font-family: var(--heading-font);
}
h4{
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    font-family: var(--heading-font);
}
h5{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: var(--heading-font);
}
h6{
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    font-family: var(--heading-font);
}
p{
    font-size: 16px;
    line-height: 24px;
    font-family: var(--paragraph-font);
    color: var(--paragraph-text-color);
    font-weight: 400;
    margin-bottom: 0;
}
.modal{
    z-index: 10000;
    background: transparent;
}
.modal iframe{
    width: 100%;
    height: 100%;
}
.modal .modal-dialog{
    display: flex;
    max-width: 900px;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 50px;
}
.modal .modal-dialog .modal-content{
    width: 100%;
    max-height: 700px;
    height: 100%;
    margin: auto;
}

.btn{
    width: 160px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--heading-font);
    font-weight: 700;
    border-radius: 0;
    border: unset;
    box-shadow: unset;
}
.btn:hover, .btn:focus:active{
    box-shadow: unset;
}
.btn svg{
    width: 12px;
    height: 12px;
    margin-left: 6px;
}
.btn-primary{
    background-color: var(--bs-secondary);
    color: white;
}
.btn-dark{
    background-color: transparent;
    border: 1px solid var(--heading-text-color);
    color: var(--heading-text-color);
    box-shadow: unset;
}
.btn-secondary{
    background-color: var(--bs-primary);
    color: white;
    border: 1px solid var(--bs-primary);
}
.btn-primary svg path, .btn-secondary svg path{
    fill: white;
}
.btn-dark svg path{
    fill: var(--heading-text-color);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: white;
    color: var(--bs-secondary);
    box-shadow: unset;
    border: 1px solid var(--bs-secondary);
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus{
    background-color: var(--heading-text-color);
    color: white;
    box-shadow: unset;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
    background-color: white;
    color: var(--bs-primary);
    box-shadow: unset;
    border: 1px solid var(--bs-primary);
}
.btn-primary:hover svg path, .btn-primary:active svg path, .btn-primary:focus svg path{
    fill: var(--bs-secondary);
}
.btn-dark:hover path, .btn-dark:active path, .btn-dark:focus path{
    fill: white;
}
.btn-secondary:hover path, .btn-secondary:active path, .btn-secondary:focus path{
    fill: var(--bs-primary);
}

.scroll-top{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border-radius: 50%;
    /* transition: .4s border-radius ease; */
}
.scroll-top:hover, .scroll-top:focus, .scroll-top:active:focus{
    background-color: var(--bs-secondary);
    color: white;
    box-shadow: unset;
    border-radius: 0%;
    animation: sizeradius .7s infinite alternate;
}
@keyframes sizeradius{
    0%{
        border-radius: 50%;
    }
    100%{
        border-radius: 0%;
    }
}




.header{
    display: none;
}
.header.active{
    display: block;
}
.container{
    max-width: 1140px;
}
/* Header-1 start */
.nav-sticky{
    position: absolute;
    width: 100%;
    z-index: 999;
}
#header-3 .nav-sticky{
    background-color: white;
    position: absolute;
    top: 0;
}
/* #header-3 .nav-sticky.sticky{
    box-shadow: 0px -10px 17px var(--heading-text-color);
    position: fixed;
    animation: .5s top-slide ease;
}
@keyframes top-slide{
    0%{
        top: -84px;
    }
} */
/* .nav-sticky.sticky{
    position: fixed;
    background-color: var(--heading-text-color);
    transition: .5s background-color ease;
} */
.nav-sticky nav.navbar{
    padding: 0;
}
.nav-sticky nav.navbar .container-fluid{
    padding: 0;
    position: relative;
}
.navbar-brand svg, .navbar-brand img{
    width: 234px;
    height: 35px;
}
.navbar-brand svg path, .navbar-brand svg .cls-1{
    fill: white;
}
.navbar-brand svg .cls-2{
    fill: var(--bs-secondary);
}
.search-language{
    display: flex;
    align-items: center;
}
.search-language .callnow{
    display: flex;
    margin-right: 40px;
    align-items: center;
}
.search-language .callnow .svg-wrapper{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-secondary);
    border-radius: 4px;
    margin-right: 10px;
}
.search-language .callnow .call-wrapper p{
    font-size: 12px;
    line-height: 14px;
    color: white;
    margin-bottom: 4px;
}
.search-language .callnow .call-wrapper a{
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    display: block;
}
.search-language .callnow .svg-wrapper svg{
    width: 19px;
    height: 19px;
    transform: rotate(-12deg);
}
.search-language .callnow .svg-wrapper svg path{
    fill: white;
}
.navbar-collapse{
    justify-content: center;
}
.navbar-collapse .navbar-nav{
    width: 100%;
    max-width: 530px;
    justify-content: space-between;
    margin: 0 15px;
}
.navbar-expand-lg .navbar-nav .nav-item, .language, .navbar-nav .dropdown-menu a, .submenu-1{
    position: relative;
}
.submenu-1 .dropdown-menu{
    left: 101%;
    top: 0;
}
.navbar-expand-lg .navbar-nav .nav-item.element{
    position: unset;
}
.navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu.show{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding: 60px 30px;
}
.navbar-expand-lg .navbar-nav .nav-link, .language a{
    position: relative;
    padding: 30px 0;
    color: var(--heading-text-color);
    font-family: var(--paragraph-font);
    display: flex;
    font-size: 15px;
    font-weight: 700;
    align-items: center;
}
.language a{
    color: white;
}
.navbar-nav .nav-item.active .nav-link{
    color: var(--bs-secondary);
}
.navbar-nav .nav-item.active .nav-link::after{
    background-color: var(--bs-secondary);
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .language a:hover{
    color: var(--bs-secondary);
    transition: .3s color ease;
}
.navbar-expand-lg .navbar-nav .nav-link:hover::after, .language a:hover::after{
    background-color: var(--bs-secondary);
    transition: .3s background-color ease;
}
.navbar-expand-lg .navbar-nav .nav-link::after, .language a::after{
    content: "";
    position: relative;
    background-color: white;
    width: 4px;
    height: 4px;
    right: -5px;
}
.language a{
    text-decoration: none;
    margin-right: 8px;
}
.language .dropdown-menu{
    margin: 0;
    padding: 0;
    min-width: 80px;
    left: unset;
    right: 0;
    box-shadow: 0px 2px 8px 3px #00000008;
}
.language ul a{
    padding: 0;
}
.language ul a::after{
    display: none;
}
.dnone{
    display: none;
}
.navbar-nav .dropdown-menu{
    margin: 0;
    padding: 12px 0;
    border-radius: 2px;
    box-shadow: 0px 2px 8px 3px #00000008;
}
.dropdown-menu{
    background-color: white;
    border: unset;
}
.navbar-nav .dropdown-menu a:hover{
    color: var(--bs-secondary);
    background-color: transparent;
}
.navbar-nav .dropdown-menu a::before{
    content: "";
    background-color: var(--bs-secondary);
    display: inline-block;
    height: 0px;
    width: 0px;
    margin-right: 0px;
    transition: .2s all linear;
}
.navbar-nav .dropdown-menu a:hover::before, .navbar-nav .dropdown-menu a:active::before{
    content: "";
    background-color: var(--bs-secondary);
    display: inline-block;
    height: 4px;
    width: 4px;
    margin-right: 6px;
}
.navbar-nav .dropdown-menu .dropdown-item, .search-language .dropdown-menu .dropdown-item{
    font-size: 14px;
    font-family: var(--paragraph-font);
    padding: 8px 20px 8px 20px;
    font-weight: 500;
    line-height: 15px;
}
.search-language .dropdown-menu .dropdown-item{
    color: var(--heading-text-color);
}
.navbar-nav .dropdown-menu a{
    display: flex;
    align-items: center;
}
.navbar-expand-lg .navbar-nav .nav-item.element .element-div .dropdown-item{
    width: 125px;
}
.hamber-icon{
    width: 20px;
    height: 15px;
}
.hamber-btn path{
    fill: white;
}
.close-icon{
    width: 18px;
    height: 18px;
}
.hamber-btn, .hamber-btn:focus{
    padding: 0;
    box-shadow: unset;
}
.nav-sticky .sidebar{
    position: absolute;
    top: 35px;
    left: 39px;
    padding: 0;
    display: none;
}
.nav-sticky .sidebar:focus{
    box-shadow: unset;
}
.nav-sticky .sidebar svg{
    width: 22px;
    height: 22px;
}
.navbar-brand{
    padding: 30px 0 20px;
}
.nav-sticky .side-footer.collapsing{
    height: 100vh !important;
}
.nav-sticky .side-footer{
    position: fixed;
    top: 0;
    left: -550px;
    max-width: 550px;
    height: 100vh;
    background-color: var(--bs-primary);
    color: white;
    padding: 75px 87px;
    animation: .8s slideright linear;
    transition: .4s left linear;
}
.nav-sticky .side-footer.show{
    left: 0px;
}
@keyframes slideright{
    0%{
        left: -550px;
    }
    100%{
        left: 0px;
    }
}
.nav-sticky .side-footer .side-close{
    position: absolute;
    top: 32px;
    left: 32px;
}
.nav-sticky .side-footer .about, .nav-sticky .side-footer .Contact{
    margin-bottom: 55px;
}
.nav-sticky .side-footer .about p{
    color: white;
    opacity: .6;
}
.nav-sticky .side-footer .Contact p, .nav-sticky .side-footer .Contact a{
    text-decoration: none;
    opacity: .6;
    color: white;
}
.nav-sticky .side-footer .Contact a:hover{
    opacity: 1;
    color: var(--bs-secondary);
}
.nav-sticky .side-footer .Contact p{
    max-width: 250px;
}
.nav-sticky .side-footer .Contact ul li{
    display: flex;
    margin-bottom: 20px;
}
.nav-sticky .side-footer .Contact ul li svg{
    height: 15px;
    width: auto;
    margin-right: 15px;
    margin-top: 8px;
}
.nav-sticky .side-footer .Contact ul li svg path{
    fill: white;
}
.nav-sticky .side-footer .side-close button, .nav-sticky .side-footer .side-close button:focus{
    padding: 0;
    box-shadow: unset;
}
.nav-sticky .side-footer .side-close svg{
    width: 32px;
    height: 32px;
}
.nav-sticky .side-footer h3{
    margin-bottom: 24px;
}
.nav-sticky .side-footer .product h3{
    margin-bottom: 30px;
}

.home-1 #header-1 .navbar-brand path, .home-2 #header-1 .navbar-brand path,
.home-1 #header-2 .navbar-brand path, .home-2 #header-2 .navbar-brand path,
#header-3 .navbar-brand path, #header-3 .navbar-brand path{
    fill: var(--heading-text-color);
}
.home-1 #header-1 .navbar-brand .cls-2, .home-2 #header-1 .navbar-brand .cls-2,
.home-1 #header-2 .navbar-brand .cls-2, .home-2 #header-2 .navbar-brand .cls-2,
#header-3 .navbar-brand .cls-2, #header-3 .navbar-brand .cls-2{
    fill: white;
}
.home-1 #header-1 .navbar-brand .cls-1, .home-2 #header-1 .navbar-brand .cls-1,
.home-1 #header-2 .navbar-brand .cls-1, .home-2 #header-2 .navbar-brand .cls-1,
#header-3 .navbar-brand .cls-1, #header-3 .navbar-brand .cls-1{
    fill: var(--bs-secondary);
}
.home-2 #header-1 .language a, .home-1 #header-1 .language a,
.home-2 #header-2 .language a, .home-1 #header-2 .language a,
#header-3 .language a, #header-3 .language a{
    color: var(--heading-text-color);
}
.home-2 #header-1 .language a::after, .home-1 #header-1 .language a::after,
.home-2 #header-2 .language a::after, .home-1 #header-2 .language a::after,
#header-3 .language a::after, #header-3 .language a::after{
    background-color: var(--heading-text-color);
}
.home-2 #header-1 .language a:hover::after, .home-1 #header-1 .language a:hover::after,
.home-2 #header-2 .language a:hover::after, .home-1 #header-2 .language a:hover::after,
#header-3 .language a:hover::after, #header-3 .language a:hover::after{
    background-color: var(--bs-secondary);
}
.home-2 #header-1 .language a:hover, .home-1 #header-1 .language a:hover,
.home-2 #header-2 .language a:hover, .home-1 #header-2 .language a:hover,
#header-3 .language a:hover, #header-3 .language a:hover{
    color: var(--bs-secondary);
}
.home-2 #header-1 .hamber-btn path, .home-1 #header-1 .hamber-btn path,
.home-2 #header-2 .hamber-btn path, .home-1 #header-2 .hamber-btn path,
#header-3 .hamber-btn path, #header-3 .hamber-btn path{
    fill: var(--heading-text-color);
}
/* .home-2 #header-1 .nav-sticky.sticky, .home-1 #header-1 .nav-sticky.sticky,
.home-2 #header-2 .nav-sticky.sticky, .home-1 #header-2 .nav-sticky.sticky{
    background-color: var(--body-bg-color);
    box-shadow: 0px -10px 17px var(--heading-text-color);
} */

/* FOOTER */
.footer-top{
    padding: 100px 0 60px;
    background-color: var(--heading-text-color);
}
.footer-top .logo-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
    border-bottom: 1px solid #FFFFFF40;
    margin-bottom: 50px;
}
.footer-top .logo-brand{
    display: inline-block;
}
.footer-top .logo-brand svg, .footer-top .logo-brand img{
    width: 234px;
    height: 35px;
}
.footer-top .logo-brand svg .cls-1, .footer-top .logo-brand svg path{
    fill: white;
}
.footer-top .logo-brand svg .cls-2{
    fill: var(--bs-secondary);
}
.social-icons{
    display: flex;
    justify-content: space-between;
}
.social-icons a{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;;
}
.social-icons a:hover{
    border-color: var(--bs-secondary);
}
.social-icons a:nth-last-child(n+2){
    margin-right: 24px;
}
.social-icons a svg{
    width: auto;
    height: 14px;
}
.social-icons a svg path{
    fill: white;
}
.social-icons a:hover svg path{
    fill: var(--bs-secondary);
}
.footer-top .list-unstyled{
    margin: 0;
}
.footer-top .divider-wrapper{
    display: flex;
    justify-content: space-between;
}
.footer-top .divider-wrapper h4{
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 30px;
}
.footer-top .divider-wrapper h4::after{
    content: "";
    width: 50px;
    height: 1px;
    background-color: white;
    margin-left: 12px;
}
.footer-top .divider-wrapper .link-wrapper li:nth-last-child(n+2){
    line-height: 18px;
    margin-bottom: 11px;
}
.footer-top .divider-wrapper .link-wrapper a{
    text-decoration: none;
    font-size: 15px;
    font-family: var(--paragraph-font);
    line-height: 18px;
    color: white;
    opacity: .45;
}
.footer-top .divider-wrapper .contact-wrapper li{
    display: flex;
    align-items: center;
}
.footer-top .divider-wrapper .contact-wrapper li:nth-last-child(n+2){
    margin-bottom: 18px;
}
.footer-top .divider-wrapper .contact-wrapper .svg-wrapper{
    min-width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid white;
    opacity: .45;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
.footer-top .divider-wrapper .contact-wrapper .svg-wrapper svg{
    width: 8px;
    height: 8px;
}
.footer-top .divider-wrapper .contact-wrapper .svg-wrapper svg path{
    fill: white;
}
.footer-top .divider-wrapper .contact-wrapper p, .footer-top .divider-wrapper .contact-wrapper a{
    text-decoration: none;
    color: white;
    opacity: .45;
    font-family: var(--paragraph-font);
    font-size: 15px;
}
.footer-top .divider-wrapper .contact-wrapper p{
    max-width: 220px;
}
.footer-top .divider-wrapper .contact-wrapper a:hover, .footer-top .divider-wrapper .link-wrapper a:hover{
    color: var(--bs-secondary);
    opacity: 1;
}
.footer-top .divider-wrapper .subscribe-wrapper form{
    position: relative;
    width: 476px;
}
.footer-top .divider-wrapper .subscribe-wrapper .form-control{
    width: 100%;
    height: 56px;
    border: 1px solid white;
    border-radius: 30px;
    background-color: transparent;
    padding: 15px 25px;
    color: white;
    box-shadow: unset;
    padding-right: 70px;
}
.footer-top .divider-wrapper .subscribe-wrapper .form-control::placeholder{   
    color: white;
    opacity: .45;
}
.footer-top .divider-wrapper .subscribe-wrapper .btn-primary{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 2px;
    box-shadow: unset;
}
.footer-top .divider-wrapper .subscribe-wrapper .btn-primary svg{
    width: 15px;
    height: 10px;
}
.footer-top .divider-wrapper .subscribe-wrapper .btn-primary svg path{
    fill: var(--heading-text-color);
}
.footer-bottom{
    background-color: var(--bs-secondary);
    color: white;
    text-align: center;
}
.footer-bottom p{
    font-size: 15px;
    line-height: 18px;
    font-family: var(--paragraph-font);
    padding: 14px 0;
    color: white;
}
.footer-bottom a{
    text-decoration: none;
    color: white;
}
.footer-bottom a:hover{
    color: var(--heading-text-color);
}


/* CODE_BLOCK */
/* .code-block{
    font-family: var(--heading-font);
    font-size: 22px;
    color: white;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    margin-top: 55px;
    margin-bottom: 65px;
    background-color: #263238;
} */
.code-block {
    background-color: #f8f9fa;
    color: #333;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    padding: 1rem 1.5rem;
    display: inline-block;
    width: 100%;
    overflow-x: auto;
    word-wrap: break-word;
    word-break: break-word;
    max-height: 150px;
    margin-top: 50px;
    margin-bottom: 60px;
}
.code-block::-webkit-scrollbar, .code-block .language-markup::-webkit-scrollbar{
    width: 1vh;
}
.code-block .language-markup::-webkit-scrollbar{
    height: 1vh;
}
.code-block::-webkit-scrollbar-thumb, .code-block .language-markup::-webkit-scrollbar-thumb{
    background-color: var(--bs-secondary);
    border-radius: 4px;
}
.code-block::-webkit-scrollbar-track, .code-block .language-markup::-webkit-scrollbar-track{
    background-color: rgb(223, 223, 223);
    border-radius: 4px;
}
.code-block pre {
    padding: 0;
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
    white-space: pre;
    background-color: transparent;
    border: 0;
}
.code-block {
    position: relative;
    z-index: 1;
}
.code-block .clipboard {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #ccc;
}
.code-block .clipboard:before {
    content: "\f0ea";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    vertical-align: middle;
}
code[class*="language-"],
pre[class*="language-"] {
    color: #393a34;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
        monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    font-size: 0.95em;
    line-height: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    background: #b3d4fc;
}
code[class*="language-"],
pre[class*="language-"] {
    line-height: 1.4em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #c1c1c1;
}
pre[class*="language-"] {
    padding: 0;
    margin: 0;
    overflow: auto;
    border: none;
}
:not(pre) > code[class*="language-"] {
    padding: 0.2em;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #f8f8f8;
    border: 1px solid #dddddd;
}

/* HEADING PAGES */
.page-banner{
    background-color: #F8F8F8;
    height: 290px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.page-banner h1{
    margin-bottom: 6px;
}
.page-banner p{
    font-size: 14px;
    color: white;
}
.page-banner a{
    text-decoration: none;
    color: white;
}
.page-banner .text-center{
    position: relative;
    margin-top: 55px;
}
.page-banner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--heading-text-color);
    opacity: .65;
}
.heading, .accordion, .alerts, .audio-video, .dividers, .dropCops, .form, .grid, .highlights,
.images, .map, .tooltips, .blockquotes, .blog, .buttons, .carousels, .icons, .lists, .Pricing,
.progress-bars, .services, .tab, .tables, .teams, .testimonials{
    padding: 100px 0;
}
.heading-title{
    margin-bottom: 35px;
}
.code-block:last-child{
    margin-bottom: 0;
}

/* ACCORDION PAGES */
.accordion-block .main-content .icon{
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}
.accordion-block .content:nth-last-child(n+2){
    margin-bottom: 32px;
}
.accordion-block .main-content .icon:not(.collapsed) i{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.accordion-block .main-content .icon:not(.collapsed) i path{
    fill: white;
}
.accordion-block .main-content .icon h3{
    color: var(--heading-text-color);
    margin-bottom: 0;
}
.accordion-block .main-content .icon i{
    display: flex;
    min-width: 28px;
    height: 28px;
    border: 1px solid var(--heading-text-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.accordion-block .main-content .icon i svg{
    height: 10px;
    width: auto;
}
.accordion-block .accordion1 .sub-content .card{
    border: unset;
    padding: 0 2px 0 15px;
    margin-top: 28px;
    border-left: 2px solid var(--bs-primary);
    border-radius: 0;
} 
.accordion-block .accordion2 .content{
    margin: 0;
    padding: 34px 0;
    border-top: 1px solid #00000033;
}
.accordion-block .accordion2 .content:last-child{
    border-bottom: 1px solid #00000033;
}
.accordion-block .accordion2 .icon span{
    color: var(--bs-secondary);
}
.accordion-block .accordion2 .sub-content .card{
    padding: 22px 0 0 0;
    border: unset;
}

/* ALERTS PAGE */
.alerts-block h2{
    margin-bottom: 35px;
}
.alerts-block .alert-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px 25px 30px;
    background-color: var(--body-bg-color);
}
.alerts-block .alert1 .alert-area:nth-last-child(n+2){
    margin-bottom: 20px;
}
.alerts-block .alert-area h4{
    display: flex;
    align-items: center;
    margin: 0;
    margin-right: 15px;
    font-size: 25px;
    font-family: var(--paragraph-font);
    font-weight: 500;
}
.alerts-block .alert-area h4 i{
    font-size: 14px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
    border-radius: 50%;
    background-color: var(--bs-secondary);
    color: white;
}
.alerts-block .alert-area .close{
    padding: 0;
    border: unset;
    background: transparent;
}
.alerts-block .alert2 .alert-area{
    padding: 15px 45px 15px 15px;
    min-height: 100px;  
}
.alerts-block .alert2 .alert-area:nth-last-child(n+2){
    margin-bottom: 25px;
}
.alerts-block .alert2 .alert-area h4{
    min-height: 70px;
    padding-left: 40px;
    border-left: 6px solid var(--bs-secondary);
}
.alerts-block .alert2 .alert-area h4 i{
    margin-right: 35px;
}
.alerts-block .alert3 .alert-area{
    background-color: transparent;
    border: 2px solid var(--bs-secondary);
    border-radius: 9999px;
}
.alerts-block .alert3 .alert-area:nth-last-child(n+2){
    margin-bottom: 32px;
}

/* AUDIO AND VIDEO */
.audio-video-block h2{
    margin-bottom: 35px;
}
.audio-video-block .video1, .audio-video-block .video2{
    position: relative;
}
.audio-video-block .video1{
    min-height: 480px;
    display: flex;
    align-items: center;
    padding: 100px 0;
}
.audio-video-block .video1 .video-block{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.audio-video-block .video1 .video-block h2{
    font-size: 45px;
    margin-bottom: 30px;
    max-width: 652px;
    color: white;
    line-height: 48px;
}
.audio-video-block .video1 .video-block .svg-wrapper{
    background: transparent;
    box-shadow: unset;
    border: unset;
}
.audio-video-block .video1 .video-block .svg-wrapper svg{
    width: 86px;
    height: 86px;
}
.audio-video-block .video1 .video-block .svg-wrapper svg path{
    fill: white;
}
.audio-video-block .video1::before, .audio-video-block .video2::before{
    content: "";
    position: absolute;
    background-color: var(--heading-text-color);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
}
.audio-video-block .video2{
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.audio-video-block .video2 .svg-wrapper{
    position: relative;
}
.audio-video-block .video2 .svg-wrapper svg{
    width: 80px;
    height: 80px;
}
.audio-video-block .video2 .svg-wrapper path{
    fill: white;
}
.audio-video-block .code-block{
    margin-bottom: 65px;
}
.audio-video .container:last-child .audio-video-block .code-block{
    margin-bottom: 0px;
}

/* DIVIDERS PAGE */
.dividers-block h2{
    margin-bottom: 35px;
}
.dividers-block p{
    margin-bottom: 21px;
    font-size: 18px;
    font-weight: 500;
}
.dividers-block .solid{
    display: block;
    border-top: 1px solid var(--heading-text-color);
}
.dividers-block .dashed{
    display: block;
    border-top: 2px dashed var(--heading-text-color);
}
.dividers-block .rounded{
    display: block;
    border-top: 4px solid var(--heading-text-color);
}
.dividers-block .dotted{
    display: block;
    border-top: 4px dotted var(--heading-text-color);
}

/* DROPCOPS PAGE */
.dropCops-block h2{
    margin-bottom: 35px;
}
.dropCops-block p::first-letter{
    float: left;
    font-size: 25px;
    line-height: 24px;
    color: white;
    padding: 9px 15px;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-weight: 700;
}
.dropCops-block .dropcops2 p::first-letter{
    border-radius: 50%;
}

/* FORM PAGE */
.form-block h2{
    margin-bottom: 35px;
}
.form-block .form1{
    max-width: 920px;
    margin: auto;
}
.form-block .form2{
    max-width: 475px;
    margin: auto;
}
.form-block .form1 .btn-dark{
    margin: auto;
}
.form-block .form1 .row{
    margin: 0 -10px;
}
.form-block .form1 .row .col-md-6, .form-block .form1 .row .col-md-12{
    padding: 0 10px;
}
.form-block .form1 .row .col-md-12{
    margin-bottom: 52px;
}
.form-block .form1 .row .col-md-6{
    margin-bottom: 20px;
}
.form-block .form1 .form-control{
    padding: 21px 26px;
    font-size: 15px;
    font-family: var(--paragraph-font);
    font-weight: 400;
    color: var(--paragraph-text-color);
    border-radius: 0;
    border-color: #0000002E;
}
.form-block .form1 .form-control:focus, .form-block .form2 .form-control:focus{
    box-shadow: unset;
}
.form-block .form2 .form-control{
    line-height: 18px;
    font-size: 15px;
    font-family: var(--paragraph-font);
    color: var(--paragraph-text-color);
    font-weight: 400;
    padding: 19px 20px;
    border-radius: 0;
    border-color: #0000002E;
}
.form-block .form2 .row .col-md-12:nth-last-child(n+2){
    margin-bottom: 18px;
}
.form-block .form2 .row .col-md-12:last-child{
    margin-bottom: 42px;
}

/* GRID PAGE */
.grid-block h2, .grid-block h3{
    margin-bottom: 35px;
}
.grid-block h3{
    font-size: 32px;
}

/* HIGHLIGHTS PAGE */
.highlights-block h2{
    margin-bottom: 35px;
}
.highlights-block .highlight1 span{
    font-weight: 700;
    color: var(--bs-secondary);
}
.highlights-block .highlight2 span{
    background-color: var(--bs-primary);
    color: white;
    font-weight: 400;
}

/* IMAGES PAGE */
.images-block h2{
    margin-bottom: 35px;
}
.images-block .row{
    margin: 0 -12px;
    justify-content: space-between;
}
.images-block .row .col-lg-4{
    padding: 0 15px;
    width: 330px;
}
.images-block .row .col-lg-4 .img-wrapper.images-block-2{
    overflow: hidden;
    border-radius: 10px;
}
.images-block .row .col-lg-4 .img-wrapper.images-block-3{
    overflow: hidden;
    border-radius: 150px;
}
.images-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* MAP PAGE */
.map-block h2{
    margin-bottom: 35px;
}
.map-block p{
    height: 500px;
}
.map-block p iframe{
    width: 100%;
    height: 100%;
}

/* TOOLTIPS PAGE */
.tooltip{
    z-index: 1;
}
.tooltips-block h2{
    margin-bottom: 35px;
}
.tooltips-block .tooltips1{
    color: var(--bs-secondary);
    font-weight: 700;
}
.tooltip .tooltip-inner{
    padding: 9px 12px;
    font-size: 16px;
    font-family: var(--paragraph-font);
    font-weight: 400;
    background-color: var(--bs-secondary);
    color: white;
}
.tooltip-1 .tooltip-inner{
    border-radius: 0;
}
.tooltip-2 .tooltip-inner{
    border-radius: 9999px;
}
.tooltip-3 .tooltip-inner{
    border-radius: 4px;
}
.bs-tooltip-top .tooltip-arrow::before{
    border-top-color: var(--bs-secondary);
}
.bs-tooltip-start .tooltip-arrow::before{
    border-left-color: var(--bs-secondary);
}
.bs-tooltip-end .tooltip-arrow::before{
    border-right-color: var(--bs-secondary);
}

/* BLOCKQUOTES PAGE */
.blockquotes-block h2{
    margin-bottom: 35px;
}
.blockquotes-block .blockquote1 .content-wrapper{
    padding-left: 35px;
    border-left: 3px solid var(--bs-primary);
}
.blockquotes-block .blockquote1 .content-wrapper .svg-wrapper svg{
    height: 20px;
    width: auto;
    margin-bottom: 20px;
}
.blockquotes-block .blockquote1 h4{
    margin-bottom: 24px;
}
.blockquotes-block .blockquote1 p{
    font-size: 15px;
}
.blockquotes-block .blockquote2{
    color: white;
    padding: 50px 60px;
    background-color: var(--bs-primary);
    display: flex;
}
.blockquotes-block .blockquote2 .svg-wrapper svg{
    height: 36px;
    width: auto;
    margin-right: 40px;
}
.blockquotes-block .blockquote2 .svg-wrapper svg path{
    fill: white;
}
.blockquotes-block .blockquote2 h3{
    margin-bottom: 30px;
    font-weight: 500;
}
.blockquotes-block .blockquote2 p{
    font-size: 18px;
    color: white;
}
.blockquotes-block .blockquote3{
    position: relative;
    padding-top: 50px;
    padding-left: 70px;
}
.blockquotes-block .blockquote3 svg{
    width: auto;
    height: 98px;
    position: absolute;
    top: 0;
    left: 0;
}
.blockquotes-block .blockquote3 svg path{
    fill: var(--bs-primary);
    opacity: .1;
}
.blockquotes-block .blockquote3 h4{
    margin-bottom: 18px;
}
.blockquotes-block .blockquote3 p{
    font-size: 18px;
}

/* BLOG PAGE */
.blog-block h2{
    margin-bottom: 35px;
}
.blog-block .blog1 .row, .blog-block .blog2 .row{
    margin: 0 -15px;
}
.blog-block .blog1 .row .col-md-4, .blog-block .blog2 .row .col-md-4{
    padding: 0 15px;
}
.blog-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: .3s transform linear;
}
.blog-block .blog1 .img-wrapper{
    height: 360px;
    border-radius: 5px;
    margin-bottom: 35px;
    overflow: hidden;
}
.blog-block .blog1 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog-block .blog1 span{
    font-size: 15px;
    font-family: var(--paragraph-font);
    margin-bottom: 16px;
    display: inline-block;
}
.blog-block .blog1 h4{
    margin-bottom: 32px;
}
.blog-block .blog1 h4 a{
    display: inline-block;
    color: var(--heading-text-color);
    text-decoration: none;
}
.blog-block h4 a{
    transition: .2s color linear;
}
.blog-block h4:hover a{
    color: var(--bs-secondary);
}
.blog-block .blog1 .svg-wrapper{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--paragraph-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-block .blog1 .svg-wrapper:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.blog-block .blog1 .svg-wrapper svg{
    width: 15px;
    height: 10px;
}
.blog-block .blog1 .svg-wrapper:hover svg path{
    fill: white;
}
.blog-block .blog2 .content-block{
    position: relative;
}
.blog-block .blog2 .img-wrapper{
    position: relative;
    height: 350px;
}
.blog-block .blog2 .img-wrapper::before{
    content: "";
    position: absolute;
    background-color: var(--heading-text-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 1;
}
/* .blog-block .blog2 .designation{
    position: absolute;
    background-color: var(--bs-secondary);
    color: white;
    font-size: 13px;
    line-height: 15px;
    font-family: var(--paragraph-font);
    padding: 5px;
    border-radius: 3px;
    top: 30px;
    left: 30px;
    z-index: 2;
    text-decoration: none;
} */
.blog-block .blog2 .content-wrapper{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px;
    z-index: 2;
}
.blog-block .blog2 .content-wrapper h4{
    margin: 0;
}
.blog-block .blog2 .content-wrapper h4 a{
    color: white;
    text-decoration: none;
}
.blog-block .blog2 .content-wrapper h4:hover a{
    color: var(--bs-secondary);
}
.blog-block .blog2 .content-wrapper p{
    font-size: 15px;
    margin-bottom: 18px;
    color: white;
}
.blog-block .blog2 .content-wrapper p span{
    margin-left: 24px;
}
.blog-block .blog3 .row{
    justify-content: space-between;
}
.blog-block .blog3 .row .col-md-6{
    width: 48.6%;
}
.blog-block .blog3 .img-wrapper{
    height: 370px;
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
.blog-block .blog3 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog-block .blog3 .img-wrapper .date{
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--bs-primary);
    flex-direction: column;
}
.blog-block .blog3 .img-wrapper .date span:first-child{
    font-size: 20px;
    line-height: 24px;
    font-family: var(--paragraph-font);
    font-weight: 500;
}
.blog-block .blog3 .img-wrapper .date span:last-child{
    font-family: var(--paragraph-font);
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
}
.blog-block .blog3 .content-wrapper{
    padding-left: 32px;
}
.blog-block .blog3 .content-wrapper p{
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
}
.blog-block .blog3 .content-wrapper p a{
    color: var(--paragraph-text-color);
}
.blog-block .blog3 .content-wrapper p a:hover{
    color: var(--bs-secondary);
}
.blog-block .blog3 h4{
    margin-bottom: 22px;
}
.blog-block .blog3 h4 a{
    color: var(--heading-text-color);
    text-decoration: none;
}
.blog-block .blog3 h4:hover a{
    color: var(--bs-secondary);
}
.read{
    text-decoration: none;
    font-size: 17px;
    font-family: var(--heading-font);
    line-height: 20px;
    font-weight: 700;
    color: var(--heading-text-color);
}
.read:hover{
    color: var(--bs-secondary);
}
.read svg{
    width: 15px;
    height: 10px;
    margin-left: 8px;
}
.read:hover path{
    fill: var(--bs-secondary);
}
.blog-block .blog4 .img-wrapper{
    height: 550px;
    margin-bottom: 50px;
    overflow: hidden;
}
.blog-block .blog4 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog-block .blog4 .content-wrapper{
    padding-left: 60px;
}
.blog-block .blog4 .content-wrapper p:last-child{
    margin-left: -60px;
    margin-bottom: 0;
    text-align: end;
    font-size: 18px;
    line-height: 21px;
    position: relative;
    overflow: hidden;
}
.blog-block .blog4 .content-wrapper p:last-child a{
    color: var(--paragraph-text-color);
    text-decoration: none;
}
.blog-block .blog4 .content-wrapper p:last-child a:hover{
    color: var(--bs-secondary);
}
.blog-block .blog4 .content-wrapper .date{
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    font-family: var(--paragraph-font);
    color: var(--paragraph-text-color);
    display: inline-block;
    margin-bottom: 21px;
}
.blog-block .blog4 .content-wrapper .read{
    display: inline-block;
    margin-bottom: 30px;
}
.blog-block .blog4 h3{
    margin-bottom: 24px;
}
.blog-block .blog4 p{
    margin-bottom: 30px;
}
.blog-block .blog4 h3 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.blog-block .blog4 h3:hover a{
    color: var(--bs-secondary);
}
.blog-block .blog4 .content-wrapper p:last-child::before{
    content: "";
    position: absolute;
    background-color: var(--paragraph-text-color);
    height: 1px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 185px;
    right: 0;
}

/* BUTTONS PAGE */
.buttons-block h2{
    margin-bottom: 35px;
}
.buttons-block .row{
    justify-content: space-between;
}
.buttons-block .row .col-md-4{
    width: max-content;
}
.buttons-block .button-block .btn-primary:hover{
    border: 1px solid var(--bs-secondary);
}
.btn-custom.btn-sm, .buttons-block .button-block1 .btn-sm, .buttons-block .button-block2 .btn-sm{
    max-width: 144px;
    height: 50px;
}
.btn-custom.btn-md, .buttons-block .button-block1 .btn-md, .buttons-block .button-block2 .btn-md{
    max-width: 160px;
    height: 54px;
}
.btn-custom.btn-lg, .buttons-block .button-block1 .btn-lg, .buttons-block .button-block2 .btn-lg{
    width: 180px;
    height: 56px;
}
.btn-custom.btn-dark{
    background-color: var(--heading-text-color);
    color: white;
}
.btn-custom.btn-dark path{
    fill: white;
}
.btn-custom.btn-dark:hover{
    background-color: white;
    color: var(--heading-text-color);
}
.btn-custom.btn-dark:hover path{
    fill: var(--heading-text-color);
}
.buttons-block .button-block a:nth-last-child(n+2), .buttons-block .button-block1 a:nth-last-child(n+2),
.buttons-block .button-block2 a:nth-last-child(n+2){
    margin-bottom: 24px;
}
a.btn-br1{
    border-radius: 4px;
}
a.btn-br2{
    border-radius: 9999px;
}
.btn-custom1.btn-primary{
    background-color: white;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
}
.btn-custom1.btn-primary:hover{
    background-color: var(--bs-secondary);
    color: white;
}
.btn-custom1.btn-primary path{
    fill: var(--bs-secondary);
}
.btn-custom1.btn-primary:hover path{
    fill: white;
}
.btn-custom1.btn-secondary{
    background-color: white;
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
}
.btn-custom1.btn-secondary:hover{
    background-color: var(--bs-primary);
    color: white;
}
.btn-custom1.btn-secondary path{
    fill: var(--bs-primary);
}
.btn-custom1.btn-secondary:hover path{
    fill: white;
}
.btn-custom2.primary{
    color: var(--bs-secondary);
    display: block;
    width: max-content;
}
.btn-custom2.primary:first-child, .btn-custom2.secondary:first-child,
.btn-custom2.dark:first-child{
    font-size: 15px;
    line-height: 17px;
    font-family: var(--heading-font);
}
.btn-custom2.primary:first-child svg, .btn-custom2.secondary:first-child svg,
.btn-custom2.dark:first-child svg{
    width: 12px;
    height: 8px;
}
.btn-custom2.primary:nth-child(2), .btn-custom2.secondary:nth-child(2),
.btn-custom2.dark:nth-child(2){
    font-size: 17px;
    line-height: 20px;
    font-family: var(--heading-font);
}
.btn-custom2.primary:nth-child(2) svg, .btn-custom2.secondary:nth-child(2) svg,
.btn-custom2.dark:nth-child(2) svg{
    width: 15px;
    height: 10px;
}
.btn-custom2.primary:last-child, .btn-custom2.secondary:last-child,
.btn-custom2.dark:last-child{
    font-size: 19px;
    line-height: 22px;
    font-family: var(--heading-font);
}
.btn-custom2.primary:last-child svg, .btn-custom2.secondary:last-child svg,
.btn-custom2.dark:last-child svg{
    width: 18px;
    height: 12px;
}
.btn-custom2.secondary{
    color: var(--bs-primary);
    display: block;
    width: max-content;
}
.btn-custom2.dark{
    color: var(--heading-text-color);
    display: block;
    width: max-content;
}
.btn-custom2.primary path{
    fill: var(--bs-secondary);
}
.btn-custom2.secondary path{
    fill: var(--bs-primary);
}
.btn-custom2.dark path{
    fill: var(--heading-text-color);
}
.btn-custom2.primary, .btn-custom2.secondary, .btn-custom2.dark{
    position: relative;
}
.btn-custom2.primary::after, .btn-custom2.secondary::after, .btn-custom2.dark::after{
    content: "";
    position: absolute;
    background-color: var(--bs-secondary);
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    transition: .3s width linear;
}
.btn-custom2.secondary::after{
    background-color: var(--bs-primary);
}
.btn-custom2.dark::after{
    background-color: var(--heading-text-color);
}
.btn-custom2.primary:hover::after, .btn-custom2.secondary:hover::after, .btn-custom2.dark:hover::after{
    width: 100%;
}

/* CAROUSELS PAGE */
.carousels-block h2{
    margin-bottom: 35px;
}
.carousels-block .carousel1 img, .carousels-block .carousel3 img, .carousels-block .carousel4 img, .carousels-block .carousel5 img,
.carousels-block .carousel6 img, .carousels-block .carousel7 img, .carousels-block .carousel8 img, .carousels-block .carousel9 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.carousels-block .carousel1 .img-block{
    position: relative;
    overflow: hidden;
}
.carousels-block .carousel1 .img-wrapper{
    height: 380px;
    border-radius: 6px;
    overflow: hidden;
}
.carousels-block .carousel1 .divider-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 32px;
    width: 100%;
    max-width: 240px;
    padding: 14px 20px;
    background-color: white;
    transition: .6s all linear;
}
.carousels-block .carousel1 .content-wrapper p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 400;
}
.carousels-block .carousel1 .content-wrapper h6{
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0;
}
.carousels-block .carousel1 .svg-wrapper{
    position: relative;
}
.carousels-block .carousel1 .svg-wrapper .arrow{
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--heading-text-color);
    border-radius: 50%;
    opacity: 1;
}
.carousels-block .carousel1 .svg-wrapper .arrow svg{
    width: 9px;
    height: 6px;
}
.carousels-block .carousel1 .social-icons a{
    width: 24px;
    height: 24px;
    background-color: var(--bs-secondary);
}
.carousels-block .carousel1 .social-icons a svg{
    height: 9px;
}
.carousels-block .carousel1 .social-icons a:hover{
    border-color: transparent;
}
.carousels-block .carousel1 .social-icons a:hover path{
    fill: white;
}
.carousels-block .carousel1 .social-icons a:nth-last-child(n+2){
    margin-right: 16px;
}
.carousels-block .carousel1 .social-icons{
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.carousels-block .carousel1 .content-block:hover .divider-wrapper{
    max-width: 100%;
}
.carousels-block .carousel1 .content-block:hover .social-icons{
    transition: 1s all linear;
    width: auto;
    height: auto;
    opacity: 1;
}
.carousels-block .carousel1 .content-block:hover .svg-wrapper .arrow{
    opacity: 0;
    transition: 1s opcatity linear;
    transition-delay: .6s;
}
.carousels-block .carousel1 .swiper-button-next, .carousels-block .carousel1 .swiper-button-prev,
.carousels-block .carousel2 .swiper-button-next, .carousels-block .carousel2 .swiper-button-prev,
.carousels-block .carousel4 .swiper-button-next, .carousels-block .carousel4 .swiper-button-prev{
    display: none;
}
.carousels-block .carousel1 .swiper{
    padding-bottom: 85px;
}
.carousels-block .carousel1 .swiper-pagination{
    bottom: 0;
}
.carousels-block .carousel1 .swiper-pagination-bullet, .carousels-block .carousel2 .swiper-pagination-bullet,
.carousels-block .carousel4 .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    border: 1px solid var(--heading-text-color);
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    opacity: 1;
    margin: 0 9px;
}
.carousels-block .carousel1 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.carousels-block .carousel2 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.carousels-block .carousel4 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: var(--bs-secondary);
    background-color: transparent;
}
.carousels-block .carousel1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.carousels-block .carousel2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.carousels-block .carousel4 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    background-color: var(--bs-secondary);
}
.carousels-block .carousel1 .swiper-pagination-bullet::before, .carousels-block .carousel2 .swiper-pagination-bullet::before,
.carousels-block .carousel4 .swiper-pagination-bullet::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: transparent;
}
.carousels-block .carousel2 .svg-wrapper svg{
    height: 36px;
    width: auto;
}
.carousels-block .carousel2 .svg-wrapper path{
    fill: var(--bs-secondary);
}
.carousels-block .carousel2 .left{
    text-align: start;
    margin-bottom: 25px;
}
.carousels-block .carousel2 .right{
    text-align: end;
}
.carousels-block .carousel2 .content-wrapper{
    padding: 0 52px 80px 80px;
}
.carousels-block .carousel2 .content-wrapper h4{
    margin-bottom: 8px;
}
.carousels-block .carousel2 .content-wrapper span{
    font-family: var(--paragraph-font);
    font-size: 15px;
    color: var(--paragraph-text-color);
    line-height: 18px;
    display: inline-block;
    margin-bottom: 28px;
}
.carousels-block .carousel2 .swiper-pagination{
    text-align: start;
    bottom: 60px;
    left: 72px;
}
.carousels-block .carousel3 .svg-wrapper svg{
    height: 36px;
    width: auto;
    margin-bottom: 35px;
}
.carousels-block .carousel3 .svg-wrapper svg path{
    fill: var(--bs-primary);
}
.carousels-block .carousel3 p{
    margin-bottom: 36px;
}
.carousels-block .carousel3 h4{
    margin-bottom: 8px;
}
.carousels-block .carousel3 span{
    font-size: 15px;
    line-height: 18px;
    font-family: var(--paragraph-font);
    color: var(--paragraph-text-color);
}
.carousels-block .carousel3 .img-block{
    position: relative;
    padding: 80px 135px 80px 0;
}
.carousels-block .carousel3 .img-block::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 300px;
    background-color: var(--body-bg-color);
}
.carousels-block .carousel3 .img-wrapper{
    position: relative;
    height: 450px;
    z-index: 1;
}
.carousels-block .carousel3 .row{
    justify-content: space-between;
    align-items: center;
}
.carousels-block .carousel3 .row .col-md-6:first-child{
    width: 47%;
}
.carousels-block .carousel3 .row .col-md-6:last-child{
    width: 46%;
}
.carousels-block .carousel3 .owl-nav button{
    width: 40px;
    height: 40px;
    border: 1px solid var(--heading-text-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.carousels-block .carousel3 .owl-nav button:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.carousels-block .carousel3 .owl-nav button svg{
    width: 15px;
    height: 10px;
}
.carousels-block .carousel3 .owl-nav button:hover path{
    fill: white;
}
.carousels-block .carousel3 .owl-carousel{
    position: relative;
}
.carousels-block .carousel3 .owl-nav{
    margin: 0;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 95px;
    bottom: 80px;
}
.carousels-block .carousel4 .img-block{
    border: 3px solid var(--bs-secondary);
    padding: 20px;
    position: relative;
    height: 330px;
}
.carousels-block .carousel4 .img-block .img-wrapper{
    margin-top: -74px;
    height: 100%;
    min-height: 360px;
    position: relative;
    z-index: 1;
    transition: .3s min-height linear;
}
.carousels-block .carousel4 .img-block:hover .img-wrapper{
    min-height: 314px;
}
.carousels-block .carousel4 .content-wrapper{
    padding: 28px 20px 0;
    text-align: center;
}
.carousels-block .carousel4 .content-wrapper h5{
    margin-bottom: 4px;
}
.carousels-block .carousel4 .content-wrapper p{
    font-size: 15px;
}
.carousels-block .carousel4 .img-block .social-icons{
    max-width: 112px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}
.carousels-block .carousel4 .img-block .social-icons a{
    background-color: var(--bs-secondary);
    width: 24px;
    height: 24px;
}
.carousels-block .carousel4 .img-block .social-icons a:nth-last-child(n+2){
    margin-right: 20px;
}
.carousels-block .carousel4 .img-block .social-icons a svg{
    height: 10px;
}
.carousels-block .carousel4 .img-block .social-icons a:hover svg path{
    fill: white;
}
.carousels-block .carousel4 .swiper{
    padding-top: 53px;
    padding-bottom: 85px;
}
.carousels-block .carousel5 .above-vertical, .carousels-block .carousel5 .vertical-line, .carousels-block .carousel5 .below-vertical{
    text-align: center;
}
.carousels-block .carousel5 .svg-wrapper svg{
    width: auto;
    height: 48px;
    margin-bottom: 38px;
}
.carousels-block .carousel5 .svg-wrapper path{
    fill: var(--bs-secondary);
}
.carousels-block .carousel5 .above-vertical p{
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 42px;
    font-weight: 500;
}
.carousels-block .carousel5 .vertical-line span{
    width: 1px;
    height: 60px;
    display: inline-block;
    margin-bottom: 40px;
    background-color: var(--paragraph-text-color);
}
.carousels-block .carousel5 .img-wrapper{
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.carousels-block .carousel5 .below-vertical h4{
    margin-bottom: 8px;
}
.carousels-block .carousel5 .below-vertical p{
    font-size: 15px;
}
.carousels-block .carousel5 .content-block{
    max-width: 974px;
    margin: auto;
}
.carousels-block .carousel6 .img-wrapper{
    height: 600px;
    position: relative;
}
.carousels-block .carousel6 .img-wrapper::before{
    content: "";
    position: absolute;
    background-color: var(--heading-text-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
}
.carousels-block .carousel6 .owl-nav{
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 30px;
}
.carousels-block .carousel6 .owl-nav button{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s background-color linear;
}
.carousels-block .carousel6 .owl-nav button:hover{
    background-color: var(--bs-secondary);
}
.carousels-block .carousel6 .owl-nav button svg{
    width: 18px;
    height: 12px;
}
.carousels-block .carousel6 .owl-nav button svg path{
    fill: var(--heading-text-color);
    transition: .4s fill linear;
}
.carousels-block .carousel6 .owl-nav button:hover path{
    fill: white;
}
.carousels-block .carousel7 .content-block{
    padding: 0;
    background-color: #e3e1d5;
    transition: .5s all linear;
    height: 340px;
}
.carousels-block .carousel7 .content-block:hover{
    padding: 20px;
}
.carousels-block .carousel7 .img-block{
    position: relative;
    width: 100%;
    height: 100%;
}
.carousels-block .carousel7 .img-wrapper{
    width: 100%;
    height: 100%;
    position: relative;
}
.carousels-block .carousel7 .img-wrapper::before{
    content: "";
    position: absolute;
    background-color: var(--body-bg-color);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .4s opacity linear;
}
.carousels-block .carousel7 .content-block:hover .img-wrapper::before{
    opacity: .6;
}
.carousels-block .carousel7 .content-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.carousels-block .carousel7 .svg-wrapper{
    position: relative;
    top: -30px;
    right: -30px;
    margin-left: auto;
    width: 34px;
    height: 34px;
    background-color: var(--bs-secondary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all ease;
}
.carousels-block .carousel7 .content-block:hover .svg-wrapper{
    top: 30px;
    right: 30px;
}
.carousels-block .carousel7 .svg-wrapper svg{
    width: 13px;
    height: 11px;
}
.carousels-block .carousel7 .svg-wrapper svg path{
    fill: white;
}
.carousels-block .carousel7 .title-wrapper{
    position: absolute;
    left: -60px;
    bottom: -50px;
    transition: .5s all ease;
}
.carousels-block .carousel7 .content-block:hover .title-wrapper{
    left: 30px;
    bottom: 30px;
}
.carousels-block .carousel7 .title-wrapper a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.carousels-block .carousel7 .title-wrapper a:hover{
    color: var(--bs-secondary);
}
.carousels-block .carousel7 .title-wrapper h5{
    margin-bottom: 6px;
}
.carousels-block .carousel7 .owl-carousel{
    padding-bottom: 120px;
}
.carousels-block .carousel8 .owl-carousel{
    padding-bottom: 115px;
}
.carousels-block .carousel7 .owl-nav, .carousels-block .carousel8 .owl-nav{
    position: absolute;
    max-width: 350px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    display: flex;
    justify-content: space-between;
}
.carousels-block .carousel7 .owl-nav button, .carousels-block .carousel8 .owl-nav button{
    width: 50px;
    height: 50px;
    border: 1px solid var(--heading-text-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.carousels-block .carousel7 .owl-nav button:hover, .carousels-block .carousel8 .owl-nav button:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.carousels-block .carousel7 .owl-nav button svg, .carousels-block .carousel8 .owl-nav button svg{
    width: 19px;
    height: 16px;
}
.carousels-block .carousel7 .owl-nav button:hover path, .carousels-block .carousel8 .owl-nav button:hover path{
    fill: white;
}
.carousels-block .carousel7 .owl-dots, .carousels-block .carousel8 .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    max-width: 110px;
}
.carousels-block .carousel7 .owl-dots button span, .carousels-block .carousel8 .owl-dots button span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    margin: 0 9px;
    opacity: 1;
    border: 1px solid var(--heading-text-color);
    background-color: transparent;
}
.carousels-block .carousel8 .owl-dots button:hover span{
    background-color: transparent;
}
.carousels-block .carousel7 .owl-dots button span::before, .carousels-block .carousel8 .owl-dots button span::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: transparent;
}
.carousels-block .carousel7 .owl-dots button.active span::before, .carousels-block .carousel8 .owl-dots button.active span::before{
    background-color: var(--bs-secondary);
}
.carousels-block .carousel7 .owl-dots button.active span, .carousels-block .carousel8 .owl-dots button.active span{
    border-color: var(--bs-secondary);
    background-color: transparent;
}
.carousels-block .carousel8 .img-wraapper{
    max-width: 820px;
    height: 500px;
    margin: auto;
}
.carousels-block .carousel9 .img-wraapper{
    height: 500px;
}
.carousels-block .carousel9 .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 1116px;
    left: 0;
    margin: auto;
    padding: 0 10px;
    right: 0;
}
.carousels-block .carousel9 .owl-nav button{
    margin: 0;
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousels-block .carousel9 .owl-nav button:hover{
    background-color: var(--bs-secondary);
}
.carousels-block .carousel9 .owl-nav button svg{
    width: 18px;
    height: 12px;
}
.carousels-block .carousel9 .owl-nav button path{
    fill: var(--bs-secondary);
}
.carousels-block .carousel9 .owl-nav button:hover path{
    fill: white;
}
.carousels-block .nolast{
    margin-bottom: 65px;
}
.carousels-block .carousel10{
    background-color: var(--bs-primary);
    padding: 80px 0;
} 


/* ICONS PAGE */
.icons-block .svg-wrapper{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--bs-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.icons-block .svg-wrapper svg{
    height: 24px;
    max-width: 24px;
}
.icons-block .svg-wrapper path, .icons-block .svg-wrapper svg rect{
    fill: white;
}
.icons-block .icon1{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.icons-block .svg-wrapper{
    margin-right: 67px;
    margin-bottom: 50px;
}
.icons-block .svg-wrapper:nth-child(8n){
    margin-right: 0px;
}
.icons-block .svg-wrapper:nth-last-child(-n+9){
    margin-bottom: 0;
}
.icons-block .svg-wrapper svg .svg-dot{
    fill: var(--bs-secondary);
}


/* LISTS PAGE */
.lists-block h2{
    margin-bottom: 35px;
}
.lists-block p{
    line-height: 19px;
}
.lists-block ul{
    margin: 0;
}
.lists-block .list-wrapper li{
    display: flex;
    align-items: center;
}
.lists-block .list-wrapper li:nth-last-child(n+2){
    margin-bottom: 18px;
}
.lists-block .svg-wrapper{
    display: flex;
}
.lists-block .list1 .list-wrapper li svg{
    width: 14px;
    height: 14px;
    margin-right: 12px;
}
.lists-block .list1 .list-wrapper li svg path, .lists-block .list2 .list-wrapper li svg path{
    fill: var(--bs-secondary);
}
.lists-block .list2 .list-wrapper li svg{
    width: 10px;
    height: 8px;
    margin-right: 10px;
}
.lists-block .list2 .list-wrapper li:nth-last-child(n+2){
    margin-bottom: 14px;
}
.lists-block .list3 .svg-wrapper{
    min-width: 6px;
    height: 6px;
    margin-right: 12px;
    background-color: var(--bs-secondary);
}


/* PRICING PAGE */
.Pricing-block img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.Pricing-block h2{
    margin-bottom: 35px;
}
.Pricing-block .content-block{
    border: 1px solid #00000033;
    margin-bottom: 25px;
}
.Pricing-block .Pricing1 .content-block{
    padding: 40px 20px;
    border-radius: 6px;
    text-align: center;
}
.Pricing-block .Pricing1 .content-block.diff-block{
    background-color: var(--body-bg-color);
}
.Pricing-block .Pricing1 .price-tag h5{
    margin-bottom: 18px;
}
.Pricing-block .Pricing1 .price-tag p{
    font-family: var(--heading-font);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 39px;
    color: var(--heading-text-color);
}
.Pricing-block .Pricing1 .price-tag p span{
    font-size: 35px;
}
.Pricing-block .Pricing1 .svg-wrapper{
    width: 200px;
    height: 182px;
    margin: auto;
    margin-bottom: 35px;
}
.Pricing-block .Pricing1 .list-tag p{
    font-size: 18px;
    line-height: 21px;
}
.Pricing-block .Pricing1 .list-tag li:nth-last-child(n+2){
    margin-bottom: 17px;
}
.Pricing-block .Pricing1 .btn-primary{
    margin: auto;
    margin-top: 41px;
    margin-bottom: -65px;
}
.Pricing-block .Pricing1 .btn-primary:hover{
    border: 1px solid var(--bs-secondary);
}
.Pricing-block .Pricing2 .content-block{
    padding: 42px;
    border-radius: 6px;
    margin-bottom: 0;
}
.Pricing-block .Pricing2 .content-block.diff-block{
    background-color: var(--bs-primary);
    color: white;
    border: unset;
}
.Pricing-block .Pricing2 .content-block.diff-block p{
    color: white;
}
.Pricing-block .Pricing2 .content-block.diff-block .btn-dark{
    border: unset;
    background-color: white;
    box-shadow: unset;
}
.Pricing-block .Pricing2 .content-block.diff-block .btn-dark:hover, .Pricing-block .Pricing2 .content-block.diff-block .btn-dark:focus{
    background-color: var(--heading-text-color);
}
.Pricing-block .Pricing2 .price-tag{
    padding-bottom: 28px;
    border-bottom: 1px solid #0000002E;
    margin-bottom: 40px;
}
.Pricing-block .Pricing2 .diff-block .price-tag{
    border-color: white;
}
.Pricing-block .Pricing2 .price-tag h5{
    margin-bottom: 18px;
}
.Pricing-block .Pricing2 .price-tag p{
    font-size: 15px;
    font-family: var(--heading-font);
    font-weight: 700;
    margin-bottom: 18px;
}
.Pricing-block .Pricing2 .price-tag span{
    font-size: 35px;
}
.Pricing-block .Pricing2 .price-tag p:last-child{
    font-family: var(--paragraph-font);
    font-size: 16px;
    font-weight: 400;
    margin-bottom:0;
}
.Pricing-block .Pricing2 .list-tag ul{
    margin-bottom: 40px;
}
.Pricing-block .Pricing2 .list-tag li{
    display: flex;
    align-items: center;
}
.Pricing-block .Pricing2 .list-tag li:nth-last-child(n+2){
    margin-bottom: 18px;
}
.Pricing-block .Pricing2 .list-tag li svg{
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.Pricing-block .Pricing2 .list-tag li svg path{
    fill: var(--bs-secondary);
}
.Pricing-block .Pricing2 .content-block.diff-block .list-tag li svg path{
    fill: white;
}
.Pricing-block .Pricing3 .content-block{
    padding: 0 35px 44px;
    text-align: center;
    margin-bottom: 0;
}
.Pricing-block .Pricing3 .price-tag{
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #0000002E;
    line-height: 0;
}
.Pricing-block .Pricing3 .content-block.diff-block .price-tag h5{
    background-color: var(--bs-secondary);
}
.Pricing-block .Pricing3 .price-tag h5{
    display: inline-flex;
    width: 120px;
    height: 32px;
    background-color: var(--bs-primary);
    color: white;
    margin-bottom: 32px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    position: relative;
    top: -1px;
}
.Pricing-block .Pricing3 .price-tag p{
    font-family: var(--heading-font);
    font-size: 15px;
    font-weight: 700;
    line-height: 39px;
}
.Pricing-block .Pricing3 .price-tag span{
    font-size: 35px;
}
.Pricing-block .Pricing3 .list-tag{
    margin-bottom: 32px;
}
.Pricing-block .Pricing3 .list-tag li:nth-last-child(n+2){
    margin-bottom: 18px;
}
.Pricing-block .Pricing3 .list-tag li p{
    line-height: 19px;
}
.Pricing-block .Pricing3 .btn-dark{
    margin: auto;
}

/* PROGRESS BAR PAGE */
.progress-bars-block h2{
    margin-bottom: 35px;
}
.progress-bars-block p{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 19px;
}
.progress-bars-block .progress, .progress-bars-block .progress-bar{
    position: relative;
    overflow: unset;
    height: 6px;
    border-radius: 0;
}
.progress-bars-block .progress3 .progress, .progress-bars-block .progress3 .progress-bar{
    border-radius: 9999px;
}
.progress-bars-block .progress-bar{
    animation: progressbar 2s ease-in-out;
    animation-delay: .2s;
    background-color: var(--bs-primary);
}
.progress-bars-block .progress2 .progress-bar{
    background-color: var(--bs-secondary);
}
@keyframes progressbar{
    0%{
        width: 0%;
    }
}
.progress-bars-block .rangevalue{
    position: absolute;
    right: 0;
    font-size: 15px;
    font-family: var(--paragraph-font);
    font-weight: 700;
    color: var(--heading-text-color);
    bottom: 18px;
    margin: 0;
}

/* SERVICES PAGE */
.services-block h2{
    margin-bottom: 35px;
}
.services-block .service1 .content-block{
    background-color: transparent;
    border-radius: 6px;
    margin-bottom: 25px;
    padding: 50px 35px 55px;
    position: relative;
    transition: .5s background-color ease;
}
.services-block .service1 .content-block:hover{
    background-color: var(--body-bg-color);
}
.services-block .service1 .svg-wrapper{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #564FFF33;
    border-radius: 4px;
    margin-bottom: 25px;
}
.services-block .service1 .svg-wrapper svg{
    height: 40px;
    width: auto;
}
.services-block .service1 .svg-wrapper path{
    fill: var(--bs-primary);
}
.services-block .service1 h4{
    margin-bottom: 18px;
}
.services-block .service1 h4 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.services-block .service1 h4 a:hover{
    color: var(--bs-primary);
}
.services-block .service1 .svg-link{
    position: absolute;
    bottom: -110px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-secondary);
    border-radius: 50%;
    transition: .5s bottom ease;
}
.services-block .service1 .col-mr:nth-last-child(n+4){
    margin-bottom: 35px;
}
.services-block .service1 .svg-link svg{
    width: 18px;
    height: 12px;
}
.services-block .service1 .svg-link svg path{
    fill: white;
}
.services-block .service1 .col-mr{
    overflow: hidden;
}
.services-block .service1 .content-block:hover .svg-link{
    bottom: -25px;
}
.services-block .service2 .content-block{
    padding: 40px 35px;
    background-color: var(--body-bg-color);
    border-radius: 6px;
}
.services-block .service2 .content-block > svg{
    width: auto;
    height: 60px;
    margin-bottom: 30px;
}
.services-block .service2 .content-block > svg path{
    fill: var(--bs-primary);
}
.services-block .service2 h4{
    margin-bottom: 24px;
}
.services-block .service2 h4 a{
    font-size: 22px;
}
.services-block .service2 p{
    padding-left: 16px;
    border-left: 1px solid var(--bs-primary);
    margin-bottom: 28px;
}
.services-block .service2 a{
    font-size: 15px;
    font-family: var(--heading-font);
    font-weight: 700;
    text-decoration: none;
    color: var(--heading-text-color);
    display: block;
}
.services-block .service2 a:hover{
    color: var(--bs-primary);
}
.services-block .service2 a svg{
    width: 12px;
    height: 8px;
    margin-left: 8px;
}
.services-block .service2 a:hover path{
    fill: var(--bs-primary);
}
.services-block .service3 .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.services-block .service3 .img-wrapper{
    height: 330px;
    position: relative;
}
.services-block .service3 .img-wrapper .svg-wrapper{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--body-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-block .service3 .img-wrapper .svg-wrapper svg{
    width: auto;
    height: 40px;
}
.services-block .service3 .img-wrapper .svg-wrapper svg path{
    fill: var(--bs-secondary);
}
.services-block .service3 h3{
    padding-top: 80px;
    text-align: center;
    margin: 0;
}
.services-block .service3 h3 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.services-block .service3 h3 a:hover{
    color: var(--bs-secondary);
}

/* TAB PAGE */
.tab-block h2{
    margin-bottom: 35px;
}
.tab-block .nav-tabs{
    border: unset;
    justify-content: center;
    margin-bottom: 28px;
}
.tab-block .nav-tabs .nav-link.active, .tab-block .nav-tabs .nav-link:active{
    border: unset;
    color: var(--bs-primary);
}
.tab-block .nav-tabs .nav-link.active{
    display: flex;
    align-items: center;
}
.tab-block .nav-tabs .nav-link{
    border: unset;
    padding: 0;
    font-size: 18px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    margin: 0 21px;
    color: var(--heading-text-color);
}
.tab-block .tab1 .nav-tabs .nav-link.active::after{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: var(--bs-primary);
    margin-left: 7px;
    line-height: 0;

}
.tab-block .tab2 .nav-tabs .nav-link{
    padding-bottom: 9px;
}
.tab-block .tab2 .nav-tabs .nav-link.active{
    position: relative;
}
.tab-block .tab2 .nav-tabs .nav-link.active::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 18px;
    height: 3px;
    background-color: var(--bs-primary);
}
.tab-block .tab3 .nav-tabs .nav-link{
    border-radius: 0;
}
.tab-block .tab3 .nav-tabs .nav-link.active{
    padding: 8px 15px;
    background-color: var(--bs-primary);
    color: white;
    border-radius: 0;
}
.tab-block .tab4 .nav-tabs .nav-link, .tab-block .tab3 .nav-tabs .nav-link{
    line-height: 19px;
}
.tab-block .tab4 .nav-tabs .nav-link.active{
    padding: 8px 15px;
    border: 1px solid var(--bs-primary);
    border-radius: 9999px;
}

/* TABLE PAGE */
.table-block h2{
    margin-bottom: 35px;
}
  .table-block .table1 *, .table-block .table2 *, .table-block .table3 *{
    border: unset;
  }
  .table-block .table1 tbody tr, .table-block .table2 tbody tr{
    border-bottom: 1px solid #00000040;
  }
  .table-block .table2 tbody tr:last-child{
      border: unset;
  }
  .table-block .table1 tbody tr:last-child{
    border-bottom: unset;
  }
  .table-block .table1 thead tr th, .table-block .table2 thead tr th, .table-block .table3 thead tr th{
    background-color: var(--bs-secondary);
    color: white;
    font-family: var(--heading-font);
  }
  .table-block .table1 tbody tr td, .table-block .table2 tbody tr td, .table-block .table3 tbody tr td{
    background-color: var(--body-bg-color);
    color: var(--paragraph-text-color);
    font-family: var(--paragraph-font);
  }
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td, .table-block .table2 thead tr th, .table-block .table2 tbody tr td{
    border-right: 1px solid #00000040;
  }
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td,
  .table-block .table2 thead tr th, .table-block .table2 tbody tr td,
  .table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    padding: 24px;
  } 
  .table-block .table1 thead tr th, .table-block .table2 thead tr th{
    border-color: white;
  }
  .table-block .table1 thead tr th:last-child, .table-block .table1 tbody tr td:last-child{
    border-right: unset;
  }
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td, 
  .table-block .table2 thead tr th, .table-block .table2 tbody tr td,
  .table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    width: 270px;
  }
  .table-block .table1 .table-style1, .table-block .table2 .table-style2{
    border: 1px solid #00000040;
    background-color: #00000040;
  }
  .table-block .table2 .table-style2{
    border-radius: 6px;
  }
  .table-block .table2 thead tr th:first-child{
    border-top-left-radius: 6px;
  }
  .table-block .table2 thead tr th:last-child{
    border-top-right-radius: 6px;
  }
  .table-block .table2 tbody tr:last-child td:last-child{
    border-bottom-right-radius: 6px;
  }
  .table-block .table2 tbody tr:last-child td:first-child{
    border-bottom-left-radius: 6px;
  }
  .table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    border: 10px solid white;
  }
  .table-block .table3 thead tr th:first-child, .table-block .table3 tbody tr td:first-child{
    border-left: unset;
  }
  .table-block .table3 thead tr th:last-child, .table-block .table3 tbody tr td:last-child{
    border-right: unset;
  }

/* TEAMS PAGE */
.teams .carousel4 .col-mr{
    padding-top: 55px;
}
.teams .carousels-block .carousel1.team3 .divider-wrapper{
    bottom: 0px;
    background-color: var(--body-bg-color);
}
.teams .carousels-block .carousel1.team3 .img-block{
    padding-bottom: 36px;
}

/* TESTIMONOIALS PAGE */
.testimonials .carousels-block .carousel3.testimonial2 .img-block::after{
    background-color: var(--bs-primary);
}

/* HOME-1 PAGE */
.home1-banner{
    padding-top: 150px;
    position: relative;
    background-color: var(--body-bg-color);
}
.home1-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home1-banner .row{
    justify-content: space-between;
}
.home1-banner .row .col-md-6:first-child{
    width: 50.4%;
}
.home1-banner .row .col-md-6:last-child{
    width: 41.6%;
}
.home1-banner .arrow-wrapper{
    position: absolute;
    left: -55px;
    top: 58%;
    transform: translateY(-50%);
    animation: jump 2s infinite;
}
@keyframes jump{
    0%{
        top: 52%;
        left: -55px;
    }
    50%{
        top: 60%;
        left: -40px;
    }
    100%{
        top: 52%;
        left: -55px;
    }
}
.home1-banner .content-wrapper{
    padding-top: 30px;
    margin-bottom: 100px;
}
.home1-banner .content-wrapper span{
    display: inline-block;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 21px;
    font-family: var(--paragraph-font);
    color: var(--bs-secondary);
}
.home1-banner .content-wrapper h1{
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 28px;
}
.home1-banner .content-wrapper p{
    margin-bottom: 40px;
}
.home1-banner .content-wrapper .social-icons a{
    min-width: 26px;
    height: 26px;
    border: 1px solid var(--heading-text-color);
}
.home1-banner .content-wrapper .social-icons a:hover{
    border-color: var(--heading-text-color);
    background-color: var(--heading-text-color);
}
.home1-banner .content-wrapper .social-icons{
    max-width: 102px;
    position: absolute;
    bottom: 50px;
    align-items: center;
    padding-left: 94px;
}
.home1-banner .content-wrapper .social-icons::before{
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 1px;
    left: 0;
    background-color: var(--heading-text-color);
}
.home1-banner .content-wrapper .social-icons a:nth-last-child(n+2){
    margin-right: 12px;
}
.home1-banner .content-wrapper .social-icons a svg{
    height: 10px;
}
.home1-banner .content-wrapper .social-icons a path{
    fill: var(--heading-text-color);
}
.home1-banner .content-wrapper .social-icons a:hover path{
    fill: white;
}
.home1-banner .content-wrapper .btn-wrapper{
    max-width: 348px;
    display: flex;
    justify-content: space-between;
}
.home1-banner .content-wrapper .btn-wrapper .btn-dark{
    background-color: transparent;
    box-shadow: unset;
}
.home1-banner .content-wrapper .btn-wrapper .btn-dark:hover{
    background-color: var(--heading-text-color);
}
.home1-banner .content-wrapper .btn-wrapper a:first-child{
    margin-right: 10px;
}
.home1-banner .img-block{
    padding-top: 40px;
    padding-left: 18px;
    position: relative;
    height: 100%;
}
.home1-banner .img-block::before{
    content: "";
    position: absolute;
    background-color: var(--bs-primary);
    width: 100%;
    max-width: 400px;
    height: 400px;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: .6;
}
.home1-banner .img-block .img-wrapper{
    width: 100%;
    min-height: 500px;
    height: 100%;
    position: relative;
    max-width: 423px;
}
.home1-banner .img-block .dots-wrapper{
    width: 300px;
    height: 307px;
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: -1;
}
.home1-banner .swiper-button-next, .home1-banner .swiper-button-prev{
    display: none ;
}
.home1-banner .swiper-pagination-current::before, .home1-banner .swiper-pagination-total::before{
    content: "0";
}
.home1-banner .swiper-pagination-current{
    font-size: 35px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--heading-text-color);
    -webkit-text-fill-color: white;
}
.home1-banner .swiper-pagination-total{
    font-size: 20px;
    font-family: var(--paragraph-font);
    font-weight: 700;
}
.home1-banner .swiper-pagination{
    line-height: 35px;
    bottom: 50px;
    max-width: 200px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 20px;
}
.home1-banner .swiper-pagination .swiper-pagination-current{
    position: relative;
    right: -5px;
    bottom: -1px;
}
.home1-about{
    padding-top: 100px;
}
.home1-about-block .img-wrapper{
    min-height: 604px;
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: unset;
    box-shadow: unset;
}
.home1-about-block .img-wrapper::before{
    content: "";
    position: absolute;
    background-color: var(--heading-text-color);
    opacity: .6;    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home1-about-block .img-wrapper .svg-wrapper{
    position: relative;
}
.home1-about-block .img-wrapper svg{
    width: 90px;
    height: 90px;
}
.home1-about-block .img-wrapper svg path{
    fill: white;
}
.home1-about-block .title-left span{
    margin-top: 35px;
    line-height: 21px;
}
.title-left span{
    font-family: var(--paragraph-font);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 33px;
    color: var(--bs-primary);
    display: flex;
    align-items: center;
}
.title-left span::before{
    content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color: var(--bs-primary);
    margin-right: 20px;
}
.home1-about-block .content-block h2{
    margin-bottom: 32px;
}
.home1-about-block .content-block p:nth-of-type(1){
    font-weight: 500;
    margin-bottom: 26px;
}
.home1-about-block .content-block p:nth-of-type(2){
    margin-bottom: 42px;
}
.home1-about-block .content-block a{
    margin-bottom: 52px;
}
.home1-about-block .content-block .counter-content p:first-child span{
    position: relative;
}
.home1-about-block .content-block .counter-content p:first-child span::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 17px;
    background-color: white;
    left: 0;
    bottom: 0;
}
.home1-about-block .content-block .counter-content p:first-child{
    font-size: 50px;
    line-height: 58px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--bs-primary);
    -webkit-text-fill-color: white;
    margin-bottom: 0;
}
.home1-about-block .content-block .counter-content p:last-child{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    font-family: var(--heading-font);
}
.home1-about-block .content-block .counter-content{
    text-align: center;
}
.home1-about-block .content-block .counter-wrapper .row{
    justify-content: space-between;
}
.home1-about-block .content-block .counter-wrapper .row .col-4{
    width: max-content;
}
.home1-about-block  .divider-row{
    justify-content: space-between;
}
.home1-about-block .divider-row .divider-col:first-child{
    width: 46%;
}
.home1-about-block .divider-row .divider-col:last-child{
    width: 48.6%;
}
.home1-about-block .creative-wrapper{
    padding: 100px 0;
}
.home1-about-block .creative-wrapper span{
    font-size: 90px;
    display: block;
    line-height: 105px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--heading-text-color);
    -webkit-text-fill-color: white;
    margin-bottom: 26px;
}
.home1-about-block .creative-wrapper p{
    font-size: 108px;
    line-height: 122px;
    font-weight: 700;
}
.home1-page{
    padding: 100px 0;
}
.title-center{
    margin-bottom: 65px;
    text-align: center;
}
.title-center span{
    font-size: 18px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    margin-bottom: 33px;
    color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-center span::before, .title-center span::after{
    content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color: var(--bs-primary);
}
.title-center span::before{
    margin-right: 20px;
}
.title-center span::after{
    margin-left: 20px;
}
.title-center h2{
    margin-bottom: 0;
}
.home1-service-block .title-center span{
    color: white;
}
.home1-service-block .title-center{
    color: white;
}
.home1-service-block .title-center span::before, .home1-service-block .title-center span::after{
    background-color: white;
}
.home1-service{
    background-color: var(--bs-primary);
}
.home1-service-block.services-block .service1 .content-block{
    background-color: var(--bs-primary);
    color: white;
    transition: .5s all ease;
}
.home1-service-block.services-block .service1 .content-block p{
    color: white;
    transition: .5s all ease;
}
.home1-service-block.services-block .service1 .content-block h4 a{
    color: white;
    transition: .5s all ease;
}
.home1-service-block.services-block .service1 .content-block h4 a:hover{
    color: var(--bs-primary);
}
.home1-service-block.services-block .service1 .content-block:hover h4 a{
    color: var(--heading-text-color);
}
.home1-service-block.services-block .service1 .content-block h4 a:hover{
    color: var(--bs-primary);
}
.home1-service-block.services-block .service1 .content-block:hover{
    background-color: var(--body-bg-color);
    color: var(--heading-text-color);
}
.home1-service-block.services-block .service1 .content-block:hover p{
    color: var(--heading-text-color);
}
.home1-service-block.services-block .service1 .svg-wrapper{
    border-color: white;
    transition: .5s all ease;
}
.home1-service-block.services-block .service1 .content-block:hover .svg-wrapper{
    border-color: #564FFF33;
}
.home1-service-block.services-block .service1 .svg-wrapper path{
    fill: white;
    transition: .5s all ease;
}
.home1-service-block.services-block .service1 .content-block:hover .svg-wrapper path{
    fill: var(--bs-primary);
}
.home1-choose-block .content-block h2{
    margin-bottom: 40px;
}
.home1-choose-block .content-block li{
    display: flex;
}
.home1-choose-block .content-block li .svg-wrapper{
    min-width: 50px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #564FFF33;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home1-choose-block .content-block li .svg-wrapper svg{
    width: auto;
    height: 25px;
}
.home1-choose-block .content-block li .svg-wrapper svg path{
    fill: var(--bs-primary);
}
.home1-choose-block .content-block li .content-wrapper h5{
    margin-bottom: 12px;
}
.home1-choose-block .content-block li:nth-last-child(n+2){
    margin-bottom: 32px;
}
.home1-choose-block .img-wrapper svg{
    width: 100%;
    height: 100%;
    max-width: 530px;
    max-height: 460px;
}
.home1-choose-block .img-wrapper svg path{
    fill: white;
    stroke: white;
}
.home1-choose-block .row{
    justify-content: space-between;
}
.home1-choose-block .row .col-lg-6:first-child{
    width: 48.6%;
}
.home1-choose-block .row .col-lg-6:last-child{
    width: 45.1%;
}
.home1-skill{
    background-color: var(--body-bg-color);
    padding-bottom: 0;
}
.home1-skill-block h2{
    margin-bottom: 45px;
}
.home1-skill-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home1-skill-block.progress-bars-block p{
    font-size: 18px;
    margin-bottom: 17px;
}
.home1-skill-block.progress-bars-block .rangevalue{
    font-size: 15px;
    margin: 0;
}
.home1-skill-block .progress1 .bar-wrapper:nth-last-child(n+2){
    margin-bottom: 32px;
}
.home1-skill-block .row{
    justify-content: space-between;
}
.home1-skill-block .row .col-lg-6:first-child{
    width: 46%;
    display: flex;
    align-items: end;
    padding-bottom: 100px;
}
.home1-skill-block .row .col-lg-6:last-child{
    width: 48.6%;
}
.home1-skill-block .img-block{
    position: relative;
    display: flex;
    justify-content: center;
}
.home1-skill-block .img-block::before{
    content: "";
    position: absolute;
    width: 100%;
    max-width: 530px;
    height: 530px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    bottom: 0;
    opacity: .6;
}
.home1-skill-block .img-block .img-wrapper{
    position: relative;
    max-width: 420px;
    height: 618px;
}
.home1-projects-block .btn-primary{
    margin: auto;
    margin-top: 55px;
}
.home1-projects-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home1-projects-block .row{
    margin: 0 -7.5px;
}
.home1-projects-block .row .item1{
    padding: 0 7.5px;
    margin-bottom: 15px;
}
.home1-projects-block .img-wrapper{
    border-radius: 6px;
    height: 320px;
    position: relative;
    overflow: hidden;
}
.home1-projects-block .img-wrapper.h-2{
    height: 550px;
}
.home1-projects-block .content-block{
    position: absolute;
    left: -240px;
    bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background-color: white;
    width: 100%;
    max-width: 240px;
    opacity: 0;
    width: 100%;
    transition: .7s all ease;
}
.home1-projects-block .img-wrapper:hover .content-block{
    left: 0px;
    opacity: 1;
}
.home1-projects-block .content-block p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}
.home1-projects-block .content-block h5{
    margin-bottom: 0;
}
.home1-projects-block .content-block h5 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.home1-projects-block .content-block h5 a:hover{
    color: var(--bs-secondary);
}
.home1-projects-block .content-block h5:hover a{
    color: var(--bs-secondary);
}
.home1-projects-block .content-block .svg-wrapper{
    min-width: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-secondary);
    border-radius: 50%;
}
.home1-projects-block .content-block .svg-wrapper svg{
    width: 9px;
    height: 6px;
}
.home1-projects-block .content-block .svg-wrapper svg path{
    fill: white;
}
.home1-testimonials{
    background-color: var(--bs-primary);
}
.home1-testimonials-block, .home1-testimonials-block.carousels-block .carousel2 .content-wrapper span, .home1-testimonials-block.carousels-block .carousel2 .content-wrapper p{
    color: white;
}
.home1-testimonials-block.carousels-block .carousel2 .svg-wrapper path{
    fill: white;
}
.home1-testimonials-block.carousels-block .carousel2 .swiper-pagination-bullet{
    border-color: white;
}
.home1-testimonials-block .carousel2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    background-color: white;
}
.home1-testimonials-block{
    position: relative;
}
.home1-testimonials-block::after{
    content: "Testimonials";
    position: absolute;
    font-size: 60px;
    line-height: 58px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--body-bg-color);
    -webkit-text-fill-color: var(--bs-primary);
    opacity: .5;
    right: 0;
    top: -35px;
}
.home1-team, .home1-blog{
    background-color: var(--body-bg-color);
}
.home1-blog.home1-page{
    padding-bottom: 190px;
}
.home1-blog-block .title-left{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 65px;
    flex-wrap: wrap;
}
.home1-blog-block .title-left .right{
    margin-top: 20px;
}
.home1-blog-block .title-left h2{
    margin-bottom: 0;
}
.home1-client{
    position: relative;
}
.home1-client .container.client-wrapper{
    position: absolute;
    top: -90px;
    left: 0;
    width: 100%;
    right: 0;
}
.client-wrapper .home1-client-block .carousel10{
    padding: 50px 0;
}
.home1-contact-block.form-block .map-wrapper, .home1-contact-block.form-block .map-wrapper iframe{
    width: 100%;
    height: 100%;
}
.home1-contact-block.form-block .content-block{
    padding-top: 190px;
    padding-bottom: 100px;
}
.home1-contact-block.form-block .title-left h2, .home1-contact-block.form-block .title-left p{
    margin-bottom: 32px;
}
.home1-contact-block.form-block .form2{
    max-width: 100%;
}
.home1-contact-block.form-block .form2 .form-control{
    border-radius: 4px;
}
.home1-contact-block.form-block .divider-col:first-child{
    width: 50%;
    padding-left: 0;
}
.home1-contact-block.form-block .divider-col:last-child{
    max-width: 555px;
    padding-left: 80px;
}
.home1-contact .container{
    position: relative;
}
.home1-contact-block.carousels-block{
    position: absolute;
    left: 0;
    top: -90px;
    width: 100%;
    height: 100%;
}
.home1-contact-block.carousels-block .carousel10{
    padding: 50px 0;
}

/* HOME-2 PAGE */
.home2-banner{
    height: 720px;
    background-color: var(--body-bg-color);
}
.home2-page{
    padding: 100px 0;
}
.home2-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home2-banner .container-fluid{
    padding: 0;
}
.home2-banner .container-fluid, .home2-banner .home2-banner-block, .home2-banner-block .swiper, .home2-banner-block .row{
    height: 100%;
}
.home2-banner .content-wrapper h1{
    font-size: 60px;
    line-height: 66px;
    font-family: var(--heading-font);
    margin-bottom: 38px;
}
.home2-banner .social-icon{
    display: flex;
    position: absolute;
    left: -150px;
    transform: rotate(-90deg);
    bottom: 215px;
}
.home2-banner .social-icon p{
    display: flex;
    align-items: center;
}
.home2-banner .social-icon p::before{
    content: "";
    background-color: var(--paragraph-text-color);
    width: 16px;
    height: 1px;
    margin-right: 8px;
}
.home2-banner .social-icon .link-wrapper:nth-last-child(n+2){
    margin-right: 15px;
}
.home2-banner .social-icon a{
    text-decoration: none;
    color: var(--paragraph-text-color);
}
.home2-banner .social-icon a:hover{
    color: var(--bs-secondary);
}
.home2-banner .social-icon a:hover svg path{
    fill: var(--bs-secondary);
}
.home2-banner .social-icon a svg{
    width: auto;
    height: 10px;
    margin-right: 5px;
}
.home2-banner .social-icon a span{
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paragraph-font);
}
.home2-banner .social-icons a svg path{
    fill: var(--paragraph-text-color);
}
.home2-banner .row{
    justify-content: end;
}
.home2-banner .row .col-lg-6:first-child{
    max-width: 620px;
    display: flex;
    align-items: center;
    position: relative;
}
.home2-banner .row .col-lg-6:last-child{
    width: 46.5%;
}
.home2-banner .img-wrapper{
    height: 640px;
}
.home2-banner .swiper-pagination{
    color: transparent;
    bottom: 32px;
    max-width: 500px;
    margin: auto;
    left: 0;
    right: 0;
}
.home2-banner .swiper-pagination .swiper-pagination-current::before{
    content: "0";
}
.home2-banner .swiper-pagination .swiper-pagination-current::after{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--heading-text-color);
    left: -5px;
    bottom: 18px;
}
.home2-banner .swiper-pagination .swiper-pagination-current{
    font-size: 80px;
    font-weight: 700;
    font-family: var(--paragraph-font);
    line-height: 94px;
    color: var(--heading-text-color);
    opacity: .2;
    margin-left: 140px;
    position: relative;
}
.home2-banner .swiper-pagination .swiper-pagination-total{
    display: none;
}
.home2-banner .content-wrapper{
    padding-left: 54px;
}
/* .home2-banner .swiper-button-prev::before{
    content: "";
    background-image: url("../img/home/home-2/left-arrow-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
    display: none;
}
.home2-banner .swiper-button-prev::after{
    content: "";
    background-image: url("../img/home/home-2/Icon ionic-ios-arrow-round-forward-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
}
.home2-banner .swiper-button-next::after{
    content: "";
    background-image: url("../img/home/home-2/Icon ionic-ios-arrow-round-forward-3.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
}
.home2-banner .swiper-button-next::before{
    content: "";
    background-image: url("../img/home/home-2/right-arrow-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
    display: none;
}
 */
.home2-banner .swiper-button-prev:hover::after, .home2-banner .swiper-button-next:hover::after{
    display: none;
}
.home2-banner .swiper-button-prev:hover::before, .home2-banner .swiper-button-next:hover::before{
    display: block;
}
.home2-banner .merge-btn{
    position: absolute;
    bottom: 51px;
    display: flex;
    right: 15%;
    transform: translateX(50%);
    z-index: 999;
}
/* .home2-banner .swiper-button-next path{
    fill: red;
} */
.home2-banner .swiper-button-next, .home2-banner .swiper-button-prev{
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: unset;
    border: 1px solid var(--heading-text-color);
}
.home2-banner .swiper-button-next{
    background-color: var(--body-bg-color);
}
.home2-banner .swiper-button-prev{
    background-color: var(--body-bg-color);
    margin-right: 6px;
}
.home2-banner .swiper-button-prev:hover, .home2-banner .swiper-button-next:hover{
    transition: .5s background-color ease;
    background-color: var(--heading-text-color);
}
.home2-about-block .img-block{
    position: relative;
    padding-left: 85px;
    height: 100%;
}
.home2-about-block .img-wrapper{
    min-height: 580px;
    height: 100%;
}
.home2-about-block .year-wrapper{
    display: flex;
    align-items: center;
    border-left: 5px solid var(--bs-secondary);
    padding: 21px 35px;
    max-width: 250px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    background: white;
    background-color: var(--body-bg-color);
}
.home2-about-block .red-dots{
    position: absolute;
    right: -22px;
    bottom: -20px;
    z-index: -1;
}
.home2-about-block .red-dots rect{
    fill: var(--bs-secondary);
}
.home2-about-block .year-wrapper span:first-child{
    font-size: 50px;
    line-height: 58px;
    font-family: var(--heading-font);
    font-weight: 700;
    margin-right: 12px;
}
.home2-about-block .year-wrapper span:last-child{
    font-size: 18px;
    font-family: var(--heading-font);
    font-weight: 700;
}
.home2-about-block .content-block h2{
    margin-bottom: 32px;
}
.home2-about-block .content-block p:nth-of-type(1){
    margin-bottom: 30px;
}
.home2-about-block .content-block ul{
    flex-wrap: wrap;
    margin-bottom: 42px;
    max-width: 360px;
}
.home2-about-block .content-block ul, .home2-about-block .content-block ul li{
    display: flex;
}
.home2-about-block .content-block ul li{
    align-items: center;
    margin: 6px 0;
    width: 167px;
}
.home2-about-block .content-block ul li:nth-child(odd){
    margin-right: 20px;
}
.home2-about-block .content-block ul li svg{
    width: 14px;
    height: 14px;
    margin-right: 12px;
}
.home2-about-block .content-block ul li svg path{
    fill: var(--bs-secondary);
}
.home2-about-block .content-block a{
    margin-bottom: 50px;
}
.home2-about-block .content-block .h-line{
    display: block;
    max-width: 320px;
    border-top: 1px solid #00000040;
    margin-bottom: 50px;
}
.home2-about-block .content-block p:last-child{
    color: var(--heading-text-color);
    font-weight: 500;
}
.home2-about-block .content-block ul li p:nth-of-type(1){
    font-weight: 400;
    margin-bottom: 0;
    line-height: 19px;
}
.home2-about-block .row{
    justify-content: space-between;
}
.home2-about-block .row .col-md-6:first-child{
    width: 51.7%;
}
.home2-about-block .row .col-md-6:last-child{
    display: flex;
    align-items: center;
    width: 42.9%;
}
.home2-center h2{   
    margin-bottom: 65px;
    text-align: center;
}
.home2-service{
    background-color: var(--bs-primary);
}
.home2-service-block .btn-secondary{
    margin: auto;
    margin-top: 70px;
}
.home2-service-block h2{
    color: white;
}
.home2-service-block .btn-secondary{
    border: 1px solid white;
    color: white;
}
.home2-service-block .btn-secondary path{
    fill: white;
}
.home2-service-block .btn-secondary:hover{
    background-color: white;
    color: var(--bs-primary);
}
.home2-service-block .btn-secondary:hover path{
    fill: var(--bs-primary);
}
.home2-choose-block .svg-wrapper{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #564FFF33;
    border-radius: 4px;
    margin-bottom: 24px;
}
.home2-choose-block .svg-wrapper svg{
    width: auto;
    height: 32px;
}
.home2-choose-block .svg-wrapper svg path{
    fill: var(--bs-primary);
}
.home2-choose-block h4{
    margin-bottom: 16px;
}
.home2-choose-block .row{
    margin: 0;
}
.home2-choose-block .row .col-md-4{
    position: relative;
}
.home2-choose-block .row .col-md-4::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: var(--heading-text-color);
    opacity: .2;
}
.home2-choose-block .row .col-md-4:nth-last-child(-n+1)::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: var(--heading-text-color);
    opacity: .2;
}
.home2-choose-block .content-wrapper{
    padding: 0 23px;
}
.home2-skill-block{
    position: relative;
    padding-left: 100px;
}
.home2-skill-block .content-wrapper{
    padding: 60px;
    background-color: var(--body-bg-color);
    position: absolute;
    top: 0;
    left: 0;
    max-width: 620px;
    z-index: 2;
}
.home2-skill-block .content-wrapper h2{
    margin-bottom: 28px;
}
.home2-skill-block .content-wrapper p{
    margin-bottom: 38px;
    font-size: 16px;
    font-weight: 400;
}
.home2-skill-block.progress-bars-block .progress2 .progress-bar{
    border-radius: 4px;
}
.home2-skill-block .content-wrapper .progress2:nth-last-child(n+2){
    margin-bottom: 32px;
}
.home2-skill-block .content-wrapper .progress2 p{
    font-size: 18px;
    margin-bottom: 17px;
    font-weight: 500;
    line-height: 21px;
}
.home2-skill-block .content-wrapper .progress2 .rangevalue{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
}
.home2-skill-block .img-wrapper{
    display: block;
    width: 100%;
    height: 530px;
    position: relative;
    border: unset;
}
.home2-skill-block .img-wrapper svg{
    width: 68px;
    height: 68px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18%;
}
.home2-skill-block .img-wrapper svg path{
    fill: white;
}
.home2-skill-block .img-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--heading-text-color);
    opacity: .6;
}
.home2-skill-block .modal{
    border: unset;
}
.home2-counter{
    background-color: var(--body-bg-color);
}
.home2-counter-block .col-md-3 .counter-content{
    max-width: 255px;
    padding: 34px 20px;
    background-color: white;
    text-align: center;
    margin: auto;
}
.home2-counter-block .col-md-3 .counter-content svg{
    width: auto;
    height: 35px;
    margin-bottom: 26px;
}
.home2-counter-block .col-md-3 .counter-content svg path{
    fill: var(--bs-primary);
}
.home2-counter-block .col-md-3 .counter-content p:nth-of-type(1){
    font-size: 50px;
    line-height: 58px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--bs-primary);
    -webkit-text-fill-color: white;
    margin-bottom: 0;
}
.home2-counter-block .col-md-3 .counter-content p:nth-of-type(1) span{
    position: relative;
}
.home2-counter-block .col-md-3 .counter-content p:nth-of-type(1) span::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 17px;
    background-color: white;
    left: 0;
    bottom: 0;
}
.home2-counter-block .col-md-3 .counter-content p:last-child{
    font-size: 18px;
    font-family: var(--heading-font);
    font-weight: 700;
    line-height: 22px;
    margin: 0;
}
.home2-project-block .row{
    margin: 0 -9px;
}
.home2-project-block .row .item1{
    padding: 0 9px;
    margin-bottom: 18px;
    max-width: max-content;
}
.home2-project-block .img-wrapper{
    height: 538px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.home2-project-block .img-wrapper.w-2{
    width: 100%;
}
.home2-project-block .img-wrapper.h-2{
    height: 260px;
}
.home2-project-block .content-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: -320px;
    background-color: white;
    max-width: 320px;
    width: 100%;
    transition: .5s left ease;
    padding: 16px 22px;
    /* flex-wrap: wrap; */
}
.home2-project-block .img-wrapper:hover .content-block{
    left: 0;
}
.home2-project-block .content-block p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 7px;
}
.home2-project-block .content-block h5{
    font-size: 22px;
    margin: 0;
}
.home2-project-block .content-block h5 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.home2-project-block .content-block h5:hover a{
    color: var(--bs-secondary);
}
.home2-project-block .content-block .svg-wrapper{
    min-width: 36px;
    width: 36px;
    height: 36px;
    background-color: var(--bs-secondary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px 0;
}
.home2-project-block .content-block .svg-wrapper svg{
    width: 14px;
    height: 10px;
}
.home2-project-block .content-block .svg-wrapper svg path{
    fill: white;
}
.home2-project-block .btn-secondary{
    margin: auto;
    margin-top: 52px;
}
.home2-testimonials-block.carousels-block .carousel3{
    position: relative;
}
.home2-testimonials-block.carousels-block .carousel3 h2{
    position: absolute;
    top: 80px;
    color: white;
}
.home2-testimonials{
    background-color: var(--bs-primary);
}
.home2-testimonials-block.carousels-block .content-wrapper, .home2-testimonials-block.carousels-block .carousel3 span,
.home2-testimonials-block.carousels-block .content-wrapper p{
    color: white;
}
.home2-testimonials-block.carousels-block .content-wrapper h2{
    margin-bottom: 50px;
}
.home2-testimonials-block.carousels-block .carousel3 .svg-wrapper svg path{
    fill: white;
}
.home2-testimonials-block.carousels-block .carousel3 .owl-nav button{
    border-color: white;
}
.home2-testimonials-block.carousels-block .carousel3 .owl-nav button path{
    fill: white;
}
.home2-testimonials-block.carousels-block .carousel3 .owl-nav button:hover{
    background-color: white;
}
.home2-testimonials-block.carousels-block .carousel3 .owl-nav button:hover path{
    fill: var(--heading-text-color);
}
.home2-testimonials-block.carousels-block .carousel3 .row{
    align-items: unset;
}
.home2-testimonials-block.carousels-block .content-wrapper{
    padding-top: 160px;
}
.home2-pricing{
    background-color: var(--body-bg-color);
}
.home2-pricing-block.Pricing-block .Pricing2 .content-block{
    background-color: white;
}
.home2-pricing-block.Pricing-block .Pricing2 .content-block.diff-block{
    background-color: var(--bs-primary);
}
.home2-blog-block.blog-block .btn-secondary{
    margin: auto;
    margin-top: 70px;
}
.home2-contact{
    background-color: var(--body-bg-color);
    padding-bottom: 0;
}
.home2-contact-block .img-wrapper{
    height: 623px;
}
.home2-contact-block .row{
    justify-content: space-between;
}
.home2-contact-block .row .col-md-6:last-child{
    width: 43.8%;
}
.home2-contact-block.form-block h2{
    margin-bottom: 22px;
}
.home2-contact-block.form-block .form-content p{
    margin-bottom: 32px;
}
.home2-client{
    background-color: var(--bs-primary);
}

/* HOME-3 PAGE */
.home3-page{
    padding: 100px 0;
}
.home3-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home3-banner{
    height: 720px;
    padding-top: 84px;
    position: relative;
    display: flex;
    align-items: center;
    color: white;
    padding-left: 100px;
}
.home3-banner::before{
    content: "";
    position: absolute;
    background-color: var(--heading-text-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
}
.home3-banner-block p{
    font-size: 22px;
    margin-bottom: 21px;
    color: white;
}
.home3-banner-block h1{
    font-size: 60px;
    line-height: 66px;
    max-width: 758px;
    margin: auto;
    margin-bottom: 42px;
}
.home3-banner-block .btn-primary{
    margin: auto;
}
.home3-banner-block .owl-nav{
    margin: 0;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 55%;
    transform: translateY(-45%);
    padding-left: 165px;
    left: 0;
    padding-right: 65px;
}
.home3-banner-block .owl-nav button.owl-prev, .home3-banner-block .owl-nav button.owl-next{
    width: 50px;
    height: 50px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.home3-banner-block .owl-nav button.owl-prev:hover, .home3-banner-block .owl-nav button.owl-next:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.home3-banner-block .owl-nav button svg{
    width: 18px;
    height: 12px;
}
.home3-banner-block .owl-nav button svg path{
    fill: white;
}
.home3-banner-block .owl-carousel{
    position: unset;
}
.home3-banner-block .owl-dots{
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home3-banner-block .owl-dots .owl-dot span{
    margin: 9px 0;
    width: 15px;
    height: 15px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.home3-banner-block .owl-dots .owl-dot:hover span{
    background-color: transparent;
}
.home3-banner-block .owl-dots .owl-dot.active span{
    background-color: transparent;
}
.home3-banner-block .owl-dots .owl-dot span::before{
    content: "";
    background-color: transparent;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.home3-banner-block .owl-dots .owl-dot.active span::before{
    content: "";
    background-color: white;
}
.home3-banner-block .social-icons{
    position: absolute;
    left: 0;
    bottom: 40px;
    flex-direction: column;
    width: 100px;
    align-items: center;
}
.home3-banner-block .social-icons a{
    margin: 7px 0;
    width: 26px;
    height: 26px;
}
.home3-banner-block .social-icons a:hover{
    border-color: white;
    background-color: white;
}
.home3-banner-block .social-icons a svg{
    height: 8px;
}
.home3-banner-block .social-icons a:hover path{
    fill: var(--bs-primary);
}
.home3-about-block{
    padding-bottom: 100px;
    position: relative;
}
.home3-about-block h2{
    max-width: 364px;
}
.home3-about-block h2, .home3-about-block .content-wrapper2 p{
    margin-bottom: 32px;
}
.home3-about-block h2 span{
    position: relative;
}
.home3-about-block h2 span::after{
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--bs-secondary);
}
.home3-about-block .content-wrapper1 p:first-child{
    margin-bottom: 26px;
}
.home3-about-block .content-wrapper2 a{
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 700;
    line-height: 20px;
}
.home3-about-block .row{
    justify-content: space-between;
}
.home3-about-block .row .col-md-6{
    width: 47.72%;
}
.home3-about-block .img-wrapper{
    max-width: 306px;
    height: 392px;
    position: absolute;
    right: 0;
    bottom: -100px;
    z-index: 1;
}
.home3-service{
    background-color: var(--bs-primary);
    padding-top: 100px;
}
.home3-counter .counter-block-wrapper{
    position: relative;
}
.home3-counter-block{
    background-color: var(--body-bg-color);
    border-radius: 8px;
    padding: 60px 100px;
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
}
.home3-counter-block .col-md-3 .counter-content p:nth-of-type(1){
    font-size: 50px;
    line-height: 58px;
    font-family: var(--paragraph-font);
    font-weight: 500;
    -webkit-text-stroke: 1px var(--bs-primary);
    -webkit-text-fill-color: white;
    margin-bottom: 0;
}
.home3-counter-block .col-md-3 .counter-content p:nth-of-type(1) span{
    position: relative;
}
.home3-counter-block .col-md-3 .counter-content p:nth-of-type(1) span::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 17px;
    background-color: var(--body-bg-color);
    left: 0;
    bottom: 0;
}
.home3-counter-block .col-md-3 .counter-content p:last-child{
    font-size: 18px;
    font-family: var(--heading-font);
    font-weight: 700;
    line-height: 22px;
    margin: 0;
}
.home3-counter-block .col-md-3 .counter-content{
    text-align: center;
}
.home3-counter-block .col-md-3{
    max-width: max-content;
}
.home3-counter-block .row{
    justify-content: space-between;
}
.home3-service-block.home3-page .title-divider h2{
    margin-bottom: 26px;
}
.title-divider{
    color: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 65px;
}
.title-divider .btn{
    margin-top: 20px;
}
.title-divider .content-wrapper{
    max-width: 508px;
}
.home3-service-block .title-divider .btn-secondary{
    margin-top: 20px;
    border: 1px solid white;
}
.home3-service-block .title-divider p{
    color: white;
}
.home3-service-block .title-divider .btn-secondary:hover{
    background-color: white;
    color: var(--bs-primary);
}
.home3-service-block .title-divider .btn-secondary:hover path{
    fill: var(--bs-primary);
}
.home3-service-block.services-block .service3 .img-wrapper .svg-wrapper{
    background-color: white;
}
.home3-service-block.services-block .service3 h3 a{
    color: white;
}
.home3-service-block.services-block .service3 h3 a:hover{
    color: var(--bs-secondary);
}
.home3-projects-block .img-blog, .home3-projects-block .content-block{
    padding: 0 3px;
}
.home3-projects-block .content-block{
    height: 100%;
    display: flex;
    align-items: center;
}
.home3-projects-block .img-wrapper{
    height: 340px;
    position: relative;
    overflow: hidden;
}
.home3-projects-block .content-wrapper h2{
    margin-bottom: 26px;
}
.home3-projects-block .content-wrapper p{
    margin-bottom: 34px;
}
.home3-projects-block .col-md-4:nth-last-child(n+4){
    margin-bottom: 30px;
}
.home3-projects-block .img-wrapper:hover .img-hover{
    left: 0;
}
.img-hover{
    background-color: white;
    width: 100%;
    max-width: 240px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    /* flex-wrap: wrap; */
    position: absolute;
    left: -350px;
    bottom: 40px;
    transition: .5s left ease;
}
.portfolio-grid2-block .img-hover{
    bottom: 50px;
    max-width: 350px;
}
.portfolio-grid3-block .img-hover{
    bottom: 45px;
}
.portfolio-grid4-block .img-hover{
    bottom: 35px;
    max-width: 200px;
}
.img-hover .title-wrapper p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}
.img-hover .title-wrapper h5{
    margin-bottom: 0;
}
.img-hover .title-wrapper h5 a:hover{
    color: var(--bs-secondary);
}
.img-hover .title-wrapper a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.img-hover .svg-wrapper{
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--bs-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-hover .svg-wrapper svg{
    width: 9px;
    height: 6px;
}
.img-hover .svg-wrapper svg path{
    fill: white;
}
.home3-skill{
    background-color: var(--body-bg-color);
}
.home3-skill-block .img-wrapper{
    height: 538px;
    max-width: 540px;
}
.home3-skill-block .img-wrapper img{
    object-fit: contain;
}
.home3-skill-block .row{
    justify-content: space-between;
}
.home3-skill-block .row .col-md-6:last-child{
    width: 44.4%;
    display: flex;
    align-items: center;
}
.home3-skill-block .progress-bar, .home3-skill-block .progress{
    height: 3px;
}
.home3-skill-block .content-wrapper h2{
    margin-bottom: 26px;
}
.home3-skill-block .content-wrapper p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}
.home3-skill-block .content-wrapper .progress1 p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px;
}
.home3-skill-block .content-wrapper .progress1 .rangevalue{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}
.home3-skill-block .content-wrapper .progress1:nth-last-child(n+2){
    margin-bottom: 30px;
}
.home3-testimonials h2{
    text-align: center;
    margin-bottom: 65px;
}
.home3-choose-block .content-block{
    max-width: 490px;
}
.home3-choose-block h2{
    margin-bottom: 26px;
}
.home3-choose-block p{
    margin-bottom: 48px;
}
.home3-choose-block ul{
    margin-bottom: 0;
}
.home3-choose-block .divider-wrapper{
    display: flex;
}
.home3-choose-block .divider-wrapper:nth-last-child(n+2){
    margin-bottom: 32px;
    position: relative;
}
.home3-choose-block .svg-wrapper{
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--body-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    position: relative;
    z-index: 11;
    transition: .4s background-color ease;
}
.home3-choose-block .divider-wrapper:nth-last-child(n+2)::after{
    content: "";
    position: absolute;
    top: 50px;
    left: 25px;
    border-left: 1px dashed var(--paragraph-text-color);
    height: 100%;
    z-index: 0;
}
.home3-choose-block .svg-wrapper svg{
    width: auto;
    height: 24px;
}
.home3-choose-block .svg-wrapper svg path{
    fill: var(--bs-primary);
    transition: .4s fill ease;
}
.home3-choose-block .svg-wrapper:hover{
    background-color: var(--bs-primary);
}
.home3-choose-block .svg-wrapper:hover svg path{
    fill: white;
}
.home3-choose-block .content-wrapper h5{
    margin-bottom: 12px;
}
.home3-choose-block .content-wrapper p{
    margin-bottom: 0;
}
.home3-team-block .title-divider{
    color: var(--heading-text-color);
}
.home3-team-block .title-divider h2{
    margin-bottom: 26px;
}
.home3-pricing{
    background-color: var(--body-bg-color);
}
.home3-pricing-block.Pricing-block .Pricing3 .content-block{
    background-color: white;
}
.home3-pricing-block .text-center h2{
    margin-bottom: 26px;
}
.home3-pricing-block .text-center p{
    max-width: 478px;
    margin: auto;
}
.home3-pricing-block .text-center{
    margin-bottom: 65px;
}
.home3-clients{
    background-color: var(--bs-primary);
}
.home3-clients-block.carousels-block .carousel10{
    padding: 100px 0;
}
.home3-blog-block .title-divider{
    color: var(--heading-text-color);
}
.home3-blog-block .title-divider h2{
    margin-bottom: 26px;
}
.home3-contact{
    background-color: var(--body-bg-color);
}
.home3-contact-block .text-center h2{
    margin-bottom: 26px;
}
.home3-contact-block .text-center p{
    max-width: 500px;
    margin: auto;
}
.home3-contact-block .text-center{
    margin-bottom: 65px;
}

/* PAGES STYLES */
.pages-page{
    padding: 100px 0;
}
.pages-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.page-aboutus .home3-counter-block{
    background-color: transparent;
    position: unset;
    padding: 0;
    max-width: 910px;
    margin: auto;
}
.page-aboutus-block .content-wrapper p:nth-last-child(n+2){
    margin-bottom: 26px;
}
.page-aboutus-block .content-wrapper p:first-child{
    font-weight: 500;
}
.page-aboutus-block{
    margin-bottom: 82px;
}
.page-aboutus .home3-counter-block .col-md-3 .counter-content p:nth-of-type(1) span::after{
    background-color: white;
}
.page-aboutus-block .row{
    justify-content: space-between;
}
.page-aboutus-block .row .col-md-6:first-child{
    width: 37.2%;
}
.page-aboutus-block .row .col-md-6:last-child{
    width: 57.4%;
}
.page-choose .home2-choose-block{
    margin-bottom: 100px;
}
.mission-vision-block .img-block{
    max-width: 530px;
    height: 590px;
    position: relative;
}
.mission-vision-block .img-block .img-wrapper1{
    padding-right: 70px;
    padding-bottom: 70px;
}
.mission-vision-block .img-block .img-wrapper2{
    padding-left: 70px;
    padding-top: 70px;
}
.mission-vision-block .img-block .img-wrapper1, .mission-vision-block .img-block .img-wrapper2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mission-vision-block .img-block .red-dots{
    position: absolute;
    right: -18px;
    bottom: -20px;
    z-index: -1;
}
.mission-vision-block .row{
    justify-content: space-between;
}
.mission-vision-block .row .col-md-6:first-child{
    width: 48.6%;
}
.mission-vision-block .row .col-md-6:last-child{
    width: 47%;
    padding-top: 70px;
}
.mission-vision-block .content-wrapper h3{
    margin-bottom: 32px;
}
.mission-vision-block .content-wrapper .mission-wrapper{
    margin-bottom: 74px;
}
.page-skill{
    background-color: var(--body-bg-color);
}
.page-aboutme .home1-about-block .content-block p:nth-of-type(1){
    font-weight: 400;
}
.page-aboutme .home1-about-block .content-block p:nth-last-child(n+2){
    margin-bottom: 26px;
}
.page-aboutme .home1-about-block .divider-row .divider-col:last-child{
    display: flex;
    align-items: center;
}
.page-counter{
    background-color: var(--bs-primary);
}
.page-mission-vision-block .row{
    margin: 0;
}
.page-mission-vision-block .row .col-md-6{
    padding: 0;
}
.page-mission-vision-block .row .col-md-6:not(.content-block){
    max-width: 558px;
}
.page-mission-vision-block .row .col-md-6.content-block:nth-child(odd){
    padding-right: 50px;
}
.page-mission-vision-block .row .col-md-6.content-block:nth-child(even){
    padding-left: 50px;
}
.page-mission-vision-block .img-wrapper{
    height: 450px;
}
.page-mission-vision-block .content-block{
    display: flex;
    align-items: center;
}
.page-mission-vision-block .content-wrapper h3{
    margin-bottom: 28px;
}
.page-skill1{
    background-color: var(--body-bg-color);
    padding-bottom: 0;
}
.page-working-process-block .img-wrapper{
    max-width: 186px;
    height: 186px;
    margin: auto;
    margin-bottom: 45px;
    padding: 13px;
    border: 3px solid var(--bs-secondary);
    background-color: white;
    border-radius: 50%;
    position: relative;
}
.page-working-process-block .img-wrapper::after{
    content: "";
    position: absolute;
    border-bottom: 3px dashed var(--bs-secondary);
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.page-working-process-block .img-wrapper img{
    border-radius: 50%;
}
.page-working-process-block .img-wrapper.md{
    max-width: 280px;
    height: 280px;
    padding: 15px;
}
.page-working-process-block .img-block{
    text-align: center;
}
.page-working-process-block .img-block h4{
    margin-bottom: 0;
}
.page-working-process-block .img-flow .row{
    justify-content: space-between;
    align-items: center;
}
/* .page-working-process-block .img-flow .row .col-lg-3{
    max-width: max-content;
    width: unset;
} */
.page-working-process-block .img-flow .row .col-lg-3:last-child .img-wrapper::after{
    display: none;
}
.page-working-process-block .img-flow{
    margin-bottom: 100px;
}
.page-working-process-block .content-block h3{
    margin-bottom: 26px;
}
.page-working-process-block .content-block h3 span{
    color: var(--bs-secondary);
}
.page-working-process-block .content-block .content-wrapper:nth-last-child(n+2){
    margin-bottom: 60px;
}
.page-team .home3-team-block .carousel1.team3 .row-mr .col-mr:nth-last-child(n+4){
    margin-bottom: 30px;
}
.home3-team .home3-team-block.carousels-block .carousel1 .img-wrapper{
    border-radius: 0;
}
.home3-team .home3-team-block.carousels-block .carousel1 .divider-wrapper{
    bottom: 0px;
    background-color: var(--body-bg-color);
}
.home3-team .home3-team-block.carousels-block .carousel1 .img-block{
    padding-bottom: 36px;
}
.page-service-block.services-block .col-mr:nth-last-child(n+4){
    margin-bottom: 30px;
}
.page-service-details-block .img-content{
    position: relative;
    margin-bottom: 60px;
}
.page-service-details-block.lists-block p{
    line-height: 24px;
}
.page-service-details-block .img-wrapper{
    max-width: 560px;
    height: 665px;
    padding-bottom: 65px;
}
.page-service-details-block .content-wrapper{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--body-bg-color);
    padding: 70px;
    max-width: 720px;
}
.page-service-details-block .content-wrapper h2{
    margin-bottom: 28px;
}
.page-service-details-block .content-wrapper p{
    line-height: 24px;
}
.page-service-details-block .content-wrapper p:nth-of-type(1){
    margin-bottom: 26px;
}
.page-service-details-block .content-wrapper a{
    margin-top: 35px;
}
.page-service-details-block .list1 h3{
    margin-bottom: 28px;
}
.page-service-details-block.lists-block .list-wrapper li{
    align-items: flex-start;
}
.page-service-details-block.lists-block .list1 .list-wrapper li svg{
    margin-top: 6px;
}
.page-service-details-block.lists-block .list1{
    max-width: 926px;
}
.page-clients-block .row{
    margin: 0;
}
.page-clients-block .row .client-wrapper{
    background-color: var(--bs-primary);
}
.page-clients-block .row .img-wrapper{
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-clients-block .row .img-wrapper img{
    width: auto;
    height: 80px;
}
.page-clients-block .row .client-wrapper:nth-last-child(3) .img-wrapper img{
    height: 60px;
}
.page-clients-block .client-wrapper{
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}
.page-clients-block .client-wrapper:nth-last-child(-n+3){
    border-bottom: unset;
}
.page-clients-block .client-wrapper:nth-child(3n){
    border-right: unset;
}
.page-cta.pages-page{
    padding: 80px 0;
    background-color: var(--bs-primary);
}
.page-cta.pages-page a{
    border: 1px solid white;
}
.page-cta-block .divider-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.page-cta-block .divider-wrapper h2{
    max-width: 490px;
    color: white;
}
.page-contact1 .map-wrapper p{
    height: 540px;
}
.page-contact1 .map-wrapper iframe{
    width: 100%;
    height: 100%;
}
.page-contact1-block .content-wrapper p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 21px;
    color: white;
}
.page-contact1-block .content-wrapper a{
    text-decoration: none;
    font-family: var(--paragraph-font);
    font-size: 22px;
    color: white;
}
.page-contact1-block .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.page-contact1-block .row{
    justify-content: space-between;
} 
.page-contact1-block .row .col-md-4{
    max-width: max-content;
    margin-top: 20px;
}
.page-contact1-block .row .col-md-4:last-child{
    max-width: 494px;
    width: 100%;
}
.page-contact1 .form-wrapper{
    background-color: var(--bs-primary);
}
.page-contact1-block .home3-contact-block.form-block{
    background-color: var(--body-bg-color);
    padding: 80px 30px;
    margin-bottom: 80px;
    margin-top: -360px;
    position: relative;
}
.page-contact2-block .map-wrapper p{
    height: 500px;
}
.page-contact2-block .map-wrapper iframe{
    width: 100%;
    height: 100%;
}
.page-contact2-block .contact-details h2{
    margin-bottom: 52px;
}
.page-contact2-block .contact-details li{
    display: flex;
}
.page-contact2-block .contact-details li:nth-last-child(n+2){
    margin-bottom: 51px;
}
.page-contact2-block .contact-details .svg-wrapper{
    min-width: 50px;
    height: 50px;
    margin-right: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-contact2-block .contact-details .svg-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: 0.08;
    border-radius: 50%;
}
.page-contact2-block .contact-details .svg-wrapper svg{
    width: 18px;
    height: auto;
}
.page-contact2-block .contact-details .svg-wrapper svg path{
    fill: var(--bs-secondary);
}
.page-contact2-block .contact-details .content-wrapper p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 13px;
}
.page-contact2-block .contact-details .content-wrapper a{
    font-family: var(--paragraph-font);
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
    color: var(--heading-text-color);
    text-decoration: none;
}
.page-contact2-block .contact-details .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.page-contact2-block .row{
    justify-content: space-between;
    align-items: center;
}
.page-contact2-block .row .col-md-6:first-child{
    width: 57.4%;
}
.page-contact2-block .row .col-md-6:last-child{
    width: 37.91%;
}
.page-contactus2.pages-page{
    background-color: var(--body-bg-color);
    padding-bottom: 0;
}
.page-coming-block{
     display: flex;
     align-items: center;
     height: 100vh;
     padding: 20px 0;
}
.page-coming-block .content-wrapper{
    text-align: center;
    background-color: white;
    padding: 60px;
    max-width: 629px;
}
.page-coming-block .content-wrapper h1{
    font-size: 60px;
    line-height: 69px;
    margin-bottom: 28px;
}
.page-coming-block .content-wrapper p{
    margin-bottom: 50px;
}
.page-coming-block .timer-wrapper span{
    font-size: 32px;
    line-height: 38px;
    font-family: var(--paragraph-font);
    font-weight: 400;
    margin-bottom: 2px;
}
.page-coming-block .timer-wrapper p{
    font-weight: 500;
    margin: 0;
}
.page-coming-block .timer-wrapper ul{
    display: flex;
    justify-content: space-between;
    max-width: 420px;
    margin: auto;
}
.page-coming-block .timer-wrapper ul li:nth-last-child(n+2){
    position: relative;
}
.page-coming-block .timer-wrapper ul li:nth-last-child(n+2)::after{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    right: -72%;
    background-color: #00000033;;
}
.page-maintenance .page-coming-block .content-wrapper p{
    margin: 0;
}
.page-error .page-error-block .img-wrapper{
    max-width: 500px;
}
.page-error-block .img-wrapper{
    height: auto;
    max-width: 456px;
    margin: auto;
    margin-bottom: 46px;
}
.page-error-block .img-wrapper img{
    object-fit: contain;
}
.page-error-block .content-wrapper{
    text-align: center;
}
.page-error-block .content-wrapper h2{
    margin-bottom: 22px;
}
.page-error-block .content-wrapper p{
    margin-bottom: 38px;
}
.page-error-block .content-wrapper a{
    margin: auto;
}
.page-login.pages-page{
    padding-bottom: 0;
}
.page-login-block .img-wrapper{
    max-height: 605px;
    height: 100%;
    position: relative;
    bottom: -4px;
}
.page-login-block .img-wrapper img{
    object-fit: contain;
}
.page-login-block .form-wrapper{
    background-color: var(--body-bg-color);
    padding: 60px;
}
.page-login-block .form-wrapper h2{
    margin-bottom: 32px;
}
.page-login-block .form-wrapper .form-control:focus{
    box-shadow: unset;
}
.page-login-block .form-wrapper .form-control{
    height: 56px;
    padding: 19px 18px;
    font-size: 15px;
    font-family: var(--paragraph-font);
    font-weight: 400;
    color: var(--paragraph-text-color);
    margin-bottom: 18px;
    box-shadow: unset;
    border-radius: 0;
    border: 1px solid #0000002E;
}
.page-login-block .form-wrapper label{
    font-size: 15px;
    font-family: var(--paragraph-font);
    font-weight: 400;
    color: var(--paragraph-text-color);
    display: block;
}
.page-login-block .form-wrapper .form-group{
    margin-bottom: 28px;
}
.page-login-block .form-wrapper .link-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 38px;
    margin-bottom: 25px;
}
.page-login-block .form-wrapper .link-wrapper .btn-secondary{
    margin-right: 28px;
}
.page-login-block .form-wrapper .link-wrapper p{
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0;
}
.page-login-block .form-wrapper .link-wrapper p a{
    color: var(--bs-secondary);
    text-decoration: none;
}
.page-login-block .form-wrapper a{
    text-decoration: none;
    font-weight: 500;
    color: var(--heading-text-color);
}
.page-login-block .form-wrapper a:hover{
    color: var(--bs-secondary);
}
.page-register.pages-page, .page-password.pages-page{
    padding-bottom: 0;
}
.page-register .page-login-block .form-wrapper label{
    max-width: 384px;
}
.page-register .page-login-block .form-wrapper .link-wrapper, .page-password .page-login-block .form-wrapper .link-wrapper{
    margin-bottom: 0;
}
.page-password .page-login-block .form-wrapper label{
    max-width: 315px;
}

/* PORTFOLIO PAGE STYLES */
.portfolio-page{
    padding: 100px 0;
}
.portfolio-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.portfolio{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.portfolio li{
    margin: 0 21px;
}
.portfolio li a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.portfolio li a{
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 21px;
    margin: 6px 0;
    font-family: var(--paragraph-font);
    font-weight: 500;
}
.portfolio li a::after{
    content: "";
    width: 0;
    height: 0;
    margin-left: 0px;
    background-color: var(--bs-primary);
    transition: .4s all ease;
}
.portfolio li.active a{
    color: var(--bs-primary);
}
.portfolio li.active a::after{
    content: "";
    width: 4px;
    height: 4px;
    margin-left: 7px;
}
.portfolio-standard-block .content-wrapper p{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}
.portfolio-standard-block .content-wrapper h5{
    margin-bottom: 0;
}
.portfolio-standard-block .content-wrapper h5 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.portfolio-standard-block .content-wrapper h5 a:hover{
    color: var(--bs-secondary);
}
.portfolio-standard-block .img-wrapper{
    height: 340px;
    margin-bottom: 30px;
    position: relative;
}
.portfolio-standard-block .img-wrapper::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    background-color: var(--heading-text-color);
    opacity: .6;
    transition: .6s all ease;
}
.portfolio-standard-block .img-wrapper:hover::before{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.portfolio-standard-block .img-wrapper a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 0px;
    height: 0px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s all linear;
}
.portfolio-standard-block .img-wrapper:hover a{
    animation: .6s zoom-bg linear;
    animation-duration: .3s;
    width: 50px;
    height: 50px;
}
@keyframes zoom-bg{
    0%{
        width: 0px;
        height: 0px;
    }
}
.portfolio-standard-block .img-wrapper a svg{
    width: 0px;
    height: 0px;
    transition: .3s all linear;
}
.portfolio-standard-block .img-wrapper:hover a svg{
    animation: .6s zoom-arrow linear;
    animation-duration: .3s;
    width: 18px;
    height: 12px;
}
@keyframes zoom-arrow{
    0%{
        width: 0px;
        height: 0px;
    }
}
.portfolio-standard-block .img-wrapper a path{
    fill: var(--bs-secondary);
}
.portfolio-standard-block .item1:nth-last-child(n+4){
    margin-bottom: 45px;
}
.portfolio-standard .container, .portfolio-gallery .container{
    padding: 0 15px;
}
.portfolio-standard-block .row, .portfolio-gallery-block .row{
    margin: 0 -15px;
}
.portfolio-standard-block .row .item1, .portfolio-gallery-block .row .col-md-4{
    padding: 0 15px;
}
.portfolio-gallery-block .row .col-md-4:nth-last-child(n+4){
    margin-bottom: 30px;
}
.portfolio-gallery-joined .portfolio-gallery-block .row .col-md-4{
    margin-bottom: 0;
}
.portfolio-gallery-joined .portfolio-gallery-block .row{
    margin: 0;
}
.portfolio-gallery-joined .portfolio-gallery-block .row .col-md-4{
    padding: 0;
}
.portfolio-gallery-joined .portfolio-gallery-block.carousels-block .carousel7 .content-block{
    height: 360px;
}
.portfolio-masonry-joined .home1-projects-block .row{
    margin: 0;
}
.portfolio-masonry-joined .home1-projects-block .row .item1{
    padding: 0;
    margin: 0;
}
.portfolio-masonry-joined .home1-projects-block .img-wrapper{
    height: 335px;
    border-radius: 0;
}
.portfolio-masonry-joined .home1-projects-block .img-wrapper.h-2{
    height: 565px;
}
.portfolio-grid2-block .img-wrapper{
    height: 480px;
    position: relative;
    overflow: hidden;
}
.portfolio-grid2-block .img-wrapper:hover .img-hover, .portfolio-grid3-block .img-wrapper:hover .img-hover,
.portfolio-grid4-block .img-wrapper:hover .img-hover{
    left: 0;
}
.img-hover h4{
    margin-bottom: 0;
}
.img-hover h4 a:hover{
    color: var(--bs-secondary);
}
.portfolio-grid2-block .row .item1{
    padding: 0 25px;
}
.portfolio-grid2-block .row .item1:nth-last-child(n+3){
    margin-bottom: 50px;
}
.portfolio-grid2-block .img-hover .svg-wrapper{
    min-width: 36px;
    width: 36px;
    height: 36px;
}
.portfolio-grid2-block .img-hover .svg-wrapper svg{
    width: 14px;
    height: 10px;
}
.portfolio-grid2-wide .container, .portfolio-grid3-wide .container, .portfolio-grid4-wide .container{
    max-width: 1380px;
}
.portfolio-grid2-wide .portfolio-grid2-block .img-wrapper{
    height: 540px;
}
.portfolio-grid3-wide .portfolio-grid3-block .img-wrapper{
    height: 420px;
}
.portfolio-grid2-wide .portfolio-grid2-block .row .item1{
    padding: 0 10px;
}
.portfolio-grid3-wide .portfolio-grid3-block .row .item1{
    padding: 0 7.5px;
}
.portfolio-grid2-wide .portfolio-grid2-block .row .item1:nth-last-child(n+3){
    margin-bottom: 20px;
}
.portfolio-grid3-wide .portfolio-grid3-block .row .item1{
    margin-bottom: 15px;
}
.portfolio-grid3-block .img-wrapper{
    height: 340px;
    overflow: hidden;
    position: relative;
}
.portfolio-grid3-block .row .item1{
    margin-bottom: 30px;
}
.portfolio-grid3.portfolio-page{
    padding-bottom: 70px;
}
.portfolio-grid4-block .img-wrapper{
    height: 256px;
    position: relative;
    overflow: hidden;
}
.portfolio-grid4-wide .portfolio-grid4-block .img-wrapper{
    height: 310px;
}
.portfolio-grid4-block .img-wrapper p{
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 4px;
}
.portfolio-grid4-block .img-wrapper h6{
    margin-bottom: 0;
}
.portfolio-grid4-block .img-wrapper h6 a:hover{
    color: var(--bs-secondary);
}
.portfolio-grid4.portfolio-page{
    padding-bottom: 82px;
}
.portfolio-grid4-block .row .item1{
    padding: 0 9px;
    margin-bottom: 18px;
}
.portfolio-grid4-wide .portfolio-grid4-block .row .item1{
    padding: 0 8px;
    margin-bottom: 16px;
}
.portfolio-image-details .read svg{
    width: 18px;
    height: 12px;
}
.portfolio-image-details-block .content-block{
    margin-bottom: 80px;
}
.portfolio-image-details-block .content-block h2{
    margin-bottom: 30px;
}
.portfolio-image-details-block .content-block .title-content a{
    color: var(--bs-secondary);
    font-size: 19px;
}
.portfolio-image-details-block .content-block .title-content a path{
    fill: var(--bs-secondary);
}
.portfolio-image-details-block .para-content h3{
    margin-bottom: 26px;
}
.portfolio-image-details-block .para-content p:nth-last-child(n+2){
    margin-bottom: 25px;
}
.portfolio-image-details-block .img-wrapper{
    height: 500px;
}
.portfolio-image-details-block .img-wrapper:nth-last-child(n+2){
    margin-bottom: 30px;
}
.portfolio-image-details-block .content-wrapper h3{
    margin-bottom: 8px;
}
.portfolio-image-details-block .content-wrapper p{
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: var(--paragraph-text-color);
}
.portfolio-image-details-block .content-wrapper li:nth-last-child(n+2){
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #00000033;
}
.portfolio-image-details-block .content-wrapper .social-icons{
    max-width: 144px;
}
.portfolio-image-details-block .content-wrapper .social-icons a{
    border: 2px solid var(--heading-text-color);
}
.portfolio-image-details-block .content-wrapper .social-icons a:hover{
    background-color: var(--heading-text-color);
}
.portfolio-image-details-block .content-wrapper .social-icons a:hover path{
    fill: white;
}
.portfolio-image-details-block .content-wrapper .social-icons a path{
    fill: var(--heading-text-color);
}
.portfolio-image-details-block .content-block .row, .portfolio-image-details-block .img-block .row{
    justify-content: space-between;
}
.portfolio-image-details-block .content-block .row .col-md-6:first-child{
    width: 42.4%;
}
.portfolio-image-details-block .content-block .row .col-md-6:last-child{
    width: 52.2%;
}
.portfolio-image-details-block .img-block .row .col-md-6:first-child{
    width: 74.1%;
}
.portfolio-image-details-block .img-block .row .col-md-6:last-child{
    width: 23.2%;
}
.portfolio-gallery-details-block .para-content h2{
    margin-bottom: 28px;
}
.portfolio-gallery-details-block .para-content p{
    margin-bottom: 26px;
}
.portfolio-gallery-details-block .details-content ul li{
    padding: 15px 26px;
    background-color: var(--body-bg-color);
}
.portfolio-gallery-details-block .details-content ul li:nth-last-child(n+2){
    margin-bottom: 12px;
}
.portfolio-gallery-details-block .details-content h5{
    margin-bottom: 6px;
    line-height: 21px;
}
.portfolio-gallery-details-block .details-content p{
    font-size: 15px;
    line-height: 18px;
}
.portfolio-gallery-details-block .details-content .social-icons a{
    border: unset;
    width: auto;
    height: auto;
}
.portfolio-gallery-details-block .details-content .social-icons a svg{
    width: auto;
    height: 16px;
}
.portfolio-gallery-details-block .details-content .social-icons a path{
    fill: var(--paragraph-text-color);
}
.portfolio-gallery-details-block .details-content .social-icons a:hover path{
    fill: var(--bs-secondary);
}
.portfolio-gallery-details-block .details-content .social-icons a:nth-last-child(n+2){
    margin-right: 17px;
}
.portfolio-gallery-details-block .details-content .social-icons{
    max-width: 85px;
}
.portfolio-gallery-details-block .content-block{
    margin-bottom: 80px;
}
.portfolio-gallery-details.portfolio-page{
    padding-bottom: 70px;
}
.portfolio-gallery-details-block .content-block .row{
    justify-content: space-between;
}
.portfolio-gallery-details-block .content-block .row .col-md-6:first-child{
    width: 68.42%;
}
.portfolio-gallery-details-block .content-block .row .col-md-6:last-child{
    width: 28.3%;
}
.portfolio-image-details-block.portfolio-gallery-details-block .content-block .row .col-md-6:first-child{
    width: 42.4%;
}
.portfolio-image-details-block.portfolio-gallery-details-block .content-block .row .col-md-6:last-child{
    width: 52.2%;
}
.portfolio-image-details-block.portfolio-gallery-details-block .para-content p{
    margin: 0;
}
.portfolio-image-details-block.portfolio-gallery-details-block .para-content p:nth-last-child(n+2){
    margin-bottom: 26px;
}



/* BLOG STYLES */
.blog-page{
    padding: 100px 0;
}
.blog-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-grid3-block.blog-block .blog3 .img-wrapper .date{
    width: 55px;
    height: 55px;
}
.blog-grid3-block.blog-block .blog3 .img-wrapper .date span:first-child{
    line-height: 19px;
    font-size: 16px;
}
.blog-grid3-block.blog-block .blog3 .img-wrapper .date span:last-child{
    font-size: 10px;
    line-height: 11px;
}
.blog-grid3-block.blog-block .blog3 .img-wrapper{
    height: 330px;
    margin-bottom: 30px;
}
.blog-grid3-block.blog-block .blog3 .content-wrapper{
    padding: 0;
}
.blog-grid3-block.blog-block .blog3 h4{
    font-size: 18px;
}
.blog-grid3-block.blog-block .blog3 .content-wrapper .read{
    font-size: 15px;
    line-height: 17px;
    display: block;
}
.blog-grid3-block.blog-block .blog3 .col-md-4{
    margin-bottom: 55px;
}
.pagination-btn{
    margin-top: 25px;
}
.pagination-btn .pagination{
    margin: 0;
    justify-content: center;
}
.pagination-btn .pagination .page-link{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    margin: 0 7.5px;
    border: 1px solid #16161B;
    font-size: 22px;
    font-family: var(--heading-font);
    font-weight: 700;
    color: var(--heading-text-color);
}
.pagination-btn .pagination .page-link:hover path{
    fill: white;
}
.pagination-btn .pagination .active .page-link, .pagination-btn .pagination .page-link:hover{
    color: white;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.pagination-btn .pagination .page-link:focus{
    box-shadow: unset;
}
.pagination-btn .pagination .page-link svg{
    width: 18px;
    height: 12px;
}
.blog-sidebar .sidebar h5{
    border-bottom: 2px solid var(--heading-text-color);
    margin-bottom: 28px;
}
.blog-sidebar .sidebar:nth-last-child(n+2){
    margin-bottom: 60px;
}
.blog-sidebar .sidebar h5 span{
    background-color: var(--heading-text-color);
    color: white;
    padding: 7px 14px;
    display: inline-block;
    line-height: 21px;
    margin-bottom: -1px;
}
.blog-sidebar .latest li{
    display: flex;
}
.blog-sidebar .latest li:nth-last-child(n+2){
    margin-bottom: 24px;
}
.blog-sidebar .latest li .img-wrapper{
    min-width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 15px;
}
.blog-sidebar .latest li .content-wrapper a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.blog-sidebar .latest li .content-wrapper p a{
    text-decoration: underline;
}
.blog-sidebar .latest li .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.blog-sidebar .latest li .content-wrapper h6{
    margin-bottom: 10px;
}
.blog-sidebar .latest li .content-wrapper p{
    font-size: 13px;
    line-height: 15px;
}
.blog-sidebar .latest li .content-wrapper p span{
    text-decoration: underline;
}
.blog-sidebar .categories li a{
    font-size: 15px;
    border: 1px solid #00000033;
    display: block;
    line-height: 18px;
    padding: 14px 18px;
    text-decoration: none;
    color: var(--paragraph-text-color);
    font-weight: 500;
    font-family: var(--paragraph-font);
}
.blog-sidebar .categories li a:hover{
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.blog-sidebar .categories li:nth-last-child(n+2){
    margin-bottom: 12px;
}
.blog-sidebar .tags ul{
    margin-left: -16px;
    display: flex;
    flex-wrap: wrap;
}
.blog-sidebar .tags a{
    color: var(--paragraph-text-color);
    font-size: 15px;
    line-height: 18px;
    display: inline-block;
    font-weight: 500;
    margin-left: 16px;
    margin-bottom: 16px;
    font-family: var(--paragraph-font);
}
.blog-sidebar .tags a:hover{
    color: var(--bs-secondary);
}
.blog-grid-sidebar-block .row{
    justify-content: space-between;
}
.blog-grid-sidebar-block .row .col-divider:first-child{
    width: 68.8%;
}
.blog-grid-sidebar-block .row .col-divider:last-child{
    width: 28.5%;
}
.blog-grid-sidebar-block .blog3 .col-md-6{
    margin-bottom: 48px;
}
.blog-grid-sidebar-block .pagination-btn{
    margin-top: 32px;
}
.blog-standard-block .read svg{
    width: 18px;
    height: 12px;
}
.blog-standard-block .blog4 .content-block:nth-last-child(n+2){
    margin-bottom: 60px;
}
.blog-standard-block .blog4{
    max-width: 960px;
    margin: auto;
}
.blog-standard-block .pagination-btn{
    margin-top: 80px;
}
.blog-standard-sidebar-block.blog-block .blog3 .img-wrapper{
    margin-bottom: 42px;
    height: 450px;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper p{
    font-size: 18px;
    margin-bottom: 19px;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper h3{
    margin-bottom: 20px;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper h3 a{
    color: var(--heading-text-color);
    text-decoration: none;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper h3 a:hover{
    color: var(--bs-secondary);
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper .para{
    font-size: 16px;
    margin-bottom: 26px;
    line-height: 24px;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper .read{
    font-size: 19px;
}
.blog-standard-sidebar-block.blog-block .blog3 .content-wrapper{
    padding: 0;
    padding-left: 54px;
}
.blog-standard-sidebar-block .row{
    justify-content: space-between;
}
.blog-standard-sidebar-block .row .col-md-6:first-child{
    width: 68.8%;
}
.blog-standard-sidebar-block .row .col-md-6:last-child{
    width: 28.5%;
}
.blog-standard-sidebar-block .blog3 .content-block:nth-last-child(n+2){
    margin-bottom: 50px;
}
.blog-standard-sidebar-block .pagination-btn{
    margin-top: 80px;
}
.blog-standard-sidebar-block.blog-block .blog3 .img-wrapper .date{
    width: 75px;
    height: 75px;
}
.blog-standard-sidebar-block.blog-block .blog3 .img-wrapper .date span:first-child{
    font-size: 23px;
    margin-bottom: 2px;
}
.blog-standard-sidebar-block.blog-block .blog3 .img-wrapper .date span:last-child{
    font-size: 14px;
}
.page-banner.without-content{
    height: 90px;
}
.blog-standard-details-block .title-content{
    max-width: 900px;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
}
.blog-standard-details-block .title-content h1{
    margin-bottom: 26px;
}
.blog-standard-details-block .title-content p{
    font-size: 18px;
}
.blog-standard-details-block .title-content p span, .blog-standard-details-block .title-content p a{
    margin-bottom: 6px;
}
.blog-standard-details-block .title-content p span:first-child, .blog-standard-details-block .title-content p a{
    display: inline-block;
    margin-right: 30px;
}
.blog-standard-details-block .title-content p a{
    color: var(--paragraph-text-color);
}
.blog-standard-details-block .title-content p a:hover{
    color: var(--bs-secondary);
}
.blog-standard-details-block .title-content p span:last-child{
    display: inline-flex;
    align-items: center;
}
.blog-standard-details-block .title-content p span svg{
    width: 14px;
    height: 14px;
    margin-right: 6px;
}
.blog-standard-details-block .img-block, .blog-standard-details-block .blockquote1 .content-wrapper, .blog-standard-details-block .blockquote1{
    margin-bottom: 50px;
}
.blog-standard-details-block .blockquote1 .content-wrapper{
    margin-top: 50px;
}
.blog-standard-details-block .img-block .img-wrapper{
    height: 500px;
    margin-bottom: 50px;
}
.blog-sidebar-details-block .img-block .img-wrapper{
    height: 400px;
}
.blog-standard-details-block .img-block p:nth-last-child(n+2){
    margin-bottom: 26px;
}
.blog-standard-details-block .blockquote1 .para{
    font-size: 16px;
}
.blog-standard-details-block .list-title{
    margin-bottom: 60px;
}
.blog-standard-details-block .list-title h3, .blog-standard-details-block .list-title .para{
    margin-bottom: 28px;
}
.blog-standard-details-block .social-wrapper .social-icons{
    width: 144px;
    margin: 0 18px;
}
.blog-standard-details-block .social-wrapper .social-icons a{
    border-color: var(--heading-text-color);
    border-width: 1px;
}
.blog-standard-details-block .social-wrapper .social-icons a:hover{
    background-color: var(--heading-text-color);
}
.blog-standard-details-block .social-wrapper .social-icons a:hover path{
    fill: white;
}
.blog-standard-details-block .social-wrapper .social-icons a:nth-child(2) svg{
    height: 12px;
}
.blog-standard-details-block .social-wrapper .social-icons a path{
    fill: var(--heading-text-color);
}
.blog-standard-details-block .social-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}
.blog-sidebar-details-block .social-wrapper{
    margin-bottom: 28px;
}
.blog-standard-details-block .social-wrapper::before, .blog-standard-details-block .social-wrapper::after{
    content: "";
    height: 1px;
    width: 100%;
    background-color: #16161B;
}
.blog-standard-details-block .blog-content .divider-block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 64px;
    position: relative;
    z-index: 1;
}
.blog-standard-details-block .blog-content .divider-block .img-wrapper{
    min-width: 60px;
    height: 60px;
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper{
    max-width: 225px;
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper h6{
    margin-bottom: 10px;
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper h6 a{
    color: var(--heading-text-color);
    text-decoration: none;
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper h6 a:hover{
    color: var(--bs-secondary);
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper p{
    font-size: 13px;
    line-height: 15px;
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper p a{
    color: var(--paragraph-text-color);
}
.blog-standard-details-block .blog-content .divider-block .content-wrapper p a:hover{
    color: var(--bs-secondary);
}
.blog-standard-details-block .blog-content .divider-block .left, .blog-standard-details-block .blog-content .divider-block .right{
    display: flex;
}
.blog-standard-details-block .blog-content .divider-block .left{
    text-align: left;
}
.blog-standard-details-block .blog-content .divider-block .right{
    text-align: right;
}
.blog-standard-details-block .blog-content .divider-block .left .img-wrapper{
    margin-right: 15px;
}
.blog-standard-details-block .blog-content .divider-block .right .img-wrapper{
    margin-left: 15px;
}
.blog-standard-details-block .blog-content{
    position: relative;
    margin-bottom: 60px;
}
.blog-sidebar-details-block .blog-content{
    margin-bottom: 43px;
}
.blog-standard-details-block .blog-content .arrows{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 0;
}
.blog-standard-details-block .blog-content .arrows a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--heading-text-color);
    border-radius: 50%;
}
.blog-standard-details-block .blog-content .arrows a svg{
    width: 12px;
    height: 8px;
}
.blog-standard-details-block .blog-content .arrows a:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.blog-standard-details-block .blog-content .arrows a:hover path{
    fill: white;
}
.blog-standard-details-block .comment-block{
    padding-top: 80px;
    padding-bottom: 60px;
    border-top: 1px solid #16161B;
    border-bottom: 1px solid #16161B;
    margin-bottom: 50px;
}
.blog-sidebar-details-block .comment-block{
    padding: 60px 0 50px;
}
.blog-standard-details-block .comment-block h2{
    margin-bottom: 32px;
}
.blog-standard-details-block .comment-block .divider{
    display: flex;
}
.blog-standard-details-block .comment-block .divider .img-wrapper{
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}
.blog-standard-details-block .comment-block .divider .content-wrapper .user-name{
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 13px;
}
.blog-standard-details-block .comment-block .divider .content-wrapper .user-name span{
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
}
.blog-standard-details-block .comment-block .divider .content-wrapper .para{
    margin-bottom: 18px;
}
.blog-standard-details-block .comment-block .divider .content-wrapper a{
    color: var(--paragraph-text-color);
    font-size: 15px;
    font-family: var(--heading-font);
    font-weight: 700;
    text-decoration: none;
    line-height: 17px;
    display: block;
}
.blog-standard-details-block .comment-block .divider .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.blog-standard-details-block .comment-block .divider .content-wrapper a svg{
    width: 12px;
    height: 8px;
    margin-left: 8px;
}
.blog-standard-details-block .comment-block .divider .content-wrapper a path{
    fill: var(--paragraph-text-color);
}
.blog-standard-details-block .comment-block .divider .content-wrapper a:hover path{
    fill: var(--bs-secondary);
}
.blog-standard-details-block .login-wrapper{
    text-align: center;
}
.blog-standard-details-block .login-wrapper h3{
    margin-bottom: 0;
}
.blog-standard-details-block .login-wrapper h3 a{
    color: var(--bs-secondary);
    text-decoration: none;
}
.blog-video-details-block .blockquote-wrapper{
    margin-bottom: 60px;
}
.blog-video-details-block .blockquote-wrapper h3{
    line-height: 34px;
}
.blog-video-details-block .blockquote-wrapper .blockquote2{
    margin-bottom: 50px;
    margin-top: 50px;
}
.blog-video-details-block .img-block .audio-video-block{
    margin-bottom: 50px;
}
.blog-gallery-details-details.blog-standard-details-block .img-block .img-wrapper{
    margin-bottom: 0;
    height: 600px;
}
.blog-gallery-details-details.blog-standard-details-block .img-block .carousel6, .blog-gallery-details-details .blockquote-wrapper,
.blog-gallery-details-details .blockquote-wrapper .blockquote3, .blog-gallery-details-details .blog-wrapper .row{
    margin-bottom: 50px;
}
.blog-gallery-details-details .blog-wrapper{
    margin-bottom: 60px;
}
.blog-gallery-details-details .blog-wrapper .img-wrapper{
    height: 450px;
}
.blog-gallery-details-details .blog-wrapper .row{
    justify-content: space-between;
}
.blog-gallery-details-details .blog-wrapper .row .col-md-6:first-child, .blog-gallery-details-details .blog-wrapper .row .col-md-6:last-child{
    width: 48.6%;
}
.blog-gallery-details-details .blockquote-wrapper .blockquote3{
    margin-left: 30px;
    margin-top: 50px;
}
.blog-sidebar-details-block .row{
    justify-content: space-between;
}
.blog-sidebar-details-block .row .sidebar-left{
    width: 68.8%;
}
.blog-sidebar-details-block .row .sidebar-right{
    width: 28.5%;
}
.blog-sidebar-details-block .blog-content h4{
    margin: 0;
}
.blog-sidebar-details-block .blog-content h4 a{
    text-decoration: none;
    color: var(--heading-text-color);
}
.blog-sidebar-details-block .blog-content h4 a:hover{
    color: var(--bs-secondary);
}







/* HAMBER MENU IN HOME-3 */
@media (min-width: 991px) and (max-width: 1300px){
    .home-3 .header.active .nav-sticky{
        padding-left: 100px;
    }
}
@media (min-width: 991px){
    .grid-block .row{
        margin: 0 -15px;
    }
    .grid-block .row .grid-mr{
        padding: 0 15px;
    }
    .blog-grid-sidebar-block .blog3 .row .col-md-6{
        width: 49.6%;
    }
    .blog-grid3-block.blog-block .blog3 .col-md-4{
        width: 32.81%;
    }
    .portfolio-gallery-details-block .img-block .row .col-md-4{
        padding: 0 15px;
    }
    .home-3 .header.active .nav-sticky .sidebar{
        display: block;
    }
    .home-3 .header.active .nav-sticky .sidebar rect{
        fill: white;
    }
    /* .home-3 #header-3.header.active .nav-sticky.sticky .sidebar rect{
        fill: var(--heading-text-color);
    } */
    .home3-banner-block .owl-dots{
        background-color: var(--bs-primary);
    }
}

@media (max-width: 1300px){
    .home1-banner .arrow-wrapper{
        display: none;
    }
}
@media (min-width: 1200px){
    .portfolio-grid3 .portfolio-grid3-block .row{
        margin: 0 -15px;
    }
    .portfolio-grid3 .portfolio-grid3-block .row .item1{
        padding: 0 15px;
    }
    .home1-banner .img-block .dots-wrapper{
        right: -20px;
    }
    .portfolio-grid2-block .row{
        margin: 0 -25px;
    }
    .portfolio-grid2 .container{
        padding: 0 15px;
    }
    .portfolio-grid2-wide .portfolio-grid2-block .row{
        margin: 0 -10px;
    }
    .home2-project-block .img-wrapper {
        width: 546px;
    }
    .home2-project-block .img-wrapper.w-2 {
        width: 264px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .home2-project-block .img-wrapper {
        width: 100%;
    }
    .home2-project-block .img-wrapper.w-2 {
        width: 236px;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
    .home2-project-block .col-md-3 {
        width: 100%;
    }
    .home2-project-block .img-wrapper {
        width: 100%;
    }
    .home2-project-block .img-wrapper.w-2 {
        width: 363px;
    }
}
@media (max-width: 767.98px) {
    .blog-sidebar .tags ul{
        margin-bottom: 0;
    }
    .page-coming-block{
        justify-content: center;
    }
    .page-contactus2.pages-page{
        padding-bottom: 100px;
    }
    .page-counter .home2-counter-block .col-md-3:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    .page-cta-block .divider-wrapper h2{
        margin-bottom: 30px;
    }
    .home2-project-block .item1 {
        min-width: 100%;
    }
    .home2-project-block .img-wrapper {
        min-width: 100%;
    }
    .home2-project-block .img-wrapper.w-2 {
        min-width: 100%;
    }
}
@media (min-width: 1200px){
    .row-mr{
        margin: 0 -15px;
    }
    .row-mr .col-mr{
        padding: 0 15px;
    }
}
@media (max-width: 1200px){
    .home2-blog-block.blog-block .blog2 .row{
        margin: 0 -12px;
    }
    .home2-blog-block.blog-block .blog2 .row .col-md-4{
        padding: 0 12px;
    }
}
@media (max-width: 1132.98px){
    .icons-block .svg-wrapper:nth-child(8n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(7n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+9){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 0;
    }
}
@media (max-width: 991.98px){
    .home3-choose-block .content-block{
        max-width: 400px;
    }
    .portfolio-standard-block .row, .portfolio-gallery-block .row{
        margin: 0 -12px;
    }
    /* BLOG PAGES */
    .blog-sidebar-details-block .row .sidebar-left, .blog-sidebar-details-block .row .sidebar-right,
    .blog-standard-sidebar-block .row .col-md-6:first-child, .blog-standard-sidebar-block .row .col-md-6:last-child{
        width: 100%;
    }
    .blog-standard-sidebar-block .row .col-md-6:first-child, .blog-sidebar-details-block .row .sidebar-left{
        margin-bottom: 40px;
    }
    /* PAGES STYLES */
    .mission-vision-block .row .col-md-6:last-child{
        padding-top: 20px;
    }
    .mission-vision-block .row .col-md-6:first-child, .mission-vision-block .row .col-md-6:last-child,
    .page-contact2-block .row .col-md-6:first-child, .page-contact2-block .row .col-md-6:last-child{
        width: 100%;
    }
    .page-contact2-block .map-wrapper p{
        height: 400px;
        margin-bottom: 40px;
    }
    .page-service-details-block .img-wrapper{
        padding: 0;
        margin: auto;
        height: 500px;
    }
    .page-service-details-block .content-wrapper{
        position: relative;
        margin: auto;
        margin-top: -100px;
    }
    /* .page-working-process-block .img-flow .row .col-lg-3{
        max-width: unset;
        width: 50%;
    } */
    .page-working-process-block .img-flow .row .col-lg-3:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    .page-working-process-block .img-wrapper::after{
        display: none;
    }
    .page-working-process-block .img-block{
        position: relative;
    }
    .page-working-process-block .img-flow .row .col-lg-3:nth-child(odd) .img-block::after{
        content: "";
        position: absolute;
        border-bottom: 3px dashed var(--bs-secondary);
        left: 50%;
        top: 36%;
        width: 100%;
        z-index: -1;
    }
    .page-working-process-block .img-block::after
    .page-aboutus-block .row .col-md-6:first-child, .page-aboutus-block .row .col-md-6:last-child,
    .mission-vision-block .row .col-md-6:first-child, .mission-vision-block .row .col-md-6:last-child{
        width: 100%;
    }
    .mission-vision-block .img-block{
        margin: auto;
        margin-bottom: 50px;
    }
    .mission-vision-block .img-block .red-dots{
        right: 0;
        left: 0;
        margin: auto;
    }
    .mission-vision-block .content-wrapper .mission-wrapper{
        margin-bottom: 50px;
    }
    .page-aboutus-block .row .col-md-6:first-child{
        margin-bottom: 30px;
    }
    /* HOME-3 PAGE */
    .home3-banner-block .owl-nav{
        top: unset;
        transform: unset;
        bottom: 180px;
    }
    .home3-team-block .carousel1.team3 .row-mr{
        justify-content: center;
    }
    .home3-team-block .carousel1.team3 .row-mr .col-mr:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* HOME-2 PAGE */
    .home2-testimonials-block.carousels-block .carousel3 .owl-nav{
        bottom: 0;
    }
    .home2-skill-block .content-wrapper{
        max-width: 520px;
    }
    .home2-banner .row .col-lg-6:first-child, .home2-banner .row .col-lg-6:last-child{
        width: 100%;
    }
    .home2-banner .social-icon{
        transform: unset;
        bottom: -30px;
        right: 30px;
        left: unset;
    }
    .home2-banner .row .col-lg-6:first-child{
        padding-top: 150px;
        max-width: unset;
        margin-bottom: 40px;
    }
    .home2-banner .img-wrapper{
        height: 400px;
    }
    .home2-banner{
        height: 100%;
    }
    /* HOME-1 PAGE */
    .home1-banner{
        padding-top: 120px;
    }
    .home1-skill-block .row .col-lg-6:first-child{
        padding-bottom: 0;
    }
    .home1-choose-block .row .col-lg-6:first-child, .home1-choose-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .home1-blog-block.blog-block .blog1 .row{
        margin: 0 -12px;
    }
    .home1-blog-block.blog-block .blog1 .row .col-md-4{
        padding: 0 12px;
    }
    .home1-contact-block.form-block .map-wrapper{
        height: 400px;
    }
    .home1-contact-block.form-block .content-block{
        padding-top: 50px;
    }
    .home1-contact-block.form-block .divider-col:first-child, .home1-contact-block.form-block .divider-col:last-child{
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
    }
    .home1-contact-block.form-block .divider-col:last-child{
        padding: 0 12px;
    }
    .home1-skill-block .img-block .img-wrapper{
        height: 500px;
    }
    .home1-skill-block .img-block::before{
        max-width: 400px;
        height: 400px;
    }
    .home1-skill-block .row .col-lg-6:first-child{
        display: block;
        margin-bottom: 40px;
    }
    .home1-skill-block .row .col-lg-6:first-child, .home1-skill-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .home1-choose-block .row .col-lg-6:first-child{
        margin-bottom: 30px;
    }
    .home1-choose-block .img-wrapper svg{
        display: block;
        margin: auto;
    }
    .home1-about-block .img-wrapper{
        height: 400px;
        min-height: unset;
        margin-bottom: 30px;
    }
    .home1-banner .row .col-md-6:first-child, .home1-banner .row .col-md-6:last-child, .home1-about-block  .divider-row .divider-col:first-child, 
    .home1-about-block  .divider-row .divider-col:last-child{
        width: 100%;
    }
    .home1-banner .content-wrapper .social-icons{
        position: unset;
        margin-top: 50px;
    }
    .home1-banner .content-wrapper{
        margin-bottom: 30px;
    }
    .home1-banner .img-block{
        max-width: 500px;
        margin: auto;
    }
    .home1-banner .swiper-pagination{
        margin-right: 0;
        max-width: 95px;
        bottom: 0;
    }
    /* TEAMS PAGE */
    .teams .carousel1 .row-mr, .teams .carousel4 .row-mr{
        justify-content: center;
    }
    .teams .carousel1 .row-mr .col-mr:nth-last-child(n+2), .teams .carousel4 .row-mr .col-mr:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* IMAGES PAGE */
    .images-block .row{
        justify-content: center;
    }
    .images-block .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }

    /* HEADERS */
    .search-language{
        position: absolute;
        top: 0;
        right: 60px;
    }
    .language a{
        padding: 29px 0 18px;
    }
    .navbar-brand{
        margin-left: 15px;
        padding: 18px 0;
    }
    .nav-sticky .container, .navbar-expand-lg .container-fluid{
        padding: 0;
    }
    .hamber-btn{
        margin-right: 15px;
    }
    .navbar-collapse .navbar-nav{
        max-width: 100%;
        margin: 0;
        margin-top: 20px;
        padding-left: 15px;
        margin-bottom: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 8px 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link::after{
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link::before{
        content: "";
        position: relative;
        background-color: var(--bs-secondary);
        width: 0px;
        height: 0px;
        left: 0px;
        margin-right: 0;
        transition: .2s all linear;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{
        width: 4px;
        height: 4px;
        margin-right: 5px;
    }
    .navbar-nav .dropdown-menu{
        background-color: transparent;
        box-shadow: unset;
    }
    .submenu-1 .dropdown-menu{
        padding-left: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu.show{
        display: block;
        padding: 0;
    }
    .navbar-collapse{
        overflow-y: scroll;
        max-height: 260px;
        background: white;
        box-shadow: 0px 4px 8px 3px #00000008;
    }
    .search-language .callnow{
        display: none;
    }
    .footer-top .divider-wrapper{
        flex-wrap: wrap;
    }
    .footer-top .divider-wrapper .link-wrapper, .footer-top .divider-wrapper .contact-wrapper{
        width: 49%;
        display: inline-block;
        margin-bottom: 30px;
    }
    /* HERADER-3 */
    #header-3 .navbar-expand-lg .navbar-nav .nav-link, #header-3 .navbar-expand-lg .navbar-nav .nav-link,
    #header-3 .navbar-nav .dropdown-menu .dropdown-item{
        color: white;
    }
    #header-3 .navbar-expand-lg .navbar-nav .nav-link::before, #header-3 .navbar-expand-lg .navbar-nav .nav-link::before,
    #header-3 .navbar-nav .dropdown-menu .dropdown-item::before{
        background-color: white;
    }
    #header-3 .navbar-collapse{
        background-color: var(--heading-text-color);
    }
}
@media (min-width: 992px){
    .home-3 #header-3 .nav-sticky:not(.sticky)::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100%;
        background-color: var(--bs-primary);
    }
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-link, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-link,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-link, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-link,
    #header-3 .navbar-expand-lg .navbar-nav .nav-link, #header-3 .navbar-expand-lg .navbar-nav .nav-link{
        color: var(--heading-text-color);
    }
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-link::after, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-link::after,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-link::after, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-link::after,
    #header-3 .navbar-expand-lg .navbar-nav .nav-link::after, #header-3 .navbar-expand-lg .navbar-nav .nav-link::after{
        background-color: var(--heading-text-color);
    }
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after,
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-link:hover::after, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-link:hover::after,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-link:hover::after, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-link:hover::after,
    #header-3 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after, #header-3 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::after,
    #header-3 .navbar-expand-lg .navbar-nav .nav-link:hover::after, #header-3 .navbar-expand-lg .navbar-nav .nav-link:hover::after{
        background-color: var(--bs-secondary);
    }
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link,
    .home-1 #header-1 .navbar-expand-lg .navbar-nav .nav-link:hover, .home-2 #header-1 .navbar-expand-lg .navbar-nav .nav-link:hover,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link,
    .home-1 #header-2 .navbar-expand-lg .navbar-nav .nav-link:hover, .home-2 #header-2 .navbar-expand-lg .navbar-nav .nav-link:hover,
    #header-3 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, #header-3 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link,
    #header-3 .navbar-expand-lg .navbar-nav .nav-link:hover, #header-3 .navbar-expand-lg .navbar-nav .nav-link:hover{
        color: var(--bs-secondary);
    }
    .home-1 #header-1 .search-language .callnow .svg-wrapper, .home-2 #header-1 .search-language .callnow .svg-wrapper{
        background-color: var(--bs-primary);
    }
    .home-1 #header-1 .search-language .callnow .call-wrapper p, .home-1 #header-1 .search-language .callnow .call-wrapper a,
    .home-2 #header-1 .search-language .callnow .call-wrapper p, .home-2 #header-1 .search-language .callnow .call-wrapper a
    {
        color: var(--heading-text-color);
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        color: white;
    }
    .nav-item:hover > .dropdown-menu, .search-language .language:hover > .dropdown-menu{
        display: block;
        animation: cometop1 .2s linear;
    }
    .submenu-1:hover .dropdown-menu{
        display: block;
        animation: cometop2 .2s linear;
    }
    .nav-item.element:hover > .dropdown-menu{
        display: flex;
        width: 100%;
        top: 100%;
        left: 0;
        justify-content: space-evenly;
        padding: 60px 30px;
        animation: cometop1 .2s linear;
    }
    .navbar-nav .nav-item .dropdown-menu.show{
        animation: cometop1 .2s linear;
    }
    @keyframes cometop1 {
        0%{
            top: 120%;
        }
        100%{
            top: 100%;
        }
    }
    .navbar-nav .nav-item .submenu-1 .dropdown-menu.show{
        animation: cometop2 .2s linear;
    }
    @keyframes cometop2 {
        0%{
            top: 50%;
        }
        100%{
            top: 0%;
        }
    }    
    #header-2 .navbar-expand-lg .navbar-nav .nav-link, #header-2 .language a{
        padding: 38px 0 29px;
        line-height: 18px;
    }
    #header-3 .navbar-expand-lg .navbar-nav .nav-link, #header-3 .language a{
        padding: 33px 0;
        line-height: 18px;
    }
    #header-3 .navbar-brand{
        padding: 24px 0;
    }
    #header-2 .language ul a, #header-3 .language ul a{
        padding: 7px 14px;
    }
    #header-2 .navbar-expand-lg .navbar-nav .nav-link::before{
        content: "";
        position: absolute;
        background-color: var(--bs-secondary);
        width: 0px;
        height: 3px;
        bottom: 15px;
        transition: .2s width linear;
    }
    #header-2 .navbar-expand-lg .navbar-nav .nav-link:hover::before, #header-2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{
        width: 20px;
    }
}
@media (max-width: 985.98px){
    .icons-block .svg-wrapper:nth-child(7n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(6n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .icons-block .svg-wrapper:last-child{
        margin: 0;
    }
}
@media (max-width: 838.98px){
    .icons-block .svg-wrapper:nth-child(6n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(5n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+2){
        margin-bottom: 0;
    }
}
@media (max-width: 767.98px){
    .home3-choose-block .content-block{
        max-width: 350px;
    }
    /* BLOG STYLES */
    .blog-gallery-details-details .blog-wrapper .row .col-md-6:first-child{
        margin-bottom: 30px;
    }
    .blog-gallery-details-details .blog-wrapper .row .col-md-6:first-child, .blog-gallery-details-details .blog-wrapper .row .col-md-6:last-child,
    .blog-grid-sidebar-block .row .col-divider:first-child, .blog-grid-sidebar-block .row .col-divider:last-child{
        width: 100%;
    }
    .blog-grid-sidebar-block .row .col-divider:first-child{
        margin-bottom: 40px;
    }
    .blog-standard-details-block .blog-content .divider-block .left{
        margin-bottom: 25px;
    }
    .blog-standard-details-block .blog-content .divider-block{
        justify-content: center;
    }
    /* PORTFOLIO STYLES */
    .portfolio-image-details-block.portfolio-gallery-details-block .content-block .row .col-md-6:first-child, .portfolio-image-details-block.portfolio-gallery-details-block .content-block .row .col-md-6:last-child,    
    .portfolio-gallery-details-block .content-block .row .col-md-6:first-child, .portfolio-gallery-details-block .content-block .row .col-md-6:last-child,
    .portfolio-image-details-block .content-block .row .col-md-6:first-child, .portfolio-image-details-block .content-block .row .col-md-6:last-child,
    .portfolio-image-details-block .img-block .row .col-md-6:first-child, .portfolio-image-details-block .img-block .row .col-md-6:last-child{
        width: 100%;
    }
    .portfolio-image-details-block .content-block .row .col-md-6:first-child, .portfolio-image-details-block .img-block .row .col-md-6:first-child{
        margin-bottom: 30px;
    }
    .portfolio-image-details-block .img-wrapper{
        height: 350px;
    }
    .portfolio-standard-block .item1:nth-last-child(n+3){
        margin-bottom: 45px;
    }
    .portfolio-gallery-block .row .col-md-4:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    .portfolio-gallery-joined .portfolio-gallery-block .row .col-md-4{
        margin-bottom: 0;
    }
    .portfolio-masonry-joined .home1-projects-block .img-wrapper.h-2{
        height: 335px;
    } 
    /* PAGES STYLES */
    .page-clients-block .client-wrapper:nth-last-child(-n+3){
        border-bottom: 1px solid white;
    }
    .page-clients-block .client-wrapper:nth-last-child(-n+1){
        border-bottom: unset;
    }
    .page-clients-block .client-wrapper:nth-child(3n){
        border-right: 1px solid white;
    }
    .page-clients-block .client-wrapper:nth-child(2n){
        border-right: unset;
    }
    .page-mission-vision-block .row:nth-last-child(n+2){
        margin-bottom: 40px;
    }
    .page-mission-vision-block .row .col-md-6:not(.content-block){
        max-width: 100%;
        margin-bottom: 30px;
    }
    .page-mission-vision-block .row .col-md-6.content-block{
        order: 2;
    }
    .page-mission-vision-block .row .col-md-6.content-block:nth-child(odd), .page-mission-vision-block .row .col-md-6.content-block:nth-child(even){
        padding: 0px;
    }    
    /* HOME-3 PAGE */
    .home3-service{
        padding-top: 200px;
    }
    .home2-testimonials-block.carousels-block .content-wrapper{
        padding-top: 70px;
    }
    .home2-testimonials-block.carousels-block .carousel3 h2{
        top: 0;
    }
    .home3-skill-block .row .col-md-6:last-child{
        width: 100%;
    }
    .home3-skill-block .img-wrapper{
        height: unset;
        margin: auto;
        margin-bottom: 40px;
    }
    .home3-about-block .row .col-md-6{
        width: 100%;
    }
    .home3-counter-block .col-md-3{
        max-width: unset;
    }
    .home3-counter-block .col-md-3:nth-last-child(n+3){
        margin-bottom: 20px;
    }
    /* HOME-2 PAGE */
    .home2-banner .content-wrapper{
        padding-left: 20px;
    }
    .home2-about-block .red-dots{
        position: absolute;
        right: 0;
        bottom: 13px;
        z-index: -1;
        left: 0;
        margin: auto;
    }
    .home2-contact-block .row .col-md-6:last-child{
        width: 100%;
        margin-top: 40px;
    }
    .home2-contact-block.form-block .form2{
        max-width: 100%;
    }
    .home2-contact{
        padding-bottom: 100px;
    }
    .home2-contact-block .img-wrapper{
        height: 450px;
    }
    .home2-contact-block .img-wrapper img{
        object-position: top;
    }
    .home2-counter .col-md-3:nth-last-child(n+3){
        margin-bottom: 20px;
    }
    .home2-skill-block .img-wrapper{
        margin-top: -100px;
        height: 400px;
    }
    .home2-skill-block .content-wrapper{
        position: relative;
        margin: auto;
        padding: 40px;
    }
    .home2-skill-block .img-wrapper svg{
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .home2-skill-block{
        padding-left: 0;
        padding-top: 0;
    }
    .home2-choose-block .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .home2-choose-block .row .col-md-4:nth-last-child(-n+2)::after{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: var(--heading-text-color);
        opacity: .2;
    }
    .home2-choose-block .row {
        justify-content: center;
    }
    .home2-about-block .img-wrapper{
        min-height: unset;
        height: 350px;
    }
    .home2-about-block .img-block{
        padding-left: 50px;
        margin-bottom: 40px;
    }
    .home2-about-block .row .col-md-6:first-child, .home2-about-block .row .col-md-6:last-child{
        width: 100%;
    }
    /* HOME-1 PAGE */
    .home1-projects-block .img-wrapper.h-2{
        height: 320px;
    }
    .home1-projects-block .row .item1{
        width: 100%;
    }
    /* PRICING PAGE, SERVICE PAGE */
    .Pricing-block .row-mr, .services-block .row{
        justify-content: center;
    }
    .Pricing-block .col-mr:nth-last-child(n+2), .services-block .col-mr:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .home1-service-block.services-block .col-mr:nth-last-child(n+2){
        margin-bottom: 0;
    }
   .home1-service-block.services-block .col-mr:nth-last-child(n+3){
       margin-bottom: 30px;
   }
    /* CAROUSELS PAGE */
    .carousels-block .carousel9 .img-wraapper{
        height: 300px;
    }
    .carousels-block .carousel3 .row{
        justify-content: space-between;
        align-items: center;
    }
    .carousels-block .carousel3 .row .col-md-6:first-child, .carousels-block .carousel3 .row .col-md-6:last-child{
        width: 100%;
    }
    .carousels-block .carousel3 .row .col-md-6:last-child{
        margin-top: 80px;
    }
    .carousels-block .carousel3 .owl-nav{
        bottom: 630px;
    }
    /* BLOG PAGE */
    .buttons-block .row{
        justify-content: center;
    }
    .buttons-block .row .col-md-4{
        width: 50%;
        display: flex;
        justify-content: center;
    }
    .buttons-block .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .blog-block .blog3 .row .col-md-6{
        width: 100%;
    }
    .blog-block .blog3 .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .blog-block .blog1 .row, .blog-block .blog2 .row{
        justify-content: center;
        margin: 0 -12px;
    }
    .blog-block .blog1 .row .col-md-4, .blog-block .blog2 .row .col-md-4{
        padding: 0 12px;
    }
    .blog-block .blog1 .row .col-md-4:nth-last-child(n+2), .blog-block .blog2 .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    .blog-block .blog2 .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 24px;
    }
    .navbar-brand svg, .navbar-brand img{
        width: 180px;
    }
    .grid-block .row .grid-mr:nth-last-child(n+2){
        margin-bottom: 20px;
    }
}
@media (max-width: 691.98px){
    .icons-block .svg-wrapper:nth-child(5n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(4n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 0;
    }
}
@media (max-height: 575.98px){
    .page-coming-block{
        height: 100%;
    }
    .page-maintenance .page-coming-block{
        height: 100vh;
    }
}
@media (min-width: 576px) {
    .page-login-block .form-wrapper{
        margin-bottom: 55px;
    }
}
@media (max-width: 575.98px){
    .home3-choose.home3-page{
        background-color: #f7f7f7;
        background-image: none !important;
    }
    .page-coming-block .content-wrapper{
        padding: 40px;
    }
    .page-counter .home2-counter-block .col-md-3:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .page-aboutus-block .row .col-md-6:first-child, .page-aboutus-block .row .col-md-6:last-child{
        width: 100%;
    }
    .alerts-block .alert2 .alert-area h4{
        padding-left: 20px;
    }
    /* PORTFOLIO STYLES */
    .portfolio-grid2-wide .portfolio-grid2-block .img-wrapper{
        height: 400px;
    }
    .portfolio-grid2-block .img-wrapper{
        height: 350px;
    }
    .portfolio-grid2-wide .portfolio-grid2-block .row .item1:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    .portfolio-grid2-block .row .item1:nth-last-child(n+2){
        margin-bottom: 50px;
    }
    .portfolio-standard-block .item1:nth-last-child(n+2){
        margin-bottom: 45px;
    }
    .portfolio-gallery-block .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .portfolio-gallery-joined .portfolio-gallery-block .row .col-md-4{
        margin-bottom: 0;
    }
    /* PAGES STYLES */
    .page-login-block .form-wrapper{
        padding: 30px;
    }
    .page-login.pages-page, .page-register.pages-page, .page-password.pages-page{
        padding-bottom: 100px;
    }
    .page-coming-block .timer-wrapper ul li:nth-last-child(n+2)::after{
        content: "";
        background-color: transparent;
        width: 0;
        height: 0;
        left: 0;
    }
    .page-coming-block .timer-wrapper ul li:nth-child(odd)::after{
        content: "";
        top: 0;
        left: unset;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: #00000033;
    }
    .page-coming-block .content-wrapper h1{
        font-size: 40px;
        line-height: 45px;
    }
    .page-coming-block .timer-wrapper ul{
        flex-wrap: wrap;
    }
    .page-coming-block .timer-wrapper ul li{
        width: 50%;
    }
    .page-coming-block .timer-wrapper ul li:nth-last-child(n+3){
        margin-bottom: 20px;
    }
    .page-contact1-block .content-wrapper p{
        margin-bottom: 6px;
    }
    .page-clients-block .client-wrapper{
        border-right: unset;
    }
    .page-service-details-block .content-wrapper{
        padding: 40px;
    }
    .scroll-top{
        width: 35px;
        height: 35px;
        padding: 7px 10px;
    }
    /* HOME-3 PAGE */
    .home3-banner-block h1{
        font-size: 40px;
        line-height: 44px;
    }
    .home3-service{
        padding-top: 400px;
    }
    .home3-banner-block .owl-nav{
        display: none;
    }
    .home3-projects-block .col-md-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .home3-counter-block .col-md-3:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    /* HOME-2 page */
    .home2-counter .col-md-3:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    .home2-choose-block .row .col-md-4:nth-last-child(-n+3)::after{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: var(--heading-text-color);
        opacity: .2;
    }
    .home2-banner .content-wrapper h1{
        font-size: 40px;
        line-height: 45px;
    }
    .home2-banner .swiper-pagination .swiper-pagination-current{
        margin-left: 0;
        opacity: .5;
    }
    .home2-banner .merge-btn{
        transform: unset;
        width: 100%;
        right: unset;
        justify-content: space-between;
    }
    /* HOME-1 PAGE */
    .home1-testimonials-block::after{
        font-size: 30px;
    }
    .home1-skill-block .img-block .img-wrapper{
        height: 300px;
    }
    .home1-skill-block .img-block::before{
        max-width: 250px;
        height: 250px;
    }
    .home1-about-block .creative-wrapper span{
        font-size: 45px;
        line-height: 50px;
    }
    .home1-about-block .creative-wrapper p{
        font-size: 70px;
        line-height: 75px;
    }
    .home1-service-block.services-block .col-mr:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .home1-about-block .content-block .counter-wrapper .row .col-4{
        width: 100%;
    }
    .home1-about-block .content-block .counter-wrapper .row .col-4:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    .home1-banner{
        padding-top: 100px;
    }
    .home1-banner .img-block::before{
        max-width: 350px;
        height: 350px;
    }
    .home1-banner .img-block .img-wrapper{
        min-height: unset;
        height: 450px;
    }
    .audio-video-block .video1 .video-block .svg-wrapper svg{
        width: 60px;
        height: 60px;
    }
    .audio-video-block .video1 .video-block h2{
        font-size: 32px;
        line-height: 36px;
    }
    /* CAROUSELS PAGE */
    .carousels-block .carousel9 .img-wraapper{
        height: 200px;
    }
    .carousels-block .carousel7 .owl-nav{
        display: none;
    }
    .carousels-block .carousel3 .img-block::after{
        width: 200px;
    }
    .carousels-block .carousel3 .img-block{
        padding-right: 50px;
    }
    /* BUTTONS PAGE */
    .buttons-block .row .col-md-4{
        width: 100%;
    }
    /* BLOCKQUOTES */
    .blockquotes-block .blockquote2{
        padding: 30px;
    }
    .blockquotes-block .blockquote2 .svg-wrapper svg{
        height: 25px;
        margin-right: 20px;
    }
    /* Footer */
    .footer-top .divider-wrapper .link-wrapper, .footer-top .divider-wrapper .contact-wrapper{
        display: block;
        width: 100%;
    }
    .footer-top .divider-wrapper .subscribe-wrapper form{
        width: 100%;
    }
}
@media (max-width: 544.98px){
    .icons-block .svg-wrapper:nth-child(4n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(3n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+2){
        margin-bottom: 0;
    }
}
@media (max-width: 450.98px){
    .home2-banner .social-icon{
        transform: rotate(-90deg);
        bottom: 122px;
        right: unset;
        left: -125px;
    }
    .home2-banner .content-wrapper{
        padding-left: 40px;
        padding-right: 14px;
    }
    .footer-top .logo-wrapper{
        flex-direction: column;
    }
    .footer-top .social-icons{
        margin-top: 25px;
    }
    .home2-banner .social-icon a span{
        font-size: 13px;
    }
}
@media (max-width: 397.98px){
    /* HOME-1 PAGE */
    .home1-banner .img-block .img-wrapper{
        height: 370px;
    }
    .icons-block .svg-wrapper:nth-child(3n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(2n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+2){
        margin-bottom: 0;
    }
}
@media (max-width: 1024.98px) and (min-width: 991px){
    .submenu-1 .dropdown-menu{
        left: unset;
        top: 0;
        right: 100%;
    }
}

/* User Page */
.users .img-wrapper, .users .img-wrapper img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
  }
  .users .img-wrapper{
    margin-bottom: 30px;
  }
  .users h2{
    margin-bottom: 12px;
  }
  .users a{
    display: block;
  }

  #header-2 .callnow a{
    color: #fff;
    font-size: 16px;
  }
  #header-2 .search-language .callnow .svg-wrapper{
    width: 30px;
    height: 30px;
  }
@media (min-width: 992px){
  .home-id-1 #header-2 .search-language .callnow .call-wrapper p, .home-id-1 #header-2 .search-language .callnow .call-wrapper a, .home-id-2 #header-2 .search-language .callnow .call-wrapper p, .home-id-2 #header-2 .search-language .callnow .call-wrapper a{
    color: var(--heading-text-color);
  }
}

.home-id-2 #header-2 .nav-sticky,.home-id-2 #header-1 .nav-sticky{
    background-color: white;
}

.blog-standard-details-block .comment-block{
    border-bottom: 0 !important;
  }

  .toolbar-fixed.page-node-type-landing-page #header-1 .nav-sticky, .toolbar-fixed.page-node-type-landing-page #header-2 .nav-sticky{
    position: static;
  }