@font-face {
    font-family: glamore;
    src: url(../fonts/Glamore.otf)
}

@font-face {
    font-family: visbycf-bold;
    src: url(../fonts/VisbyCF-Bold.otf);
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: visbycf-heavy;
    src: url(../fonts/VisbyCF-Heavy.otf);
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: visbycf-extra;
    src: url(../fonts/VisbyCF-ExtraBold.otf);
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: visbycf-demibold;
    src: url(../fonts/VisbyCF-DemiBold.otf);
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: visbycf-medium;
    src: url(../fonts/VisbyCF-Medium.otf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: visbycf-regular;
    src: url(../fonts/VisbyCF-Regular.otf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: visbycf-light;
    src: url(../fonts/VisbyCF-Light.otf);
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: visbycf-thin;
    src: url(../fonts/VisbyCF-Thin.otf);
    font-weight: 100;
    font-style: normal
}

a,p,ul {
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none
}

a:hover {
    color: inherit
}

.container-fluid {
    padding: 0 120px
}

body {
    overflow-x: hidden
}

main {
    overflow: hidden
}

a,button,input,textarea:focus {
    outline: none;
    box-shadow: none
}

header {
    position: absolute;
    width: 100%;
    z-index: 9;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    box-shadow: 0 5px 10px -3px #8cc1c4
}

header.sticky {
    position: fixed;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

header nav.navbar {
    padding: 20px 0
}

header.sticky nav.navbar {
    padding: 10px 0
}

header nav a.navbar-brand {
    width: 150px;
    padding: 0
}

header.sticky nav a.navbar-brand {
    width: 120px
}

header nav a.navbar-brand img {
    width: 100%
}

header nav button.navbar-toggler {
    color: #fff;
    font-size: 18px;
    font-family: visbycf-demibold;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 20px
}

header nav button.navbar-toggler i {
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 18px
}

header nav .navbar-collapse {
    justify-content: space-between
}

header nav .navbar-collapse ul.navbar-nav {
    width: 100%;
    justify-content: center
}

header nav .navbar-collapse ul.navbar-nav li.nav-item {
    padding: 25px 10px;
    position: inherit
}

header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
    color: #fff;
    font-size: 16px;
    font-family: visbycf-regular;
    text-transform: capitalize;
    padding: 0;
    transition: all .3s ease-in-out
}

header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #93cbcd
}

nav ul.navbar-nav li.nav-item.dropdown {
}

nav ul.navbar-nav li.nav-item.dropdown a.nav-link.dropdown-toggle {
}

nav ul.navbar-nav li.nav-item.dropdown a.nav-link.dropdown-toggle::after {
    content: '\2b';
    font-family: 'font awesome 6 pro';
    background: 0 0;
    border: none;
    vertical-align: inherit;
    #staticBackdrop.modal-contentcolor:#93cbcd;font-size: 16px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    transform: rotate(90deg)
}

nav ul.navbar-nav li.nav-item.dropdown:hover a.nav-link.dropdown-toggle::after {
    content: '\f068';
    transform: rotate(0deg)
}

nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    background: #fff;
    left: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    top: 95px;
    padding: 20px 50px;
    display: none
}

header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    top: 77px
}

nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
    display: flex
}

nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
    display: flex
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
    border-right: 2px solid #b2b2b2;
    padding: 0 20px;
    width: 100%
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:last-child {
    border-right: none
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #b2b2b2;
    margin: 0 0 5px;
    padding: 0 0 10px;
    font-family: visbycf-bold;
    font-size: 18px
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
    width: 50px;
    margin: 0 10px 0 0
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 10px;
    font-family: visbycf-medium;
    font-size: 16px;
    color: #1b1f2e;
    transition: all .3s ease-in-out
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item:hover {
    background: #f4f4f4;
    transform: translateX(-5px)
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item i {
    font-size: 16px;
    font-weight: 600;
    margin: 0 5px 0 0
}

header nav .navbar-collapse .navbar-buttons {
    width: 40%;
    display: flex;
    align-items: center
}

header nav .navbar-collapse .navbar-buttons a.call-btn {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 10px 15px;
    border-radius: 50px;
    line-height: 40px;
    height: 60px;
    margin: 0 10px 0 0;
    color: #fff;
    font-family: visbycf-demibold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    animation: crescendo 1.5s alternate infinite ease-in
}

header nav .navbar-collapse .navbar-buttons a.call-btn:hover {
    background: linear-gradient(180deg,rgba(255,254,254,1) 0%,rgba(255,255,255,1) 50%,rgba(255,254,254,1) 100%);
    color: #1b1f2e
}

header nav .navbar-collapse .navbar-buttons a.call-btn i {
    font-size: 30px;
    margin: 0 5px 0 0;
    color: #1b1f2e
}

header nav .navbar-collapse .navbar-buttons button.chat-btn {
    background: linear-gradient(180deg,rgba(255,254,254,1) 0%,rgba(255,255,255,1) 50%,rgba(255,254,254,1) 100%);
    padding: 10px 15px;
    border-radius: 50px;
    line-height: 40px;
    height: 60px;
    color: #1b1f2e;
    font-family: visbycf-demibold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    animation: crescendo 1.5s alternate infinite ease-in
}

header nav .navbar-collapse .navbar-buttons button.chat-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

header nav .navbar-collapse .navbar-buttons button.chat-btn img {
    width: 40px;
    margin: 0 5px 0 0
}

@keyframes crescendo {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

section.banner-main-wrap {
    background: linear-gradient(0deg,rgba(25,28,42,1) 0%,rgba(25,28,42,1) 100%);
    padding: 150px 0 100px;
    position: relative
}

.banner-main-wrap .banner-main-inner {
}

.banner-main-inner .banner-main-content {
}

.banner-main-content h1 {
    font-family: glamore;
    color: #fffefe;
    font-size: 62px;
    line-height: 68px;
    font-weight: 500;
    margin: 0 0 20px;
    text-transform: capitalize
}

.banner-main-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.banner-main-content h4 {
    font-family: glamore;
    color: #fffefe;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    margin: 50px 0 10px;
    display: flex;
    text-transform: uppercase
}

.banner-main-content h4 img {
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px
}

.banner-main-content span {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px;
    display: block
}

.banner-main-content .banner-main-btns {
    margin: 40px 0 20px
}

.banner-main-content .banner-main-btns button.popup-btn {
    font-family: visbycf-demibold;
    background: #fff;
    border: 2px solid #fff;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #1b1f2e;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.banner-main-content .banner-main-btns button.popup-btn:hover {
    background: 0 0;
    color: #fff
}

.banner-main-content .banner-main-btns button.chat-btn {
    font-family: visbycf-demibold;
    background: 0 0;
    border: 2px solid #fff;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    border-radius: 50px;
    color: #fff;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.banner-main-content .banner-main-btns button.chat-btn:hover {
    background: #fff;
    color: #1b1f2e
}

.banner-main-inner .banner-content-img {
}

.banner-main-inner .banner-content-img img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

@keyframes swing {
    0% {
        transform: rotate(3deg)
    }

    100% {
        transform: rotate(-3deg)
    }
}

section.counter-main-wrap {
    padding: 20px 0;
    border-bottom: 3px solid #f0f0f0
}

.counter-main-wrap .counter-main-inner {
}

.counter-main-inner .counter-inner-box {
    border-right: 3px solid #f0f0f0;
    padding: 0 20px;
    text-align: center
}

.counter-inner-box.last {
    border-right: 0
}

.counter-inner-box h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0
}

.counter-inner-box h2 span {
}

.counter-inner-box p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 22px
}

section.solution-sec-wrap {
    background: #fff;
    padding: 50px 0
}

.solution-sec-wrap .solution-sec-inner {
}

.solution-sec-inner .solution-sec-content {
}

.solution-sec-content span {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 58px;
    line-height: 70px;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solution-sec-content span img {
    margin: 0 0 0 15px;
    width: 70px;
    transform: rotate(36deg);
    transition: all .3s ease-in-out;
    animation: scale1 .3s alternate infinite ease-in
}

@keyframes scale1 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.solution-sec-content h2 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px
}

.solution-sec-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.solution-sec-content a.more-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid #fff;
    padding: 5px 20px;
    font-size: 18px;
    width: 275px;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0 0 0;
    transition: all.3s ease-in-out;
    text-align: center
}

.solution-sec-content a.more-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    transform: scale(1.1)
}

.solution-sec-inner .solution-boxes-inner {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 20px;
    border-radius: 40px
}

.solution-boxes-inner .solution-select-box {
    margin: 20px
}

.solution-select-box a {
    background: #fff;
    border-radius: 40px;
    padding: 35px 45px;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    min-height: 220px;
    max-height: 220px
}

.solution-select-box a.active,.solution-select-box a:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.solution-select-box a img {
    width: 60px;
    margin: 0 0 15px;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 3px solid #1b1f2e
}

.solution-select-box a.active img,.solution-select-box a:hover img {
    filter: brightness(0) invert(1)
}

.solution-select-box a h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 15px
}

.solution-select-box a.active h3,.solution-select-box a:hover h3 {
    color: #fff
}

.solution-select-box a .arrow-img {
    position: absolute;
    bottom: 5px;
    right: 15px;
    border-bottom: none;
    width: 50px;
    margin: 0;
    padding: 0
}

.solution-select-box a.active .arrow-img,.solution-select-box a:hover .arrow-img {
    filter: brightness(0) invert(1)
}

.award-inner-wrap {
    padding: 30px;
    margin: 50px 0 0;
    border-radius: 40px;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.award-inner-wrap .award-inner-content {
    display: flex;
    align-items: center
}

.award-inner-content img {
    width: 100px;
    margin: 0 10px 0 0;
    transform: rotate(-27deg)
}

.award-inner-content h3 {
    font-family: glamore;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 0
}

.award-inner-wrap .award-inner-slides {
    margin: 0 20px 0 50px
}

.award-inner-slides .award-inner-slider {
}

.award-inner-slider .slick-arrow {
    top: 45%
}

.award-inner-slider .slick-prev:before {
    content: '\f104';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #fff
}

.award-inner-slider .slick-next:before {
    content: '\f105';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #fff;
    right: 10px
}

.award-inner-slider .award-inner-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 30px;
    margin: 0 20px;
    text-align: center
}

.award-inner-box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin: 0 auto
}

section.cta-brand-wrap {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 50px 0
}

.cta-brand-wrap .cta-brand-content {
}

.cta-brand-content h2,.cta-brand-content h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.cta-brand-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.cta-brand-content .cta-brand-buttons {
    margin: 20px 0 0
}

.cta-brand-buttons button.popup-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-buttons button.popup-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

.cta-brand-buttons button.chat-btn {
    font-family: visbycf-demibold;
    background: 0 0;
    border: 2px solid #1b1f2e;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    border-radius: 50px;
    color: #1b1f2e;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-buttons button.chat-btn:hover {
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    color: #fff
}

.cta-brand-wrap .cta-brand-img {
    text-align: center
}

.cta-brand-img img {
    width: 75%;
    animation: float 2s both infinite alternate;
    transform: skewY(2deg)
}

@keyframes float {
    100% {
        transform: skewY(5deg) translateY(-0.3rem)
    }
}

section.testi-customer-wrap {
    padding: 50px 0 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.testi-customer-wrap .customer-inner-wrap {
    padding: 30px 0
}

.customer-inner-wrap .customer-inner-head {
    margin: 0 0 50px
}

.customer-inner-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 0
}

.customer-inner-head h4 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 0
}

.customer-inner-wrap .customer-inner-boxes {
}

.customer-inner-boxes .customer-inner-slider {
}

.customer-inner-slider .slick-arrow {
    top: -100px
}

.customer-inner-slider .slick-prev {
    right: 100px;
    left: inherit
}

.customer-inner-slider .slick-prev:before {
    content: '\f104';
    font-family: 'font awesome 6 pro';
    font-size: 50px;
    color: #fff
}

.customer-inner-slider .slick-next {
    right: 25px
}

.customer-inner-slider .slick-next:before {
    content: '\f105';
    font-family: 'font awesome 6 pro';
    font-size: 50px;
    color: #fff
}

.customer-inner-slider .customer-inner-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 20px 20px 20px 0;
    min-height: 350px;
    max-height: 350px;
    box-shadow: 0 5px 8px -2px #b2b2b2
}

.customer-inner-item.slick-current .customer-item-content {
}

.customer-inner-item.slick-current .customer-item-content .cutomer-item-designation {
}

.customer-inner-item .customer-item-content {
    text-align: center
}

.customer-item-content h3,
.customer-item-content h4{
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 20px
}

.customer-item-content p {
    font-family: visbycf-medium;
    color: #77808b;
    font-size: 18px;
    line-height: 26px;
    padding: 0 5px 0 0;
    margin: 0 0 20px;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.customer-item-content p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #1b1f2e
}

.customer-item-content p::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background-color: #1b1f2e
}

.customer-item-content p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e1abcf;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.customer-item-content .cutomer-item-designation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.cutomer-item-designation img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 20px 0 0
}

.cutomer-item-designation .customer-designation-content {
}

.customer-designation-content h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0
}

.testi-customer-wrap .industry-inner-wrap {
    padding: 30px 0
}

.industry-inner-wrap .industry-inner-head {
    margin: 0 0 30px
}

.industry-inner-head .industry-head-content {
    width: 90%;
    margin: 0 0 0 auto
}

.industry-head-content h2,.industry-head-content h4 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.industry-head-content p {
    font-family: visbycf-regular;
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    display: block;
    margin: 0
}

.industry-inner-head .industry-head-img {
}

.industry-head-img img {
    width: 75%;
    transform: rotateY(180deg)
}

.industry-inner-wrap .industry-inner-boxes {
}

.industry-inner-boxes .industry-boxes-item {
    text-align: center;
    margin: 0 0 40px
}

.industry-boxes-item .industry-item-img {
    background: #fff;
    display: block;
    border-radius: 20px;
    width: 175px;
    height: 175px;
    line-height: 175px;
    margin: 0 auto 20px;
    text-align: center;
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

.industry-item-img img {
    width: 120px
}

.industry-boxes-item a {
    transition: all .3s ease-in-out
}

.industry-boxes-item a h4 {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    margin: 0;
    transition: all .3s ease-in-out
}

.industry-boxes-item a:hover h4 {
    transform: translateY(-10px);
    color: #93cbcd
}

section.our-process-wrap {
    padding: 20px 0 100px;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.our-process-wrap .container-fluid {
    padding: 0 0 0 120px
}

.our-process-wrap .our-process-head {
    text-align: center;
    margin: 0 0 40px
}

.our-process-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 90px;
    line-height: 98px;
    margin: 0 0 0
}

.our-process-wrap .process-tab-list {
    border-left: 3px solid #7f8188;
    padding: 40px 20px
}

.process-tab-list ul.nav-pills {
    display: inline-grid;
    padding: 0 0 0 20px;
    width: 100%
}

.process-tab-list ul.nav-pills li.nav-item {
    list-style: decimal;
    margin: 0 0 40px
}

.process-tab-list ul.nav-pills li.nav-item::marker {
    color: #fff;
    font-size: 20px
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link {
    background: inherit;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    text-transform: capitalize;
    padding: 0;
    position: relative;
    text-align: left;
    padding: 0 0 15px;
    transition: all .2s ease-in-out
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: all .2s ease-in-out
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link.active::after {
    opacity: 1
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link:hover::after {
    opacity: 1
}

.our-process-wrap .process-tab-content {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 40px;
    border-radius: 40px 0 0 40px
}

.process-tab-content .tab-content {
}

.process-tab-content .tab-content .tab-pane {
}

.process-tab-content .tab-content .tab-pane.active {
}

.process-tab-content .tab-content .tab-pane .process-tab-inner {
    display: flex;
    align-items: center
}

.process-tab-inner .process-tab-inner-img {
    width: 50%;
    margin: 0 40px 0 0
}

.process-tab-inner-img img {
    width: 100%
}

.process-tab-inner .process-tab-inner-content {
    width: 100%
}

.process-tab-inner-content h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.process-tab-inner-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.process-tab-inner-content button.popup-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px 20px;
    width: 175px;
    font-size: 18px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 30px 10px 0 0;
    transition: all.3s ease-in-out
}

.process-tab-inner-content button.popup-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

section.latest-work-wrap {
    background: #fff;
    padding: 100px 0
}

.latest-work-wrap .latest-work-head {
    margin: 0 0 50px;
    text-align: center
}

.latest-work-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.latest-work-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-work-head h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.latest-work-head h4 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-work-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.latest-work-wrap .latest-work-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 20px;
    margin: 0 0 30px
}

.latest-work-item .latest-work-img a {
    border: 5px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 0;
    position: relative;
    transition: all .3 ease-in-out;
    cursor: pointer;
    display: block
}

.latest-work-item .latest-work-img a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b1f2e;
    opacity: 0;
    transform: scale(.1);
    transition: all .3s ease-in-out;
    z-index: 1
}

.latest-work-item .latest-work-img a:hover img {
    transform: scale(.9)
}

.latest-work-item .latest-work-img a:hover::before {
    transform: scale(1);
    opacity: .5
}

.latest-work-item .latest-work-img img {
    width: 100%;
    transition: all .3s ease-in-out;
    min-height: 350px;
    max-height: 350px
}

section.why-choose-wrap {
    padding: 50px 0;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.why-choose-wrap .why-choose-inner {
}

.why-choose-inner .why-choose-head {
    margin: 0 0 20px
}

.why-choose-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 42px;
    line-height: 48px;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    text-transform: uppercase
}

.why-choose-head h2 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px
}

.why-choose-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0
}

.why-choose-head p a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.why-choose-inner .why-choose-content {
}

.why-choose-content .choose-content-item {
    margin: 0 0 20px;
    width: 90%
}

.choose-content-item h3 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 10px
}

.choose-content-item p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.choose-content-item ul {
    padding: 0 0 0 20px
}

.choose-content-item ul li {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 10px;
    list-style: disc;
    text-align: left
}

.why-choose-inner ul.why-choose-counter {
    display: flex;
    align-items: center
}

ul.why-choose-counter li {
    margin: 0 50px 0 0
}

ul.why-choose-counter li h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0
}

ul.why-choose-counter li h4 span {
}

ul.why-choose-counter li p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase
}

.why-choose-wrap .why-choose-img {
}

.why-choose-img img {
    width: 100%;
    animation: bounce2 2s ease infinite
}

@keyframes bounce2 {
    0%,20%,50%,80%,100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-50px)
    }

    60% {
        transform: translateY(-25px)
    }
}

section.cta-brand-wrap2 {
    background: #fff;
    padding: 50px 0
}

.cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid transparent;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #1b1f2e;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-wrap2 .cta-brand-buttons button.popup-btn:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid transparent;
    color: #fff
}

.cta-brand-wrap2 .cta-brand-img img {
    width: 75%
}

section.faqs-sec-wrap {
    padding: 50px 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.faqs-sec-wrap .faqs-sec-head {
    margin: 0 0 40px;
    text-align: center
}

.faqs-sec-head h2,
.faqs-sec-head h4{
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 0
}

.faqs-sec-wrap .faqs-sec-item {
    margin: 0 0 20px;
    border-radius: 0;
    border: none;
    background: inherit
}

.faqs-sec-item .accordion {
}

.faqs-sec-item .accordion .accordion-item {
    margin: 0 0 20px;
    border-radius: 0;
    border: none;
    background: 0 0
}

.faqs-sec-item .accordion .accordion-item .accordion-header {
}

.faqs-sec-item .accordion-item .accordion-header button.accordion-button {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    color: #fff;
    box-shadow: none;
    border-bottom: 3px solid #7f8188;
    border-radius: 0;
    padding: 20px 20px 20px 60px;
    display: flex;
    align-items: center;
    font-family: visbycf-medium;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: .5px;
    text-transform: capitalize!important
}

.faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
    content: '\2b';
    font-family: 'font awesome 6 pro';
    position: absolute;
    left: 0;
    background: 0 0;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 38px;
    font-weight: 400;
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: '\f068';
    font-family: 'font awesome 6 pro';
    color: #fff;
    transform: rotate(180deg);
    font-size: 24px;
    line-height: 34px
}

.faqs-sec-item .accordion-item .accordion-collapse {
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    margin: 10px 0 0;
    padding: 20px;
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    border-radius: 20px
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body ul {
    padding: 0 0 0 30px
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body ul li {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 16px;
    line-height: 24px;
    list-style: disc
}

section.contact-request-wrap {
    padding: 50px 0;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.contact-request-wrap .contact-request-content {
    width: 75%;
    margin: 0 auto
}

.contact-request-content h2,.contact-request-content h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.contact-request-content p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 20px
}

.contact-request-wrap .contact-request-form {
    width: 75%
}

.contact-request-form .form-group {
    margin: 0 0 20px;
    text-align: center
}

.contact-request-form .form-group input {
    background: 0 0;
    color: #1b1f2e;
    font-weight: 600;
    border: 2px solid #1b1f2e;
    width: 100%;
    outline: none;
    height: 50px;
    border-radius: 50px;
    padding: 10px 20px
}

.contact-request-form .form-group input::placeholder {
    font-weight: 500;
    color: #1b1f2e
}

.contact-request-form .form-group textarea {
    background: 0 0;
    border: 2px solid #1b1f2e;
    width: 100%;
    outline: none;
    resize: none;
    height: 150px;
    border-radius: 40px;
    padding: 10px 20px
}

.contact-request-form .form-group textarea::placeholder {
    color: #1b1f2e;
    font-weight: 500
}

.contact-request-form .form-group button.submit-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px 20px;
    width: 175px;
    font-size: 18px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.contact-request-form .form-group button.submit-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-group input[type=number] {
    -moz-appearance: textfield
}

section.service-banner-wrap {
    padding: 150px 0 200px
}

section.our-partner-wrap {
    margin: -140px 0 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.our-partner-wrap .our-partner-inner {
    background: #f4f4f4;
    border-radius: 50px;
    padding: 20px;
    box-shadow: 0 5px 15px -3px #b2b2b2;
    margin: 0 0 20px
}

.our-partner-inner .our-partner-head {
    text-align: center;
    width: 100%;
    margin: 0 auto 10px
}

.our-partner-inner .our-partner-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.our-partner-inner .our-partner-brands {
}

.our-partner-brands .our-partner-slider {
    margin: 0 30px
}

.our-partner-brands .our-partner-slider .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: none;
    position: relative;
    z-index: 99
}

.our-partner-brands .our-partner-slider .slick-prev {
    left: -30px;
    top: 35%;
    position: absolute
}

.our-partner-brands .our-partner-slider .slick-prev::before {
    content: '\f104';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #000
}

.our-partner-brands .our-partner-slider .slick-next {
    position: absolute;
    right: -15px;
    top: 35%
}

.our-partner-brands .our-partner-slider .slick-next::before {
    content: '\f105';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #000
}

.our-partner-brands .our-partner-slider .our-partner-img.slick-slide {
    min-height: inherit
}

.our-partner-brands .our-partner-slider .our-partner-img img {
    margin: 0 auto
}

section.customn-web-wrap {
    padding: 125px 0 100px;
    background: #f4f4f4
}

.customn-web-wrap .custom-web-content {
}

.custom-web-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 30px
}

.custom-web-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 10px;
    min-height: 350px;
    max-height: 350px;
    overflow-y: auto;
    padding: 0 10px 0 0
}

.custom-web-content p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.custom-web-content p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.custom-web-content p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.custom-web-content p a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.custom-web-content a.more-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 175px;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0 0 0;
    transition: all.3s ease-in-out;
    text-align: center
}

.custom-web-content a.more-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    transform: scale(1.1)
}

.customn-web-wrap .custom-web-boxes {
}

.custom-web-boxes .custom-boxes-items {
}

.custom-web-boxes .custom-boxes-items1 {
    margin: 200px 0 0
}

.custom-web-boxes .custom-boxes-items2 {
}

.custom-boxes-items .custom-boxes-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 50px 30px;
    margin: 0 0 40px;
    position: relative;
    transition: all .3s ease-in-out
}

.custom-boxes-items .custom-boxes-item.custom-box-pink {
    background: #e1abcf
}

.custom-boxes-items .custom-boxes-item:hover {
    transform: translateY(-15px)
}

.custom-boxes-item img {
    width: 60px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 3px solid #fff;
    filter: brightness(0) invert(1)
}

.custom-boxes-item.custom-box-pink img {
    filter: brightness(1) invert(0);
    border-bottom: 3px solid #1b1f2e
}

.custom-boxes-item h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    line-height: 34px;
    margin: 0 0 15px
}

.custom-boxes-item.custom-box-pink h3 {
    color: #1b1f2e
}

.custom-boxes-item p {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin: 0 0 10px
}

.custom-boxes-item.custom-box-pink p {
    color: #1b1f2e
}

section.design-service-wrap {
    background: linear-gradient(0deg,rgba(25,28,42,1) 0%,rgba(25,28,42,1) 100%);
    padding: 50px 0 200px
}

.design-service-wrap .design-service-head {
    margin: 0 0 100px
}

.design-service-head .design-servhead-img {
    margin: -250px 0 0
}

.design-service-head .design-servhead-img img {
    animation: rotateY-anim 5s linear infinite
}

@keyframes rotateY-anim {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

.design-service-head .design-servhead-content {
    width: 100%
}

.design-service-head .design-servhead-content h2 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.design-service-head .design-servhead-content p {
    font-family: visbycf-regular;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 10px
}

.design-service-wrap .design-service-boxes {
}

.design-service-boxes .design-boxes-item {
    background: #e1abcf;
    border-radius: 40px;
    margin: 0 0 150px;
    text-align: center;
    padding: 20px;
    transition: all .3s ease-in-out
}

.design-service-boxes .design-boxes-item:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    animation: crescendo .9s alternate infinite ease-in
}

@keyframes crescendo {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.9)
    }
}

.design-boxes-item img {
    width: 150px;
    height: 150px;
    margin: -100px 0 20px
}

.design-service-boxes .design-boxes-item:hover img {
    color: #fff;
    animation: animName 20s linear infinite
}

@keyframes animName {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.design-boxes-item h3,
.design-boxes-item h4{
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.design-boxes-item h4 a{
    color: #1b1f2e;
}

.design-service-boxes .design-boxes-item:hover h3 {
    color: #fff
}

.design-boxes-item h4 {
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.design-service-boxes .design-boxes-item:hover h4 {
    color: #fff
}

.design-service-boxes .design-boxes-item:hover h4 a{
    color: #fff
}

.design-boxes-item p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    transition: all .3s ease-in-out;
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto
}

.design-boxes-item p a {
    color: #1b1f2e;
    font-weight: 600;
    text-decoration: underline
}

.design-boxes-item p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.design-boxes-item p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.design-boxes-item p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.design-service-boxes .design-boxes-item:hover p {
    color: #fff
}

section.estimation-project-wrap {
    background: #fff;
    padding: 50px 0
}

.estimation-project-wrap .estimation-project-top {
    margin: -325px 0 0
}

.estimation-project-top img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

@keyframes bounce-3 {
    0% {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-20px)
    }
}

.estimation-project-wrap .estimation-project-head {
    margin: 0 auto 40px;
    text-align: center;
    width: 75%
}

.estimation-project-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.estimation-project-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.estimation-project-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.estimation-project-wrap .estimation-project-inner {
}

.estimation-project-inner .estimation-project-headings {
}

.estimation-project-headings ul {
    padding: 0 0 0 20px
}

.estimation-project-headings ul li {
    position: relative;
    padding: 0 0 0 40px;
    min-height: 150px;
    max-height: 150px
}

.estimation-project-headings ul li:last-child {
    min-height: inherit;
    max-height: inherit
}

.estimation-project-headings ul li::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    background: #e1abcf;
    height: 25px;
    width: 25px;
    border-radius: 100%
}

.estimation-project-headings ul li::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 2px;
    background: #e1abcf;
    height: 100%;
    width: 3px;
    border-radius: 0
}

.estimation-project-headings ul li:last-child::after {
    display: none
}

.estimation-project-headings ul li h3,
.estimation-project-headings ul li h4{
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px
}

.estimation-project-headings ul li h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px
}
.estimation-project-headings ul li h5 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px
}

.estimation-project-inner .estimation-project-content {
    width: 95%
}

.estimation-project-content ul {
    padding: 0 0 0 20px
}

.estimation-project-content ul li {
    list-style: disc;
    min-height: 150px;
    max-height: 150px
}

.estimation-project-content ul li::marker {
    color: #1b1f2e;
    font-size: 20px
}

.estimation-project-content ul li p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0 10px 0 0;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.estimation-project-content ul li i,.faqs-sec-item .accordion-item .accordion-collapse .accordion-body i {
    font-size: 12px
}

.estimation-project-content ul li p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.estimation-project-content ul li p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.estimation-project-content ul li p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

section.keyword-research-wrap {
    padding: 50px 0;
    background: #ffff
}

.keyword-research-wrap .keyword-research-head {
    margin: 0 0 50px;
    text-align: center
}

.keyword-research-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.keyword-research-wrap .keyword-tab-list {
}

.keyword-tab-list ul.nav-pills {
    display: inline-grid;
    margin: 0 20px;
    width: 100%
}

.keyword-tab-list ul.nav-pills li.nav-item {
    margin: 0 0 15px
}

.keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    transition: all.3s ease-in-out;
    width: 100%;
    border-radius: 5px;
    padding: 10px 20px;
    background: #f4f4f4;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    border-left: 5px solid #1b1f2e
}

.keyword-tab-list ul.nav-pills li.nav-item button.nav-link.active,.keyword-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.keyword-research-wrap .keyword-tab-content {
}

.keyword-tab-content .keyword-tab-inner {
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
    padding: 20px
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.keyword-tab-content .keyword-tab-inner h3,
.keyword-tab-content .keyword-tab-inner h4{
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

font-face {
    font-family: glamore;
    src: url(../fonts/Glamore.otf)
}

@font-face {
    font-family: visbycf-bold;
    src: url(../fonts/VisbyCF-Bold.otf);
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: visbycf-heavy;
    src: url(../fonts/VisbyCF-Heavy.otf);
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: visbycf-extra;
    src: url(../fonts/VisbyCF-ExtraBold.otf);
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: visbycf-demibold;
    src: url(../fonts/VisbyCF-DemiBold.otf);
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: visbycf-medium;
    src: url(../fonts/VisbyCF-Medium.otf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: visbycf-regular;
    src: url(../fonts/VisbyCF-Regular.otf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: visbycf-light;
    src: url(../fonts/VisbyCF-Light.otf);
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: visbycf-thin;
    src: url(../fonts/VisbyCF-Thin.otf);
    font-weight: 100;
    font-style: normal
}

a,p,ul {
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none
}

a:hover {
    color: inherit
}

.container-fluid {
    padding: 0 120px
}

body {
    overflow-x: hidden
}

main {
    overflow: hidden
}

a,button,input,textarea:focus {
    outline: none;
    box-shadow: none
}

header {
    position: absolute;
    width: 100%;
    z-index: 9;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    box-shadow: 0 5px 10px -3px #8cc1c4
}

header.sticky {
    position: fixed;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

header nav.navbar {
    padding: 20px 0
}

header.sticky nav.navbar {
    padding: 10px 0
}

header nav a.navbar-brand {
    width: 150px;
    padding: 0
}

header.sticky nav a.navbar-brand {
    width: 120px
}

header nav a.navbar-brand img {
    width: 100%
}

header nav button.navbar-toggler {
    color: #fff;
    font-size: 18px;
    font-family: visbycf-demibold;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 20px
}

header nav button.navbar-toggler i {
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 18px
}

header nav .navbar-collapse {
    justify-content: space-between
}

header nav .navbar-collapse ul.navbar-nav {
    width: 100%;
    justify-content: center
}

header nav .navbar-collapse ul.navbar-nav li.nav-item {
    padding: 25px 10px;
    position: inherit
}

header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
    color: #fff;
    font-size: 16px;
    font-family: visbycf-regular;
    text-transform: capitalize;
    padding: 0;
    transition: all .3s ease-in-out
}

header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #93cbcd
}

nav ul.navbar-nav li.nav-item.dropdown {
}

nav ul.navbar-nav li.nav-item.dropdown a.nav-link.dropdown-toggle {
}

nav ul.navbar-nav li.nav-item.dropdown a.nav-link.dropdown-toggle::after {
    content: '\2b';
    font-family: 'font awesome 6 pro';
    background: 0 0;
    border: none;
    vertical-align: inherit;
    #staticBackdrop.modal-contentcolor:#93cbcd;font-size: 16px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    transform: rotate(90deg)
}

nav ul.navbar-nav li.nav-item.dropdown:hover a.nav-link.dropdown-toggle::after {
    content: '\f068';
    transform: rotate(0deg)
}

nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    background: #fff;
    left: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    top: 95px;
    padding: 20px 50px;
    display: none
}

header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    top: 77px
}

nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
    display: flex
}

nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
    display: flex
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
    border-right: 2px solid #b2b2b2;
    padding: 0 20px;
    width: 100%
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:last-child {
    border-right: none
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #b2b2b2;
    margin: 0 0 5px;
    padding: 0 0 10px;
    font-family: visbycf-bold;
    font-size: 18px
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
    width: 50px;
    margin: 0 10px 0 0
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    padding: 10px;
    font-family: visbycf-medium;
    font-size: 16px;
    color: #1b1f2e;
    transition: all .3s ease-in-out
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item:hover {
    background: #f4f4f4;
    transform: translateX(-5px)
}

nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item i {
    font-size: 16px;
    font-weight: 600;
    margin: 0 5px 0 0
}

header nav .navbar-collapse .navbar-buttons {
    width: 40%;
    display: flex;
    align-items: center
}

header nav .navbar-collapse .navbar-buttons a.call-btn {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 10px 15px;
    border-radius: 50px;
    line-height: 40px;
    height: 60px;
    margin: 0 10px 0 0;
    color: #fff;
    font-family: visbycf-demibold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    animation: crescendo 1.5s alternate infinite ease-in
}

header nav .navbar-collapse .navbar-buttons a.call-btn:hover {
    background: linear-gradient(180deg,rgba(255,254,254,1) 0%,rgba(255,255,255,1) 50%,rgba(255,254,254,1) 100%);
    color: #1b1f2e
}

header nav .navbar-collapse .navbar-buttons a.call-btn i {
    font-size: 30px;
    margin: 0 5px 0 0;
    color: #1b1f2e
}

header nav .navbar-collapse .navbar-buttons button.chat-btn {
    background: linear-gradient(180deg,rgba(255,254,254,1) 0%,rgba(255,255,255,1) 50%,rgba(255,254,254,1) 100%);
    padding: 10px 15px;
    border-radius: 50px;
    line-height: 40px;
    height: 60px;
    color: #1b1f2e;
    font-family: visbycf-demibold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    animation: crescendo 1.5s alternate infinite ease-in
}

header nav .navbar-collapse .navbar-buttons button.chat-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

header nav .navbar-collapse .navbar-buttons button.chat-btn img {
    width: 40px;
    margin: 0 5px 0 0
}

@keyframes crescendo {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

section.banner-main-wrap {
    background: linear-gradient(0deg,rgba(25,28,42,1) 0%,rgba(25,28,42,1) 100%);
    padding: 150px 0 100px;
    position: relative
}

.banner-main-wrap .banner-main-inner {
}

.banner-main-inner .banner-main-content {
}

.banner-main-content h1 {
    font-family: glamore;
    color: #fffefe;
    font-size: 62px;
    line-height: 68px;
    font-weight: 500;
    margin: 0 0 20px;
    text-transform: capitalize
}

.banner-main-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.banner-main-content h4 {
    font-family: glamore;
    color: #fffefe;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    margin: 50px 0 10px;
    display: flex;
    text-transform: uppercase
}

.banner-main-content h4 img {
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px
}

.banner-main-content span {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px;
    display: block
}

.banner-main-content .banner-main-btns {
    margin: 40px 0 20px
}

.banner-main-content .banner-main-btns button.popup-btn {
    font-family: visbycf-demibold;
    background: #fff;
    border: 2px solid #fff;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #1b1f2e;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.banner-main-content .banner-main-btns button.popup-btn:hover {
    background: 0 0;
    color: #fff
}

.banner-main-content .banner-main-btns button.chat-btn {
    font-family: visbycf-demibold;
    background: 0 0;
    border: 2px solid #fff;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    border-radius: 50px;
    color: #fff;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.banner-main-content .banner-main-btns button.chat-btn:hover {
    background: #fff;
    color: #1b1f2e
}

.banner-main-inner .banner-content-img {
}

.banner-main-inner .banner-content-img img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

@keyframes swing {
    0% {
        transform: rotate(3deg)
    }

    100% {
        transform: rotate(-3deg)
    }
}

section.counter-main-wrap {
    padding: 20px 0;
    border-bottom: 3px solid #f0f0f0
}

.counter-main-wrap .counter-main-inner {
}

.counter-main-inner .counter-inner-box {
    border-right: 3px solid #f0f0f0;
    padding: 0 20px;
    text-align: center
}

.counter-inner-box.last {
    border-right: 0
}

.counter-inner-box h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0
}

.counter-inner-box h2 span {
}

.counter-inner-box p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 22px
}

section.solution-sec-wrap {
    background: #fff;
    padding: 50px 0
}

.solution-sec-wrap .solution-sec-inner {
}

.solution-sec-inner .solution-sec-content {
}

.solution-sec-content span {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 58px;
    line-height: 70px;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solution-sec-content span img {
    margin: 0 0 0 15px;
    width: 70px;
    transform: rotate(36deg);
    transition: all .3s ease-in-out;
    animation: scale1 .3s alternate infinite ease-in
}

@keyframes scale1 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.solution-sec-content h2 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px
}

.solution-sec-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.solution-sec-content a.more-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid #fff;
    padding: 5px 20px;
    font-size: 18px;
    width: 275px;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0 0 0;
    transition: all.3s ease-in-out;
    text-align: center
}

.solution-sec-content a.more-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    transform: scale(1.1)
}

.solution-sec-inner .solution-boxes-inner {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 20px;
    border-radius: 40px
}

.solution-boxes-inner .solution-select-box {
    margin: 20px
}

.solution-select-box a {
    background: #fff;
    border-radius: 40px;
    padding: 35px 45px;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    min-height: 220px;
    max-height: 220px
}

.solution-select-box a.active,.solution-select-box a:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.solution-select-box a img {
    width: 60px;
    margin: 0 0 15px;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 3px solid #1b1f2e
}

.solution-select-box a.active img,.solution-select-box a:hover img {
    filter: brightness(0) invert(1)
}

.solution-select-box a h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 15px
}

.solution-select-box a.active h3,.solution-select-box a:hover h3 {
    color: #fff
}

.solution-select-box a .arrow-img {
    position: absolute;
    bottom: 5px;
    right: 15px;
    border-bottom: none;
    width: 50px;
    margin: 0;
    padding: 0
}

.solution-select-box a.active .arrow-img,.solution-select-box a:hover .arrow-img {
    filter: brightness(0) invert(1)
}

.award-inner-wrap {
    padding: 30px;
    margin: 50px 0 0;
    border-radius: 40px;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.award-inner-wrap .award-inner-content {
    display: flex;
    align-items: center
}

.award-inner-content img {
    width: 100px;
    margin: 0 10px 0 0;
    transform: rotate(-27deg)
}

.award-inner-content h3 {
    font-family: glamore;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 0
}

.award-inner-wrap .award-inner-slides {
    margin: 0 20px 0 50px
}

.award-inner-slides .award-inner-slider {
}

.award-inner-slider .slick-arrow {
    top: 45%
}

.award-inner-slider .slick-prev:before {
    content: '\f104';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #fff
}

.award-inner-slider .slick-next:before {
    content: '\f105';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #fff;
    right: 10px
}

.award-inner-slider .award-inner-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 30px;
    margin: 0 20px;
    text-align: center
}

.award-inner-box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin: 0 auto
}

section.cta-brand-wrap {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 50px 0
}

.cta-brand-wrap .cta-brand-content {
}

.cta-brand-content h2,.cta-brand-content h4,
 .cta-brand-content h3{
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.cta-brand-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.cta-brand-content .cta-brand-buttons {
    margin: 20px 0 0
}

.cta-brand-buttons button.popup-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-buttons button.popup-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

.cta-brand-buttons button.chat-btn {
    font-family: visbycf-demibold;
    background: 0 0;
    border: 2px solid #1b1f2e;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    border-radius: 50px;
    color: #1b1f2e;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-buttons button.chat-btn:hover {
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    color: #fff
}

.cta-brand-wrap .cta-brand-img {
    text-align: center
}

.cta-brand-img img {
    width: 75%;
    animation: float 2s both infinite alternate;
    transform: skewY(2deg)
}

@keyframes float {
    100% {
        transform: skewY(5deg) translateY(-0.3rem)
    }
}

section.testi-customer-wrap {
    padding: 50px 0 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.testi-customer-wrap .customer-inner-wrap {
    padding: 30px 0
}

.customer-inner-wrap .customer-inner-head {
    margin: 0 0 50px
}

.customer-inner-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 0
}

.customer-inner-wrap .customer-inner-boxes {
}

.customer-inner-boxes .customer-inner-slider {
}

.customer-inner-slider .slick-arrow {
    top: -100px
}

.customer-inner-slider .slick-prev {
    right: 100px;
    left: inherit
}

.customer-inner-slider .slick-prev:before {
    content: '\f104';
    font-family: 'font awesome 6 pro';
    font-size: 50px;
    color: #fff
}

.customer-inner-slider .slick-next {
    right: 25px
}

.customer-inner-slider .slick-next:before {
    content: '\f105';
    font-family: 'font awesome 6 pro';
    font-size: 50px;
    color: #fff
}

.customer-inner-slider .customer-inner-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 20px 20px 20px 0;
    min-height: 350px;
    max-height: 350px;
    box-shadow: 0 5px 8px -2px #b2b2b2
}

.customer-inner-item.slick-current .customer-item-content {
}

.customer-inner-item.slick-current .customer-item-content .cutomer-item-designation {
}

.customer-inner-item .customer-item-content {
    text-align: center
}

.customer-item-content h3 {
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 20px
}

.customer-item-content p {
    font-family: visbycf-medium;
    color: #77808b;
    font-size: 18px;
    line-height: 26px;
    padding: 0 5px 0 0;
    margin: 0 0 20px;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.customer-item-content p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #1b1f2e
}

.customer-item-content p::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background-color: #1b1f2e
}

.customer-item-content p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e1abcf;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.customer-item-content .cutomer-item-designation {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.cutomer-item-designation img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 20px 0 0
}

.cutomer-item-designation .customer-designation-content {
}

.customer-designation-content h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0
}

.testi-customer-wrap .industry-inner-wrap {
    padding: 30px 0
}

.industry-inner-wrap .industry-inner-head {
    margin: 0 0 30px
}

.industry-inner-head .industry-head-content {
    width: 90%;
    margin: 0 0 0 auto
}

.industry-head-content h2,.industry-head-content h4 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.industry-head-content p {
    font-family: visbycf-regular;
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    display: block;
    margin: 0
}

.industry-inner-head .industry-head-img {
}

.industry-head-img img {
    width: 75%;
    transform: rotateY(180deg)
}

.industry-inner-wrap .industry-inner-boxes {
}

.industry-inner-boxes .industry-boxes-item {
    text-align: center;
    margin: 0 0 40px
}

.industry-boxes-item .industry-item-img {
    background: #fff;
    display: block;
    border-radius: 20px;
    width: 175px;
    height: 175px;
    line-height: 175px;
    margin: 0 auto 20px;
    text-align: center;
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

.industry-item-img img {
    width: 120px
}

.industry-boxes-item a {
    transition: all .3s ease-in-out
}

.industry-boxes-item a h4 {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    margin: 0;
    transition: all .3s ease-in-out
}

.industry-boxes-item a:hover h4 {
    transform: translateY(-10px);
    color: #93cbcd
}

section.our-process-wrap {
    padding: 20px 0 100px;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.our-process-wrap .container-fluid {
    padding: 0 0 0 120px
}

.our-process-wrap .our-process-head {
    text-align: center;
    margin: 0 0 40px
}

.our-process-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 90px;
    line-height: 98px;
    margin: 0 0 0
}

.our-process-head h4 {
    font-family: glamore;
    color: #fff;
    font-size: 90px;
    line-height: 98px;
    margin: 0 0 0
}

.our-process-wrap .process-tab-list {
    border-left: 3px solid #7f8188;
    padding: 40px 20px
}

.process-tab-list ul.nav-pills {
    display: inline-grid;
    padding: 0 0 0 20px;
    width: 100%
}

.process-tab-list ul.nav-pills li.nav-item {
    list-style: decimal;
    margin: 0 0 40px
}

.process-tab-list ul.nav-pills li.nav-item::marker {
    color: #fff;
    font-size: 20px
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link {
    background: inherit;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    text-transform: capitalize;
    padding: 0;
    position: relative;
    text-align: left;
    padding: 0 0 15px;
    transition: all .2s ease-in-out
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    left: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    transition: all .2s ease-in-out
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link.active::after {
    opacity: 1
}

.process-tab-list ul.nav-pills li.nav-item button.nav-link:hover::after {
    opacity: 1
}

.our-process-wrap .process-tab-content {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 40px;
    border-radius: 40px 0 0 40px
}

.process-tab-content .tab-content {
}

.process-tab-content .tab-content .tab-pane {
}

.process-tab-content .tab-content .tab-pane.active {
}

.process-tab-content .tab-content .tab-pane .process-tab-inner {
    display: flex;
    align-items: center
}

.process-tab-inner .process-tab-inner-img {
    width: 50%;
    margin: 0 40px 0 0
}

.process-tab-inner-img img {
    width: 100%
}

.process-tab-inner .process-tab-inner-content {
    width: 100%
}

.process-tab-inner-content h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.process-tab-inner-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.process-tab-inner-content button.popup-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px 20px;
    width: 175px;
    font-size: 18px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 30px 10px 0 0;
    transition: all.3s ease-in-out
}

.process-tab-inner-content button.popup-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

section.latest-work-wrap {
    background: #fff;
    padding: 100px 0
}

.latest-work-wrap .latest-work-head {
    margin: 0 0 50px;
    text-align: center
}

.latest-work-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.latest-work-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-work-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.latest-work-wrap .latest-work-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 20px;
    margin: 0 0 30px
}

.latest-work-item .latest-work-img a {
    border: 5px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 0;
    position: relative;
    transition: all .3 ease-in-out;
    cursor: pointer;
    display: block
}

.latest-work-item .latest-work-img a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b1f2e;
    opacity: 0;
    transform: scale(.1);
    transition: all .3s ease-in-out;
    z-index: 1
}

.latest-work-item .latest-work-img a:hover img {
    transform: scale(.9)
}

.latest-work-item .latest-work-img a:hover::before {
    transform: scale(1);
    opacity: .5
}

.latest-work-item .latest-work-img img {
    width: 100%;
    transition: all .3s ease-in-out;
    min-height: 350px;
    max-height: 350px
}

section.why-choose-wrap {
    padding: 50px 0;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.why-choose-wrap .why-choose-inner {
}

.why-choose-inner .why-choose-head {
    margin: 0 0 20px
}

.why-choose-head h2,
.why-choose-head h4{
    font-family: glamore;
    color: #1b1f2e;
    font-size: 42px;
    line-height: 48px;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    text-transform: uppercase
}

.why-choose-head h2 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px
}

.why-choose-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0
}

.why-choose-head p a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.why-choose-inner .why-choose-content {
}

.why-choose-content .choose-content-item {
    margin: 0 0 20px;
    width: 90%
}

.choose-content-item h3,
.choose-content-item h5{
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 10px
}

.choose-content-item p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.choose-content-item ul {
    padding: 0 0 0 20px
}

.choose-content-item ul li {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 10px;
    list-style: disc;
    text-align: left
}

.why-choose-inner ul.why-choose-counter {
    display: flex;
    align-items: center
}

ul.why-choose-counter li {
    margin: 0 50px 0 0
}

ul.why-choose-counter li h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0
}

ul.why-choose-counter li h4 span {
}

ul.why-choose-counter li p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase
}

.why-choose-wrap .why-choose-img {
}

.why-choose-img img {
    width: 100%;
    animation: bounce2 2s ease infinite
}

@keyframes bounce2 {
    0%,20%,50%,80%,100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-50px)
    }

    60% {
        transform: translateY(-25px)
    }
}

section.cta-brand-wrap2 {
    background: #fff;
    padding: 50px 0
}

.cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid transparent;
    padding: 10px;
    width: 175px;
    font-size: 16px;
    height: 50px;
    line-height: 30px;
    color: #1b1f2e;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.cta-brand-wrap2 .cta-brand-buttons button.popup-btn:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid transparent;
    color: #fff
}

.cta-brand-wrap2 .cta-brand-img img {
    width: 75%
}

section.faqs-sec-wrap {
    padding: 50px 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.faqs-sec-wrap .faqs-sec-head {
    margin: 0 0 40px;
    text-align: center
}

.faqs-sec-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 0
}

.faqs-sec-wrap .faqs-sec-item {
    margin: 0 0 20px;
    border-radius: 0;
    border: none;
    background: inherit
}

.faqs-sec-item .accordion {
}

.faqs-sec-item .accordion .accordion-item {
    margin: 0 0 20px;
    border-radius: 0;
    border: none;
    background: 0 0
}

.faqs-sec-item .accordion .accordion-item .accordion-header {
}

.faqs-sec-item .accordion-item .accordion-header button.accordion-button {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    color: #fff;
    box-shadow: none;
    border-bottom: 3px solid #7f8188;
    border-radius: 0;
    padding: 20px 20px 20px 60px;
    display: flex;
    align-items: center;
    font-family: visbycf-medium;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: .5px;
    text-transform: capitalize!important
}

.faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
    content: '\2b';
    font-family: 'font awesome 6 pro';
    position: absolute;
    left: 0;
    background: 0 0;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 38px;
    font-weight: 400;
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: '\f068';
    font-family: 'font awesome 6 pro';
    color: #fff;
    transform: rotate(180deg);
    font-size: 24px;
    line-height: 34px
}

.faqs-sec-item .accordion-item .accordion-collapse {
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    margin: 10px 0 0;
    padding: 20px;
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    border-radius: 20px
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body ul {
    padding: 0 0 0 30px
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body ul li {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 16px;
    line-height: 24px;
    list-style: disc
}

section.contact-request-wrap {
    padding: 50px 0;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.contact-request-wrap .contact-request-content {
    width: 75%;
    margin: 0 auto
}

.contact-request-content h2,
.contact-request-content h4,
.contact-request-content h5{
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.contact-request-content p {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 20px
}

.contact-request-wrap .contact-request-form {
    width: 75%
}

.contact-request-form .form-group {
    margin: 0 0 20px;
    text-align: center
}

.contact-request-form .form-group input {
    background: 0 0;
    color: #1b1f2e;
    font-weight: 600;
    border: 2px solid #1b1f2e;
    width: 100%;
    outline: none;
    height: 50px;
    border-radius: 50px;
    padding: 10px 20px
}

.contact-request-form .form-group input::placeholder {
    font-weight: 500;
    color: #1b1f2e
}

.contact-request-form .form-group textarea {
    background: 0 0;
    border: 2px solid #1b1f2e;
    width: 100%;
    outline: none;
    resize: none;
    height: 150px;
    border-radius: 40px;
    padding: 10px 20px
}

.contact-request-form .form-group textarea::placeholder {
    color: #1b1f2e;
    font-weight: 500
}

.contact-request-form .form-group button.submit-btn {
    font-family: visbycf-demibold;
    background: #1b1f2e;
    border: 2px solid #1b1f2e;
    padding: 10px 20px;
    width: 175px;
    font-size: 18px;
    height: 50px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 10px 0 0;
    transition: all.3s ease-in-out
}

.contact-request-form .form-group button.submit-btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #1b1f2e
}

.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-group input[type=number] {
    -moz-appearance: textfield
}

section.service-banner-wrap {
    padding: 150px 0 200px
}

section.our-partner-wrap {
    margin: -140px 0 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1
}

.our-partner-wrap .our-partner-inner {
    background: #f4f4f4;
    border-radius: 50px;
    padding: 20px;
    box-shadow: 0 5px 15px -3px #b2b2b2;
    margin: 0 0 20px
}

.our-partner-inner .our-partner-head {
    text-align: center;
    width: 100%;
    margin: 0 auto 10px
}

.our-partner-inner .our-partner-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.our-partner-inner .our-partner-brands {
}

.our-partner-brands .our-partner-slider {
    margin: 0 30px
}

.our-partner-brands .our-partner-slider .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: none;
    position: relative;
    z-index: 99
}

.our-partner-brands .our-partner-slider .slick-prev {
    left: -30px;
    top: 35%;
    position: absolute
}

.our-partner-brands .our-partner-slider .slick-prev::before {
    content: '\f104';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #000
}

.our-partner-brands .our-partner-slider .slick-next {
    position: absolute;
    right: -15px;
    top: 35%
}

.our-partner-brands .our-partner-slider .slick-next::before {
    content: '\f105';
    position: absolute;
    font-family: 'font awesome 6 pro';
    font-size: 32px;
    color: #000
}

.our-partner-brands .our-partner-slider .our-partner-img.slick-slide {
    min-height: inherit
}

.our-partner-brands .our-partner-slider .our-partner-img img {
    margin: 0 auto
}

section.customn-web-wrap {
    padding: 125px 0 100px;
    background: #f4f4f4
}

.customn-web-wrap .custom-web-content {
}

.custom-web-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 30px
}

.custom-web-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 10px;
    min-height: 350px;
    max-height: 350px;
    overflow-y: auto;
    padding: 0 10px 0 0
}

.custom-web-content p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.custom-web-content p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.custom-web-content p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.custom-web-content p a {
    color: #1b1f2e;
    text-decoration: underline;
    font-weight: 800
}

.custom-web-content a.more-btn {
    font-family: visbycf-demibold;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 175px;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0 0 0;
    transition: all.3s ease-in-out;
    text-align: center
}

.custom-web-content a.more-btn:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    transform: scale(1.1)
}

.customn-web-wrap .custom-web-boxes {
}

.custom-web-boxes .custom-boxes-items {
}

.custom-web-boxes .custom-boxes-items1 {
    margin: 200px 0 0
}

.custom-web-boxes .custom-boxes-items2 {
}

.custom-boxes-items .custom-boxes-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 50px 30px;
    margin: 0 0 40px;
    position: relative;
    transition: all .3s ease-in-out
}

.custom-boxes-items .custom-boxes-item.custom-box-pink {
    background: #e1abcf
}

.custom-boxes-items .custom-boxes-item:hover {
    transform: translateY(-15px)
}

.custom-boxes-item img {
    width: 60px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 3px solid #fff;
    filter: brightness(0) invert(1)
}

.custom-boxes-item.custom-box-pink img {
    filter: brightness(1) invert(0);
    border-bottom: 3px solid #1b1f2e
}

.custom-boxes-item h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    line-height: 34px;
    margin: 0 0 15px
}

.custom-boxes-item.custom-box-pink h3 {
    color: #1b1f2e
}

.custom-boxes-item p {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin: 0 0 10px
}

.custom-boxes-item.custom-box-pink p {
    color: #1b1f2e
}

section.design-service-wrap {
    background: linear-gradient(0deg,rgba(25,28,42,1) 0%,rgba(25,28,42,1) 100%);
    padding: 50px 0 200px
}

.design-service-wrap .design-service-head {
    margin: 0 0 100px
}

.design-service-head .design-servhead-img {
    margin: -250px 0 0
}

.design-service-head .design-servhead-img img {
    animation: rotateY-anim 5s linear infinite
}

@keyframes rotateY-anim {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

.design-service-head .design-servhead-content {
    width: 100%
}

.design-service-head .design-servhead-content h2 {
    font-family: glamore;
    color: #fff;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.design-service-head .design-servhead-content p {
    font-family: visbycf-regular;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 10px
}

.design-service-wrap .design-service-boxes {
}

.design-service-boxes .design-boxes-item {
    background: #e1abcf;
    border-radius: 40px;
    margin: 0 0 150px;
    text-align: center;
    padding: 20px;
    transition: all .3s ease-in-out
}

.design-service-boxes .design-boxes-item:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    animation: crescendo .9s alternate infinite ease-in
}

@keyframes crescendo {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.9)
    }
}

.design-boxes-item img {
    width: 150px;
    height: 150px;
    margin: -100px 0 20px
}

.design-service-boxes .design-boxes-item:hover img {
    color: #fff;
    animation: animName 20s linear infinite
}

@keyframes animName {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.design-boxes-item h3 {
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.design-service-boxes .design-boxes-item:hover h3 {
    color: #fff
}

.design-boxes-item h4 {
    font-family: glamore;
    font-weight: 600;
    color: #1b1f2e;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.design-service-boxes .design-boxes-item:hover h4 {
    color: #fff
}

.design-boxes-item p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    transition: all .3s ease-in-out;
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto
}

.design-boxes-item p a {
    color: #1b1f2e;
    font-weight: 600;
    text-decoration: underline
}

.design-boxes-item p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.design-boxes-item p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.design-boxes-item p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.design-service-boxes .design-boxes-item:hover p {
    color: #fff
}

section.estimation-project-wrap {
    background: #fff;
    padding: 50px 0
}

.estimation-project-wrap .estimation-project-top {
    margin: -325px 0 0
}

.estimation-project-top img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

@keyframes bounce-3 {
    0% {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-20px)
    }
}

.estimation-project-wrap .estimation-project-head {
    margin: 0 auto 40px;
    text-align: center;
    width: 75%
}

.estimation-project-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.estimation-project-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}
.estimation-project-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.estimation-project-wrap .estimation-project-inner {
}

.estimation-project-inner .estimation-project-headings {
}

.estimation-project-headings ul {
    padding: 0 0 0 20px
}

.estimation-project-headings ul li {
    position: relative;
    padding: 0 0 0 40px;
    min-height: 150px;
    max-height: 150px
}

.estimation-project-headings ul li:last-child {
    min-height: inherit;
    max-height: inherit
}

.estimation-project-headings ul li::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    background: #e1abcf;
    height: 25px;
    width: 25px;
    border-radius: 100%
}

.estimation-project-headings ul li::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 2px;
    background: #e1abcf;
    height: 100%;
    width: 3px;
    border-radius: 0
}

.estimation-project-headings ul li:last-child::after {
    display: none
}

.estimation-project-headings ul li h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px
}

.estimation-project-headings ul li h5 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px
}

.estimation-project-inner .estimation-project-content {
    width: 95%
}

.estimation-project-content ul {
    padding: 0 0 0 20px
}

.estimation-project-content ul li {
    list-style: disc;
    min-height: 150px;
    max-height: 150px
}

.estimation-project-content ul li::marker {
    color: #1b1f2e;
    font-size: 20px
}

.estimation-project-content ul li p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0 10px 0 0;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.estimation-project-content ul li i,.faqs-sec-item .accordion-item .accordion-collapse .accordion-body i {
    font-size: 12px
}

.estimation-project-content ul li p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.estimation-project-content ul li p::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.estimation-project-content ul li p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

section.keyword-research-wrap {
    padding: 50px 0;
    background: #ffff
}

.keyword-research-wrap .keyword-research-head {
    margin: 0 0 50px;
    text-align: center
}

.keyword-research-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.keyword-research-wrap .keyword-tab-list {
}

.keyword-tab-list ul.nav-pills {
    display: inline-grid;
    margin: 0 20px;
    width: 100%
}

.keyword-tab-list ul.nav-pills li.nav-item {
    margin: 0 0 15px
}

.keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    transition: all.3s ease-in-out;
    width: 100%;
    border-radius: 5px;
    padding: 10px 20px;
    background: #f4f4f4;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    border-left: 5px solid #1b1f2e
}

.keyword-tab-list ul.nav-pills li.nav-item button.nav-link.active,.keyword-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.keyword-research-wrap .keyword-tab-content {
}

.keyword-tab-content .keyword-tab-inner {
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
    padding: 20px
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.keyword-tab-content .keyword-tab-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.keyword-tab-content .keyword-tab-inner h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.keyword-tab-content .keyword-tab-inner p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 15px;
    transition: all .3s ease-in-out
}

section.testi-customer-wrap.testi-customer-wrap2 {
    padding: 50px 0;
    background: #f4f4f4
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-head h2 {
    color: #1b1f2e
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-head h4 {
    color: #1b1f2e
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-slider .slick-prev:before {
    color: #1b1f2e
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-slider .slick-next:before {
    color: #1b1f2e
}

section.testi-banner-wrap {
    background-image: url(../images/testimonial-banner-bg.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1
}

.testi-banner-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    opacity: .8;
    z-index: -1
}

.testi-banner-wrap .testi-banner-content {
    text-align: center
}

.testi-banner-content h1 {
    font-family: '';
    color: #fffefe;
    font-size: 66px;
    line-height: 72px;
    font-weight: 600;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.testi-banner-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

.testi-banner-content button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 5px 15px;
    font-size: 20px;
    width: 250px;
    text-align: center;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.testi-banner-content button.popup-btn:hover {
    background: #fff;
    color: #1b1f2e
}

section.testi-happy-wrap {
    background: #f4f4f4;
    padding: 50px 0
}

.testi-happy-wrap .testi-happy-head {
    text-align: center;
    margin: 0 auto 20px;
    width: 75%
}

.testi-happy-head .testihappy-head-images {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px
}

.testi-happy-head .testihappy-head-images img {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    border: 2px solid #1b1f2e;
    margin-right: -12px
}

.testi-happy-head .testihappy-head-images span {
    font-family: visbycf-demibold;
    color: #fff;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    width: 75px;
    height: 75px;
    font-size: 22px;
    line-height: 75px;
    text-align: center;
    border-radius: 100%;
    display: block;
    border: 2px solid #1b1f2e
}

.testi-happy-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.testi-happy-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px
}

.testi-happy-wrap .testi-happy-inner {
}

.testi-happy-inner .testi-happy-tablist {
    margin: 0 0 40px
}

.testi-happy-tablist ul.nav-pills {
    justify-content: center;
    margin: 0 0 20px;
    border-bottom: 1px solid #bfbfbf
}

.testi-happy-tablist ul.nav-pills li.nav-item {
    padding: 0;
    margin: 0
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
    display: grid;
    background: 0 0;
    font-family: visbycf-bold;
    color: #7e7e7e;
    font-size: 20px;
    line-height: 22px;
    padding: 0 10px 20px;
    width: 150px;
    height: 150px;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link.active {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid #1b1f2e
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
    width: 75px;
    margin: 0;
    height: 75px;
    object-fit: contain;
    margin: 0 auto 20px;
    filter: invert(1) brightness(.5)
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link.active img {
    filter: invert(0) brightness(1)
}

.testi-happy-inner .testi-happy-tabcontent {
}

.testi-happy-tabcontent .testi-happy-tabboxes {
}

.testi-happy-tabboxes .testi-happy-tabitem {
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.testi-happy-tabboxes .testi-happy-tabitem:hover {
    transform: scale(1.1)
}

.testi-happy-tabitem ul.testi-happy-ratings {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.testi-happy-tabitem ul.testi-happy-ratings li {
    margin: 0 5px 0 0
}

.testi-happy-tabitem ul.testi-happy-ratings li i {
    color: #93cbcd;
    font-size: 18px
}

.testi-happy-tabitem p {
    font-family: visbycf-medium;
    color: #77808b;
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px 0 0;
    margin: 0 0 20px;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.testi-happy-tabitem p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #1b1f2e
}

.testi-happy-tabitem p::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background-color: #1b1f2e
}

.testi-happy-tabitem p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e1abcf;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.testi-happy-tabitem h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 0
}

section.reputation-web-wrap {
    background: #fff;
    padding: 50px 0
}

.reputation-web-wrap .reputation-web-head {
    margin: 0 0 40px;
    text-align: center
}

.reputation-web-head h2,.reputation-web-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.reputation-web-wrap .reputation-web-box {
    background: #1b1f2e;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    transition: all .3s ease-in-out
}

.reputation-web-wrap .reputation-web-box:hover {
    transform: translateY(-10px)
}

.reputation-web-box img {
    width: 175px;
    height: 125px;
    object-fit: contain;
    margin: 0 auto 20px
}

.reputation-web-box ul.reputaion-web-ratings {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px
}

.reputation-web-box ul.reputaion-web-ratings li {
    margin: 0 5px 0 0
}

.reputation-web-box ul.reputaion-web-ratings li i {
    color: #fff;
    font-size: 18px
}

.reputation-web-box p {
    color: #fff;
    font-family: visbycf-Bold;
    font-size: 42px;
    line-height: 48px;
    margin: 0 0 10px
}

.reputation-web-box p span {
    font-family: visbycf-medium;
    font-size: 16px;
    display: block;
    line-height: 20px
}

section.aboutus-banner-wrap {
    background-image: url(../images/about-banner-bg.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1
}

.aboutus-banner-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    opacity: .8;
    z-index: -1
}

.aboutus-banner-wrap .aboutus-banner-content {
    text-align: center
}

.aboutus-banner-content h1 {
    font-family: '';
    color: #fffefe;
    font-size: 66px;
    line-height: 72px;
    font-weight: 600;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.aboutus-banner-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

.aboutus-banner-content button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 250px;
    text-align: center;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.aboutus-banner-content button.popup-btn:hover {
    background: #fff;
    color: #1b1f2e
}

section.aboutus-info-wrap {
    background-image: url(../images/aboutus-2nd-bg.png);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    padding: 50px 0;
    position: relative;
    z-index: 1
}

.aboutus-info-wrap .aboutus-info-content {
}

.aboutus-info-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.aboutus-info-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.aboutus-info-wrap .aboutus-info-img {
}

.aboutus-info-img img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

section.what-achieved-wrap {
    background: #fff;
    padding: 50px 0
}

.what-achieved-wrap .what-achieved-content {
    text-align: center
}

.what-achieved-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px;
    text-align: center
}

.what-achieved-content h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.what-achieved-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 20px;
    width: 100%
}

.what-achieved-content .what-achieved-content-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0
}

.what-achieved-content .what-achieved-content-img img {
    width: 125px;
    height: 125px;
    object-fit: contain;
    margin: 0 10px
}

section.aboutus-stats-wrap {
    padding: 50px 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.aboutus-stats-wrap .aboutus-stats-head {
    margin: 0 0 50px;
    text-align: center
}

.aboutus-stats-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.aboutus-stats-head p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.aboutus-stats-wrap .aboutus-stats-box {
    background: #fff;
    padding: 50px 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    transition: all .3s ease-in-out;
    min-height: 300px;
    max-height: 300px
}

.aboutus-stats-wrap .aboutus-stats-box:hover {
    transform: translateY(-10px);
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.aboutus-stats-box h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    font-weight: 500;
    margin: 0 0 20px
}

.aboutus-stats-box h4 span {
}

.aboutus-stats-wrap .aboutus-stats-box:hover h4 {
    color: #fff
}

.aboutus-stats-box h3 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 10px
}

.aboutus-stats-wrap .aboutus-stats-box:hover h3 {
    color: #fff
}

.aboutus-stats-wrap .aboutus-stats-box:hover p {
    color: #fff
}

section.contactus-info-wrap {
    padding: 100px 0
}

.contactus-info-wrap .contactus-info-head {
    margin: 0 0 30px;
    text-align: center
}

.contactus-info-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.contactus-info-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}

.contactus-info-wrap .contactus-info-form {
}

.contactus-info-form .form-group {
    margin: 0 0 20px
}

.contactus-info-form .form-group input {
    width: 100%;
    background: #f4f4f4;
    border: 2px solid #eee;
    box-shadow: 0 5px 10px -5px #b2b2b2;
    height: 50px;
    padding: 10px 20px;
    border-radius: 20px
}

.contactus-info-form .form-group textarea {
    width: 100%;
    height: 120px;
    resize: none;
    background: #f4f4f4;
    border: 2px solid #eee;
    box-shadow: 0 5px 10px -5px #b2b2b2;
    padding: 10px 20px;
    border-radius: 20px
}

.contactus-info-form .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 250px;
    text-align: center;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 0 0 20px;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.contactus-info-form .form-group button.submit-btn:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.contactus-info-wrap .contactus-info-inner {
}

.contactus-info-inner ul {
}

.contactus-info-inner ul li {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    border-radius: 40px 10px 10px 40px;
    padding: 20px
}

.contactus-info-inner ul li i {
    border-radius: 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    margin: 0 20px 0 0
}

.contactus-info-inner ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 22px;
    transition: all .3s ease-in-out
}

.contactus-info-inner ul li a:hover {
    text-decoration: underline;
    color: #93cbcd
}

.contactus-info-inner ul li p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 0
}

footer.footer-main-sec {
    background-image: url(../images/footer-pattern.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 50px 0 0;
    position: relative;
    z-index: 1
}

.footer-main-sec::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1b1f2e;
    opacity: .9;
    width: 100%;
    z-index: -1
}

.footer-main-sec .footer-top {
    border-bottom: 2px solid #fff;
    padding: 0 0 50px
}

.footer-top .footer-logo-area {
    margin: 0 0 20px
}

.footer-logo-area a {
    width: 200px;
    display: block;
    margin: 0 0 20px
}

.footer-logo-area a img {
    width: 100%
}

.footer-logo-area p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.footer-logo-area ul.footer-social-icons {
    display: flex;
    align-items: center
}

.footer-logo-area ul.footer-social-icons li {
    margin: 0 5px
}

.footer-logo-area ul.footer-social-icons li a {
    font-family: visbycf-demibold;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    display: block;
    transition: all .3s ease-in-out
}

.footer-logo-area ul.footer-social-icons li a:hover {
    transform: scale(1.1)
}

.footer-logo-area ul.footer-social-icons li a i {
}

.footer-logo-area ul.footer-social-icons li a img{
    filter: invert(1);
    width: 26px;
}

.footer-top .footer-links-area {
    margin: 0 0 20px
}

.footer-links-area h3 {
    font-family: visbycf-bold;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 20px
}

.footer-links-area ul {
}

.footer-links-area ul li {
    margin: 0 0 10px
}

.footer-links-area ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px;
    transition: all .3s ease-in-out;
    display: block
}

.footer-links-area ul li a i {
    color: #93cbcd;
    font-weight: 600;
    font-size: 16px;
    margin: 0 5px 0 0
}

.footer-links-area ul li a:hover {
    transform: translateX(10px);
    color: #93cbcd
}

.footer-top .footer-contact-area {
    margin: 0 0 20px
}

.footer-contact-area h3 {
    font-family: visbycf-bold;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 20px
}

.footer-contact-area ul {
}

.footer-contact-area ul li {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.footer-contact-area ul li i {
    border-radius: 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    margin: 0 10px 0 0
}

.footer-contact-area ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    transition: all .3s ease-in-out
}

.footer-contact-area ul li a:hover {
    text-decoration: underline;
    color: #93cbcd
}

.footer-contact-area ul li p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0
}

.footer-main-sec .footer-btm {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 10px 0
}

.footer-btm a,.footer-content-2 ul li a {
    color: #fff;
    text-decoration: none
}

.footer-btm a:hover,.footer-content-2 ul li a:hover {
    color: #93cbcd;
    text-decoration: none
}

.footer-bottom p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.footer-bottom p a {
    font-family: visbycf-bold;
    color: #93cbcd;
    transition: all .3s ease-in-out
}

.footer-bottom p a:hover {
    text-decoration: underline
}

.bubbles_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none
}

.bubble {
    border-radius: 50%;
    box-shadow: none;
    height: 5px;
    position: absolute;
    width: 5px
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

.x1 {
    -webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 6%;
    top: 45%;
    background: #ffb739
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 5%;
    top: 80%;
    background: #fc4fdd
}

.x3 {
    -webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 10%;
    top: 40%;
    background: #5ed5cb
}

.x4 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 20%;
    top: 0;
    background: #3de4a3
}

.x5 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 30%;
    top: 50%;
    background: #fc4fb1
}

.x6 {
    -webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 50%;
    top: 0;
    background: #2c4aff
}

.x7 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 65%;
    top: 70%;
    background: #ffb739
}

.x8 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 80%;
    top: 10%;
    background: #8f3de4
}

.x9 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 90%;
    top: 50%;
    background: #fff339
}

.x10 {
    -webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 80%;
    top: 80%;
    background: #fc4f4f
}

.modaL_order {
}

#staticBackdrop .modal-content {
    background: url(../images/popup-bg-img2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 100%;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    border: 2px solid #1b1f2e;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

#staticBackdrop .modal-content .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border-radius: 21px;
    box-shadow: none;
    width: 29px;
    height: 29px;
    cursor: pointer;
    opacity: 1;
    z-index: 4
}

#staticBackdrop .modal-content .btn-close i {
    color: #fff;
    font-weight: 600
}

#staticBackdrop .modal-dialog {
    max-width: 500px!important;
    margin: 150px auto 0
}

#staticBackdrop .modal-header {
    padding: 0;
    border-bottom: none
}

#staticBackdrop .modal-body {
    padding: 20px 10px
}

#staticBackdrop .modal-body .modal-body-img {
    display: none
}

#staticBackdrop .modal-body .modal-body-form {
}

.modal-body-form h3 {
    font-family: glamour;
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    margin: 0 0 10px;
    font-weight: 700;
    text-align: center
}

.modal-body-form .popup-form-list {
}

.modal-body-form .popup-form-list .form-group {
    margin: 0 0 10px
}

.modal-body-form .popup-form-list .form-group input {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: 100%;
    border: none;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group textarea {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    height: 90px;
    resize: none;
    border: none;
    width: 100%;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    width: 100%;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.modal-body-form .popup-form-list .form-group button.submit-btn:hover {
    background: #fff;
    color: #1b1f2e
}

@media only screen and (min-width: 1600px) and (max-width:1920px) {
}

@media only screen and (min-width: 1600px) and (max-width:1800px) {
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    header nav .navbar-collapse .navbar-buttons {
        width:50%
    }
}

@media only screen and (min-width: 1400px) and (max-width:1499px) {
    .container-fluid {
        padding:0 75px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-content img {
        width: 70px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 275px;
        max-height: 275px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    a.nav-link.home-padding {
        margin:5px 0 0!important
    }

    .container-fluid {
        padding: 0 50px
    }

    header nav a.navbar-brand {
        width: 120px;
        padding: 0
    }

    header.sticky nav a.navbar-brand {
        width: 100px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 25px 10px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        padding: 20px 15px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 10px;
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 30px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 10px 0
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    .cta-brand-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .cta-brand-img img {
        width: 100%
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 250px;
        max-height: 250px
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    section.service-banner-wrap {
        padding: 150px 0 200px
    }

    section.customn-web-wrap {
        padding: 100px 0
    }

    .custom-boxes-items .custom-boxes-item {
        padding: 25px 20px
    }

    .design-service-head .design-servhead-img {
        margin: -135px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
    }

    .estimation-project-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .container-fluid {
        padding:0 50px
    }

    header nav a.navbar-brand {
        width: 80px;
        padding: 0
    }

    header.sticky nav a.navbar-brand {
        width: 70px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 25px 5px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        padding: 20px 30px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        font-size: 16px;
        line-height: 20px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
        font-size: 14px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn i {
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 20px
    }

    section.banner-main-wrap {
        padding: 150px 0 50px
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 10px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    .banner-main-content .banner-main-btns button.chat-btn {
        margin: 0 10px 10px 0
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
    }

    .solution-sec-content span {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 46px;
        line-height: 54px
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px 10px
    }

    .solution-select-box a h3 {
        font-size: 20px;
        line-height: 24px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-content h2 {
        font-size: 40px;
        line-height: 46px
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .cutomer-item-designation img {
        margin: 0 10px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 20px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 52px;
        line-height: 58px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 28px;
        line-height: 36px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 250px;
        max-height: 250px
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        margin: 0 0 10px
    }

    .why-choose-head h4 {
        font-size: 36px;
        line-height: 44px
    }

    .why-choose-head h4 img {
        width: 100px;
        margin: 0 0 0 10px
    }

    .why-choose-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        margin: 0 0 10px
    }

    .choose-content-item h3 {
        font-size: 26px;
        line-height: 32px
    }

    .why-choose-inner ul.why-choose-counter {
        justify-content: center
    }

    ul.why-choose-counter li {
        margin: 0 20px 0 0;
        width: 100%
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .contact-request-wrap .contact-request-content {
        width: 100%
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    section.service-banner-wrap {
        padding: 150px 0 200px
    }

    section.customn-web-wrap {
        padding: 110px 0 100px
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-boxes-items .custom-boxes-item {
        padding: 25px 20px
    }

    section.design-service-wrap {
    }

    .design-service-head .design-servhead-img {
        margin: -200px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px
    }

    section.estimation-project-wrap {
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%
    }

    .estimation-project-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px;
        min-height: 125px;
        max-height: 125px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 52px;
        line-height: 58px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 75px;
        height: 75px;
        object-fit: contain
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        min-height: 300px;
        max-height: 300px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .container-fluid {
        padding:0 50px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    }

    header nav .navbar-collapse .navbar-buttons {
        justify-content: center;
        width: 100%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h4 {
        justify-content: center
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px 10px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .customer-inner-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .customer-item-content p {
        padding: 0 5px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px
    }

    .industry-head-content span {
        font-size: 34px;
        line-height: 40px;
        margin: 0 0 10px
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 24px;
        line-height: 32px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 100px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 20px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 300px;
        max-height: 300px
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 0
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px
    }

    section.service-banner-wrap {
        padding: 150px 0 175px
    }

    section.our-partner-wrap {
        margin: -100px 0 0
    }

    section.customn-web-wrap {
        padding: 120px 0 50px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    .custom-web-boxes .custom-boxes-items2 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 50px 0
    }

    .design-service-head .design-servhead-img {
        margin: -150px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px
    }

    section.estimation-project-wrap {
        padding: 175px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%
    }

    .estimation-project-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px;
        min-height: 125px;
        max-height: 125px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 100px;
        height: 100px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: 300px;
        max-height: 300px
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 52px;
        line-height: 58px
    }
}

@media only screen and (min-width: 521px) and (max-width:767px) {
    .container-fluid {
        padding:0 20px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    }

    header nav .navbar-collapse .navbar-buttons {
        justify-content: center;
        width: 100%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
    }

    section.banner-main-wrap {
        padding: 120px 0 50px
    }

    .banner-main-wrap .banner-main-inner {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        justify-content: center;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 20px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-wrap .counter-main-inner {
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 20px 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px 10px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-wrap .customer-inner-head {
        margin: 0 0 50px;
        text-align: center
    }

    .customer-inner-head h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 20px
    }

    .customer-inner-wrap .customer-inner-boxes {
    }

    .customer-inner-boxes .customer-inner-slider {
    }

    .customer-inner-slider .slick-arrow {
        top: -35px
    }

    .customer-inner-slider .slick-prev {
        right: inherit;
        left: 0
    }

    .customer-inner-slider .slick-prev:before {
        font-size: 30px
    }

    .customer-inner-slider .slick-next {
        right: 0
    }

    .customer-inner-slider .slick-next:before {
        font-size: 30px
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px;
        min-height: inherit;
        max-height: inherit
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .customer-item-content p {
        padding: 0 5px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px;
        text-align: center
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 24px;
        line-height: 32px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 100px
    }

    .industry-boxes-item a h4 {
        font-size: 20px;
        line-height: 26px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 10px
    }

    .our-process-wrap .our-process-head {
        margin: 0 0 20px
    }

    .our-process-head h2 {
        font-size: 54px;
        line-height: 58px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .our-process-wrap .process-tab-content {
        padding: 20px;
        border-radius: 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    .process-tab-inner .process-tab-inner-content {
        text-align: center
    }

    .process-tab-inner-content h3 {
        font-size: 44px;
        line-height: 50px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .latest-work-head p {
        width: 100%
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: inherit;
        max-height: inherit
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 36px;
        line-height: 44px
    }

    .why-choose-head h4 img {
        margin: 10px 0 0 10px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 0 10px
    }

    section.cta-brand-wrap2 .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 0 20px;
        border-radius: 0;
        border: none;
        background: 0 0
    }

    .faqs-sec-item .accordion .accordion-item .accordion-header {
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        padding: 10px 10px 10px 40px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        width: 30px;
        height: 30px;
        line-height: 27px;
        font-size: 26px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 18px;
        line-height: 25px
    }

    .faqs-sec-item .accordion-item .accordion-collapse {
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
        line-height: 22px
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }

    .contact-request-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .contact-request-content p {
        font-size: 26px;
        line-height: 32px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px;
        text-align: center
    }

    section.service-banner-wrap {
        padding: 125px 0 175px
    }

    section.our-partner-wrap {
        margin: -120px 0 0
    }

    .our-partner-wrap .our-partner-inner {
        padding: 20px
    }

    .our-partner-brands .our-partner-slider {
        margin: 0 20px
    }

    section.customn-web-wrap {
        padding: 100px 0 175px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-web-content p {
        font-size: 18px;
        line-height: 26px
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    .custom-web-boxes .custom-boxes-items2 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 75px 0 50px
    }

    .design-service-head .design-servhead-img {
        margin: -270px 0 0
    }

    .design-service-head .design-servhead-content {
        text-align: center
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px;
        min-height: inherit;
        max-height: inherit
    }

    section.estimation-project-wrap {
        padding: 250px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-top img {
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%;
        margin: 40px 0
    }

    .estimation-project-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-headings ul li h3 {
        font-size: 24px;
        line-height: 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li {
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .keyword-research-wrap .keyword-tab-list {
        margin: 0 0 20px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-research-wrap .keyword-tab-content {
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 90px;
        height: 90px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .reputation-web-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .reputation-web-wrap .reputation-web-box {
        margin: 0 0 20px;
        padding: 20px 10px
    }

    .aboutus-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .aboutus-info-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .what-achieved-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .what-achieved-content .what-achieved-content-img {
        margin: 50px 0 0;
        flex-wrap: wrap
    }

    .what-achieved-content .what-achieved-content-img img {
        width: 75px;
        height: 75px;
        margin: 0 10px 20px
    }

    .aboutus-stats-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: 300px;
        max-height: 300px
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .contactus-info-form .form-group button.submit-btn {
        margin: 0 auto 20px
    }

    .contactus-info-inner ul li {
        padding: 20px;
        border-radius: 10px 10px
    }

    .contactus-info-inner ul li i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
        margin: 0 10px 0 0;
        border-radius: 10px
    }

    .contactus-info-inner ul li a {
        font-size: 20px
    }

    .contactus-info-inner ul li p {
        font-size: 20px;
        line-height: 26px
    }

    #staticBackdrop .modal-content {
        background-image: inherit!important;
        width: 75%;
        margin: 0 auto
    }

    #staticBackdrop .modal-dialog {
        max-width: 500px!important;
        margin: 100px auto 0
    }

    #staticBackdrop .modal-body .modal-body-img {
        display: none
    }
}

@media only screen and (min-width: 300px) and (max-width:520px) {
    #staticBackdrop .modal-content {
        background:#1c1f2d!important
    }

    .container-fluid {
        padding: 0 15px
    }

    header nav a.navbar-brand {
        width: 120px
    }

    header.sticky nav a.navbar-brand {
        width: 100px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px;
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px 5px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0;
        font-size: 16px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
        font-size: 14px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 100%;
        justify-content: center
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn i {
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 20px
    }

    section.banner-main-wrap {
        padding: 120px 0 50px
    }

    .banner-main-wrap .banner-main-inner {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        justify-content: center;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 20px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-wrap .counter-main-inner {
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 20px 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-wrap .customer-inner-head {
        margin: 0 0 50px;
        text-align: center
    }

    .customer-inner-head h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 20px
    }

    .customer-inner-wrap .customer-inner-boxes {
    }

    .customer-inner-boxes .customer-inner-slider {
    }

    .customer-inner-slider .slick-arrow {
        top: -35px
    }

    .customer-inner-slider .slick-prev {
        right: inherit;
        left: 0
    }

    .customer-inner-slider .slick-prev:before {
        font-size: 30px
    }

    .customer-inner-slider .slick-next {
        right: 0
    }

    .customer-inner-slider .slick-next:before {
        font-size: 30px
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px;
        min-height: inherit;
        max-height: inherit
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px;
        text-align: center
    }

    .industry-head-content h2 {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 22px;
        line-height: 28px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 75px
    }

    .industry-boxes-item a h4 {
        font-size: 18px;
        line-height: 24px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 10px
    }

    .our-process-wrap .our-process-head {
        margin: 0 0 20px
    }

    .our-process-head h2 {
        font-size: 54px;
        line-height: 58px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .our-process-wrap .process-tab-content {
        padding: 20px;
        border-radius: 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    .process-tab-inner .process-tab-inner-content {
        text-align: center
    }

    .process-tab-inner-content h3 {
        font-size: 44px;
        line-height: 50px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .latest-work-head p {
        width: 100%
    }

    .latest-work-wrap .latest-work-item {
        border-radius: 20px;
        padding: 10px;
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: inherit;
        max-height: inherit
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 36px;
        line-height: 44px;
        margin: 0 10px 20px 0
    }

    .why-choose-head h4 img {
        margin: 10px 0 0 10px
    }

    .why-choose-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .why-choose-head p {
        font-size: 18px;
        line-height: 26px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 0 10px
    }

    section.cta-brand-wrap2 .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 0 20px;
        border-radius: 0;
        border: none;
        background: 0 0
    }

    .faqs-sec-item .accordion .accordion-item .accordion-header {
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        padding: 10px 10px 10px 40px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        width: 30px;
        height: 30px;
        line-height: 27px;
        font-size: 26px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 18px;
        line-height: 25px
    }

    .faqs-sec-item .accordion-item .accordion-collapse {
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
        line-height: 22px
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }

    .contact-request-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .contact-request-content p {
        font-size: 24px;
        line-height: 32px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px;
        text-align: center
    }

    section.service-banner-wrap {
        padding: 125px 0 175px
    }

    section.our-partner-wrap {
        margin: -120px 0 0
    }

    .our-partner-wrap .our-partner-inner {
        padding: 20px
    }

    .our-partner-brands .our-partner-slider {
        margin: 0 10px
    }

    section.customn-web-wrap {
        padding: 100px 0 200px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-web-content p {
        font-size: 18px;
        line-height: 26px
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 75px 0 50px
    }

    .design-service-head .design-servhead-img {
        margin: -270px 0 0
    }

    .design-service-head .design-servhead-content {
        text-align: center
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px;
        min-height: inherit;
        max-height: inherit
    }

    .design-service-boxes .design-boxes-item.design-boxes-item-last {
    }

    section.estimation-project-wrap {
        padding: 250px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-top img {
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%;
        margin: 40px 0
    }

    .estimation-project-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-headings ul li h3 {
        font-size: 24px;
        line-height: 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li {
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-research-wrap .keyword-tab-list {
        margin: 0 0 20px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-research-wrap .keyword-tab-content {
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 32px;
        line-height: 38px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    section.testi-banner-wrap {
        padding: 125px 0 50px
    }

    .testi-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-head .testihappy-head-images img {
        width: 55px;
        height: 55px;
        margin-right: -10px
    }

    .testi-happy-head .testihappy-head-images span {
        width: 55px;
        height: 55px;
        font-size: 18px;
        line-height: 57px
    }

    .testi-happy-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 90px;
        height: 90px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px
    }

    .testi-happy-tabitem h4 {
        font-size: 20px;
        line-height: 28px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .reputation-web-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .reputation-web-wrap .reputation-web-box {
        margin: 0 0 20px
    }

    section.aboutus-banner-wrap {
        padding: 125px 0 50px
    }

    .aboutus-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .aboutus-info-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .what-achieved-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .what-achieved-content .what-achieved-content-img {
        margin: 50px 0 0;
        flex-wrap: wrap
    }

    .what-achieved-content .what-achieved-content-img img {
        width: 75px;
        height: 75px;
        margin: 0 10px 20px
    }

    .aboutus-stats-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: inherit;
        max-height: inherit
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .contactus-info-form .form-group button.submit-btn {
        margin: 0 auto 20px
    }

    .contactus-info-inner ul li {
        padding: 10px;
        border-radius: 10px 10px
    }

    .contactus-info-inner ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        margin: 0 5px 0 0;
        border-radius: 10px
    }

    .contactus-info-inner ul li a {
        font-size: 14px
    }

    .contactus-info-inner ul li p {
        font-size: 14px;
        line-height: 20px
    }

    .footer-contact-area ul li i {
        border-radius: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .footer-contact-area ul li a {
        font-size: 16px
    }

    .footer-contact-area ul li a:hover {
        text-decoration: underline;
        color: #93cbcd
    }

    .footer-contact-area ul li p {
        font-size: 16px;
        line-height: 20px
    }

    #staticBackdrop .modal-content {
        background-image: inherit;
        width: 90%;
        margin: 0 auto
    }

    #staticBackdrop .modal-dialog {
        max-width: 500px!important;
        margin: 50px 15px 0
    }

    #staticBackdrop .modal-body .modal-body-img {
        display: none
    }
}

section.our-packages-wrap {
    background: #fff;
    padding: 100px 0 50px
}

.our-packages-wrap .our-packages-head {
    margin: 0 0 40px;
    text-align: center
}

.our-packages-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 92px;
    line-height: 98px;
    margin: 0 0 20px
}

.our-packages-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.our-packages-wrap .packages-tab-list {
    margin: 0 0 50px
}

.packages-tab-list ul.nav-pills {
    justify-content: center
}

.packages-tab-list ul.nav-pills li.nav-item {
    margin: 0 10px
}

.packages-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 18px;
    box-shadow: 0 3px 10px -2px #b2b2b2;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.packages-tab-list ul.nav-pills li.nav-item button.nav-link.active,.packages-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.our-packages-wrap .packages-tab-content {
}

.packages-tab-content .packages-tab-inner {
}

.packages-tab-inner .packages-tab-box {
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0 5px 20px -3px #b2b2b2;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin: 0 0 20px
}

.packages-tab-inner .packages-tab-box:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    transform: translateY(-10px)
}

.packages-tab-box .packages-tab-box-head {
    border-bottom: 2px solid #1b1f2e;
    padding: 0;
    text-align: center
}

.packages-tab-inner .packages-tab-box:hover .packages-tab-box-head {
    border-bottom: 2px solid #fff
}

.packages-tab-box .packages-tab-box-head h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 5px
}

.packages-tab-inner .packages-tab-box:hover h3 {
    color: #fff
}

.packages-tab-box .packages-tab-box-head h5 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px;
    position: relative;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.packages-tab-box h5 span {
    font-size: 20px;
    position: absolute;
    bottom: -10px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.packages-tab-box ul.package-box-list {
    padding: 20px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 10px
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.packages-tab-box ul.package-box-list li {
    list-style: disc;
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px
}

.packages-tab-inner .packages-tab-box:hover ul.package-box-list li {
    color: #fff
}

.packages-tab-box ul.package-box-list li::marker {
    color: #1b1f2e;
    font-size: 24px
}

.packages-tab-inner .packages-tab-box:hover ul.package-box-list li::marker {
    color: #fff
}

.packages-tab-box button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 5px 15px;
    font-size: 20px;
    width: 250px;
    text-align: center;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.packages-tab-box button.popup-btn:hover {
    background: -webkit-linear-gradient(90deg,rgba(225,171,207,1) 0%,rgba(150,208,205,1) 50%,rgba(111,144,201,1) 100%)
}

section.main-privacy {
    padding: 160px 0
}

.main-privacy h3 {
    padding: 25px 0
}

.List ul li {
    list-style: disc;
    margin: 14px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

.main-privacy h3 {
    padding: 25px 0
}

.List h3 {
    padding: 0!important;
    font-size: 18px;
    font-weight: 700;
    margin: 24px 0 0
}

section.main-privacy {
    padding: 160px 0
}

.main-privacy h3 {
    padding: 25px 0;
    font-family: montserrat,sans-serif
}

section.latest-work-wrap {
    background: #fff;
    padding: 100px 0
}

.latest-work-wrap .latest-work-head {
    margin: 0 0 50px;
    text-align: center
}

.latest-work-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 92px;
    line-height: 98px;
    margin: 0 0 10px
}

.latest-work-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-work-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.latest-work-wrap .portfolio-tab-list {
    margin: 0 0 50px
}

.portfolio-tab-list ul.nav-pills {
    justify-content: center
}

.portfolio-tab-list ul.nav-pills li.nav-item {
    margin: 0 10px 15px
}

.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 18px;
    box-shadow: 0 3px 10px -2px #b2b2b2;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link.active,.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.latest-work-wrap .portfolio-tab-content {
}

.latest-work-wrap .latest-work-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 20px;
    margin: 0 0 30px
}

.latest-work-item .latest-work-img a {
    border: 5px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 0;
    position: relative;
    transition: all .3 ease-in-out;
    cursor: pointer;
    display: block
}

.latest-work-item .latest-work-img a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b1f2e;
    opacity: 0;
    transform: scale(.1);
    transition: all .3s ease-in-out;
    z-index: 1
}

.latest-work-item .latest-work-img a:hover img {
    transform: scale(.9)
}

.latest-work-item .latest-work-img a:hover::before {
    transform: scale(1);
    opacity: .5
}

.latest-work-item .latest-work-img img {
    width: 100%;
    transition: all .3s ease-in-out;
    min-height: 350px;
    max-height: 350px
}

.modaL_order {
}

#staticBackdrop .modal-content {
    background-image: url(../images/modal-pop.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 100%;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    border: 2px solid #2a2460;
    background-color: #1b1f2e
}

#staticBackdrop .modal-content .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border-radius: 21px;
    box-shadow: none;
    width: 29px;
    height: 29px;
    cursor: pointer;
    opacity: 1;
    z-index: 4
}

#staticBackdrop .modal-content .btn-close i {
    color: #fff;
    font-weight: 600
}

#staticBackdrop .modal-dialog {
    max-width: 700px!important;
    margin: 150px auto 0
}

#staticBackdrop .modal-header {
    padding: 0;
    border-bottom: none
}

#staticBackdrop .modal-body {
    padding: 20px 10px
}

#staticBackdrop .modal-body .modal-body-img {
    display: none
}

#staticBackdrop .modal-body .modal-body-form {
}

.modal-body-form h3 {
    font-family: glamour;
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    margin: 0 0 10px;
    font-weight: 700;
    text-align: center
}

.modal-body-form .popup-form-list {
}

.modal-body-form .popup-form-list .form-group {
    margin: 0 0 10px
}

.modal-body-form .popup-form-list .form-group input {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: 100%;
    border: none;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group textarea {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    height: 90px;
    resize: none;
    border: none;
    width: 100%;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    width: 100%;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.modal-body-form .popup-form-list .form-group button.submit-btn:hover {
    background: #fff;
    color: #1b1f2e
}

a.nav-link.home-padding {
    margin: 2px 0 0
}

.footer-main-sec .footer-btm p span {
    color: #fff;
    font-family: visbycf-bold;
    font-size: 14px;
    background: #f44336;
    padding: 4px 14px;
    border-radius: 26px;
    display: inline-block;
    margin: 0 13px
}
.keyword-tab-content .keyword-tab-inner h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 52px;
    line-height: 58px;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.keyword-tab-content .keyword-tab-inner p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 15px;
    transition: all .3s ease-in-out
}

section.testi-customer-wrap.testi-customer-wrap2 {
    padding: 50px 0;
    background: #f4f4f4
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-head h2 {
    color: #1b1f2e
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-slider .slick-prev:before {
    color: #1b1f2e
}

.testi-customer-wrap2.testi-customer-wrap .customer-inner-slider .slick-next:before {
    color: #1b1f2e
}

section.testi-banner-wrap {
    background-image: url(../images/testimonial-banner-bg.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1
}

.testi-banner-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    opacity: .8;
    z-index: -1
}

.testi-banner-wrap .testi-banner-content {
    text-align: center
}

.testi-banner-content h1 {
    font-family: '';
    color: #fffefe;
    font-size: 66px;
    line-height: 72px;
    font-weight: 600;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.testi-banner-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

.testi-banner-content button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 5px 15px;
    font-size: 20px;
    width: 250px;
    text-align: center;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.testi-banner-content button.popup-btn:hover {
    background: #fff;
    color: #1b1f2e
}

section.testi-happy-wrap {
    background: #f4f4f4;
    padding: 50px 0
}

.testi-happy-wrap .testi-happy-head {
    text-align: center;
    margin: 0 auto 20px;
    width: 75%
}

.testi-happy-head .testihappy-head-images {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px
}

.testi-happy-head .testihappy-head-images img {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    border: 2px solid #1b1f2e;
    margin-right: -12px
}

.testi-happy-head .testihappy-head-images span {
    font-family: visbycf-demibold;
    color: #fff;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    width: 75px;
    height: 75px;
    font-size: 22px;
    line-height: 75px;
    text-align: center;
    border-radius: 100%;
    display: block;
    border: 2px solid #1b1f2e
}

.testi-happy-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.testi-happy-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px
}

.testi-happy-wrap .testi-happy-inner {
}

.testi-happy-inner .testi-happy-tablist {
    margin: 0 0 40px
}

.testi-happy-tablist ul.nav-pills {
    justify-content: center;
    margin: 0 0 20px;
    border-bottom: 1px solid #bfbfbf
}

.testi-happy-tablist ul.nav-pills li.nav-item {
    padding: 0;
    margin: 0
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
    display: grid;
    background: 0 0;
    font-family: visbycf-bold;
    color: #7e7e7e;
    font-size: 20px;
    line-height: 22px;
    padding: 0 10px 20px;
    width: 150px;
    height: 150px;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link.active {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid #1b1f2e
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
    width: 75px;
    margin: 0;
    height: 75px;
    object-fit: contain;
    margin: 0 auto 20px;
    filter: invert(1) brightness(.5)
}

.testi-happy-tablist ul.nav-pills li.nav-item button.nav-link.active img {
    filter: invert(0) brightness(1)
}

.testi-happy-inner .testi-happy-tabcontent {
}

.testi-happy-tabcontent .testi-happy-tabboxes {
}

.testi-happy-tabboxes .testi-happy-tabitem {
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    margin: 0 0 20px;
    transition: all .3s ease-in-out
}

.testi-happy-tabboxes .testi-happy-tabitem:hover {
    transform: scale(1.1)
}

.testi-happy-tabitem ul.testi-happy-ratings {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.testi-happy-tabitem ul.testi-happy-ratings li {
    margin: 0 5px 0 0
}

.testi-happy-tabitem ul.testi-happy-ratings li i {
    color: #93cbcd;
    font-size: 18px
}

.testi-happy-tabitem p {
    font-family: visbycf-medium;
    color: #77808b;
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px 0 0;
    margin: 0 0 20px;
    min-height: 125px;
    max-height: 125px;
    overflow-y: auto
}

.testi-happy-tabitem p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #1b1f2e
}

.testi-happy-tabitem p::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background-color: #1b1f2e
}

.testi-happy-tabitem p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e1abcf;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.testi-happy-tabitem h4 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 0
}

section.reputation-web-wrap {
    background: #fff;
    padding: 50px 0
}

.reputation-web-wrap .reputation-web-head {
    margin: 0 0 40px;
    text-align: center
}

.reputation-web-head h2,.reputation-web-head h3 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 20px
}

.reputation-web-wrap .reputation-web-box {
    background: #1b1f2e;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    transition: all .3s ease-in-out
}

.reputation-web-wrap .reputation-web-box:hover {
    transform: translateY(-10px)
}

.reputation-web-box img {
    width: 175px;
    height: 125px;
    object-fit: contain;
    margin: 0 auto 20px
}

.reputation-web-box ul.reputaion-web-ratings {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px
}

.reputation-web-box ul.reputaion-web-ratings li {
    margin: 0 5px 0 0
}

.reputation-web-box ul.reputaion-web-ratings li i {
    color: #fff;
    font-size: 18px
}

.reputation-web-box p {
    color: #fff;
    font-family: visbycf-Bold;
    font-size: 42px;
    line-height: 48px;
    margin: 0 0 10px
}

.reputation-web-box p span {
    font-family: visbycf-medium;
    font-size: 16px;
    display: block;
    line-height: 20px
}

section.aboutus-banner-wrap {
    background-image: url(../images/about-banner-bg.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1
}

.aboutus-banner-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    opacity: .8;
    z-index: -1
}

.aboutus-banner-wrap .aboutus-banner-content {
    text-align: center
}

.aboutus-banner-content h1 {
    font-family: '';
    color: #fffefe;
    font-size: 66px;
    line-height: 72px;
    font-weight: 600;
    margin: 0 0 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.aboutus-banner-content p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

.aboutus-banner-content button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 250px;
    text-align: center;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.aboutus-banner-content button.popup-btn:hover {
    background: #fff;
    color: #1b1f2e
}

section.aboutus-info-wrap {
    background-image: url(../images/aboutus-2nd-bg.png);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    padding: 50px 0;
    position: relative;
    z-index: 1
}

.aboutus-info-wrap .aboutus-info-content {
}

.aboutus-info-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px
}

.aboutus-info-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.aboutus-info-wrap .aboutus-info-img {
}

.aboutus-info-img img {
    animation-name: bounce-3;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

section.what-achieved-wrap {
    background: #fff;
    padding: 50px 0
}

.what-achieved-wrap .what-achieved-content {
    text-align: center
}

.what-achieved-content h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px;
    text-align: center
}

.what-achieved-content h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.what-achieved-content p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 20px;
    width: 100%
}

.what-achieved-content .what-achieved-content-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0
}

.what-achieved-content .what-achieved-content-img img {
    width: 125px;
    height: 125px;
    object-fit: contain;
    margin: 0 10px
}

section.aboutus-stats-wrap {
    padding: 50px 0;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.aboutus-stats-wrap .aboutus-stats-head {
    margin: 0 0 50px;
    text-align: center
}

.aboutus-stats-head h2 {
    font-family: glamore;
    color: #fff;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.aboutus-stats-head p {
    font-family: visbycf-demibold;
    color: #fffefe;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px
}

.aboutus-stats-wrap .aboutus-stats-box {
    background: #fff;
    padding: 50px 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 5px 8px -2px #b2b2b2;
    transition: all .3s ease-in-out;
    min-height: 300px;
    max-height: 300px
}

.aboutus-stats-wrap .aboutus-stats-box:hover {
    transform: translateY(-10px);
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.aboutus-stats-box h4 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    font-weight: 500;
    margin: 0 0 20px
}

.aboutus-stats-box h4 span {
}

.aboutus-stats-wrap .aboutus-stats-box:hover h4 {
    color: #fff
}

.aboutus-stats-box h3 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 10px
}

.aboutus-stats-wrap .aboutus-stats-box:hover h3 {
    color: #fff
}

.aboutus-stats-wrap .aboutus-stats-box:hover p {
    color: #fff
}

section.contactus-info-wrap {
    padding: 100px 0
}

.contactus-info-wrap .contactus-info-head {
    margin: 0 0 30px;
    text-align: center
}

.contactus-info-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 72px;
    line-height: 78px;
    margin: 0 0 20px
}

.contactus-info-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}

.contactus-info-wrap .contactus-info-form {
}

.contactus-info-form .form-group {
    margin: 0 0 20px
}

.contactus-info-form .form-group input {
    width: 100%;
    background: #f4f4f4;
    border: 2px solid #eee;
    box-shadow: 0 5px 10px -5px #b2b2b2;
    height: 50px;
    padding: 10px 20px;
    border-radius: 20px
}

.contactus-info-form .form-group textarea {
    width: 100%;
    height: 120px;
    resize: none;
    background: #f4f4f4;
    border: 2px solid #eee;
    box-shadow: 0 5px 10px -5px #b2b2b2;
    padding: 10px 20px;
    border-radius: 20px
}

.contactus-info-form .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 10px;
    font-size: 18px;
    width: 250px;
    text-align: center;
    display: block;
    border-radius: 50px;
    color: #fff;
    margin: 0 0 20px;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.contactus-info-form .form-group button.submit-btn:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

.contactus-info-wrap .contactus-info-inner {
}

.contactus-info-inner ul {
}

.contactus-info-inner ul li {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    border-radius: 40px 10px 10px 40px;
    padding: 20px
}

.contactus-info-inner ul li i {
    border-radius: 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    margin: 0 20px 0 0
}

.contactus-info-inner ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 22px;
    transition: all .3s ease-in-out
}

.contactus-info-inner ul li a:hover {
    text-decoration: underline;
    color: #93cbcd
}

.contactus-info-inner ul li p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 0
}

footer.footer-main-sec {
    background-image: url(../images/footer-pattern.jpg);
    background-size: cover;
    background-position: 100% 20%;
    background-repeat: no-repeat;
    padding: 50px 0 0;
    position: relative;
    z-index: 1
}

.footer-main-sec::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1b1f2e;
    opacity: .9;
    width: 100%;
    z-index: -1
}

.footer-main-sec .footer-top {
    border-bottom: 2px solid #fff;
    padding: 0 0 50px
}

.footer-top .footer-logo-area {
    margin: 0 0 20px
}

.footer-logo-area a {
    width: 200px;
    display: block;
    margin: 0 0 20px
}

.footer-logo-area a img {
    width: 100%
}

.footer-logo-area p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px
}

.footer-logo-area ul.footer-social-icons {
    display: flex;
    align-items: center
}

.footer-logo-area ul.footer-social-icons li {
    margin: 0 5px
}

.footer-logo-area ul.footer-social-icons li a {
    font-family: visbycf-demibold;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    display: block;
    transition: all .3s ease-in-out
}

.footer-logo-area ul.footer-social-icons li a:hover {
    transform: scale(1.1)
}

.footer-logo-area ul.footer-social-icons li a i {
}

.footer-top .footer-links-area {
    margin: 0 0 20px
}

.footer-links-area h3 {
    font-family: visbycf-bold;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 20px
}

.footer-links-area ul {
}

.footer-links-area ul li {
    margin: 0 0 10px
}

.footer-links-area ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px;
    transition: all .3s ease-in-out;
    display: block
}

.footer-links-area ul li a i {
    color: #93cbcd;
    font-weight: 600;
    font-size: 16px;
    margin: 0 5px 0 0
}

.footer-links-area ul li a:hover {
    transform: translateX(10px);
    color: #93cbcd
}

.footer-top .footer-contact-area {
    margin: 0 0 20px
}

.footer-contact-area h3 {
    font-family: visbycf-bold;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 20px
}

.footer-contact-area ul {
}

.footer-contact-area ul li {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.footer-contact-area ul li i {
    border-radius: 20px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    margin: 0 10px 0 0
}

.footer-contact-area ul li a {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    transition: all .3s ease-in-out
}

.footer-contact-area ul li a:hover {
    text-decoration: underline;
    color: #93cbcd
}

.footer-contact-area ul li p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0
}

.footer-main-sec .footer-btm {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 10px 0
}

.footer-btm a,.footer-content-2 ul li a {
    color: #fff;
    text-decoration: none
}

.footer-btm a:hover,.footer-content-2 ul li a:hover {
    color: #93cbcd;
    text-decoration: none
}

.footer-bottom p {
    font-family: visbycf-medium;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.footer-bottom p a {
    font-family: visbycf-bold;
    color: #93cbcd;
    transition: all .3s ease-in-out
}

.footer-bottom p a:hover {
    text-decoration: underline
}

.bubbles_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none
}

.bubble {
    border-radius: 50%;
    box-shadow: none;
    height: 5px;
    position: absolute;
    width: 5px
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }

    to {
        margin-top: -30%
    }
}

.x1 {
    -webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 6%;
    top: 45%;
    background: #ffb739
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 5%;
    top: 80%;
    background: #fc4fdd
}

.x3 {
    -webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 10%;
    top: 40%;
    background: #5ed5cb
}

.x4 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 20%;
    top: 0;
    background: #3de4a3
}

.x5 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 30%;
    top: 50%;
    background: #fc4fb1
}

.x6 {
    -webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 50%;
    top: 0;
    background: #2c4aff
}

.x7 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 65%;
    top: 70%;
    background: #ffb739
}

.x8 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 80%;
    top: 10%;
    background: #8f3de4
}

.x9 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 90%;
    top: 50%;
    background: #fff339
}

.x10 {
    -webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 80%;
    top: 80%;
    background: #fc4f4f
}

.modaL_order {
}

#staticBackdrop .modal-content {
    background: url(../images/popup-bg-img2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 100%;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    border: 2px solid #1b1f2e;
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%)
}

#staticBackdrop .modal-content .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border-radius: 21px;
    box-shadow: none;
    width: 29px;
    height: 29px;
    cursor: pointer;
    opacity: 1;
    z-index: 4
}

#staticBackdrop .modal-content .btn-close i {
    color: #fff;
    font-weight: 600
}

#staticBackdrop .modal-dialog {
    max-width: 500px!important;
    margin: 150px auto 0
}

#staticBackdrop .modal-header {
    padding: 0;
    border-bottom: none
}

#staticBackdrop .modal-body {
    padding: 20px 10px
}

#staticBackdrop .modal-body .modal-body-img {
    display: none
}

#staticBackdrop .modal-body .modal-body-form {
}

.modal-body-form h3 {
    font-family: glamour;
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    margin: 0 0 10px;
    font-weight: 700;
    text-align: center
}

.modal-body-form .popup-form-list {
}

.modal-body-form .popup-form-list .form-group {
    margin: 0 0 10px
}

.modal-body-form .popup-form-list .form-group input {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: 100%;
    border: none;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group textarea {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    height: 90px;
    resize: none;
    border: none;
    width: 100%;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    width: 100%;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.modal-body-form .popup-form-list .form-group button.submit-btn:hover {
    background: #fff;
    color: #1b1f2e
}

@media only screen and (min-width: 1600px) and (max-width:1920px) {
}

@media only screen and (min-width: 1600px) and (max-width:1800px) {
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    header nav .navbar-collapse .navbar-buttons {
        width:50%
    }
}

@media only screen and (min-width: 1400px) and (max-width:1499px) {
    .container-fluid {
        padding:0 75px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-content img {
        width: 70px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 275px;
        max-height: 275px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    a.nav-link.home-padding {
        margin:5px 0 0!important
    }

    .container-fluid {
        padding: 0 50px
    }

    header nav a.navbar-brand {
        width: 120px;
        padding: 0
    }

    header.sticky nav a.navbar-brand {
        width: 100px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 25px 10px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        padding: 20px 15px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 10px;
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 30px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 10px 0
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    .cta-brand-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .cta-brand-img img {
        width: 100%
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 250px;
        max-height: 250px
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    section.service-banner-wrap {
        padding: 150px 0 200px
    }

    section.customn-web-wrap {
        padding: 100px 0
    }

    .custom-boxes-items .custom-boxes-item {
        padding: 25px 20px
    }

    .design-service-head .design-servhead-img {
        margin: -135px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
    }

    .estimation-project-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .container-fluid {
        padding:0 50px
    }

    header nav a.navbar-brand {
        width: 80px;
        padding: 0
    }

    header.sticky nav a.navbar-brand {
        width: 70px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 25px 5px
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        padding: 20px 30px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        font-size: 16px;
        line-height: 20px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
        font-size: 14px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 50%
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn i {
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 20px
    }

    section.banner-main-wrap {
        padding: 150px 0 50px
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 10px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    .banner-main-content .banner-main-btns button.chat-btn {
        margin: 0 10px 10px 0
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
    }

    .solution-sec-content span {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 46px;
        line-height: 54px
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 10px 0
    }

    .solution-select-box a {
        padding: 20px 10px
    }

    .solution-select-box a h3 {
        font-size: 20px;
        line-height: 24px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-content h2 {
        font-size: 40px;
        line-height: 46px
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .cutomer-item-designation img {
        margin: 0 10px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 20px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 52px;
        line-height: 58px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 28px;
        line-height: 36px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 50px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 250px;
        max-height: 250px
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        margin: 0 0 10px
    }

    .why-choose-head h4 {
        font-size: 36px;
        line-height: 44px
    }

    .why-choose-head h4 img {
        width: 100px;
        margin: 0 0 0 10px
    }

    .why-choose-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        margin: 0 0 10px
    }

    .choose-content-item h3 {
        font-size: 26px;
        line-height: 32px
    }

    .why-choose-inner ul.why-choose-counter {
        justify-content: center
    }

    ul.why-choose-counter li {
        margin: 0 20px 0 0;
        width: 100%
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .contact-request-wrap .contact-request-content {
        width: 100%
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    section.service-banner-wrap {
        padding: 150px 0 200px
    }

    section.customn-web-wrap {
        padding: 110px 0 100px
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-boxes-items .custom-boxes-item {
        padding: 25px 20px
    }

    section.design-service-wrap {
    }

    .design-service-head .design-servhead-img {
        margin: -200px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px
    }

    section.estimation-project-wrap {
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%
    }

    .estimation-project-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px;
        min-height: 125px;
        max-height: 125px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 52px;
        line-height: 58px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 75px;
        height: 75px;
        object-fit: contain
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        min-height: 300px;
        max-height: 300px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .container-fluid {
        padding:0 50px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    }

    header nav .navbar-collapse .navbar-buttons {
        justify-content: center;
        width: 100%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h4 {
        justify-content: center
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px 10px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .customer-inner-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .customer-item-content p {
        padding: 0 5px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px
    }

    .industry-head-content span {
        font-size: 34px;
        line-height: 40px;
        margin: 0 0 10px
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 24px;
        line-height: 32px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 100px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 0 0 20px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: 300px;
        max-height: 300px
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 0
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px
    }

    section.service-banner-wrap {
        padding: 150px 0 175px
    }

    section.our-partner-wrap {
        margin: -100px 0 0
    }

    section.customn-web-wrap {
        padding: 120px 0 50px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    .custom-web-boxes .custom-boxes-items2 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 50px 0
    }

    .design-service-head .design-servhead-img {
        margin: -150px 0 0
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px
    }

    section.estimation-project-wrap {
        padding: 175px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%
    }

    .estimation-project-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px;
        min-height: 125px;
        max-height: 125px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 62px;
        line-height: 68px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 100px;
        height: 100px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: 300px;
        max-height: 300px
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 52px;
        line-height: 58px
    }
}

@media only screen and (min-width: 521px) and (max-width:767px) {
    .container-fluid {
        padding:0 20px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
    }

    header nav .navbar-collapse .navbar-buttons {
        justify-content: center;
        width: 100%
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
    }

    section.banner-main-wrap {
        padding: 120px 0 50px
    }

    .banner-main-wrap .banner-main-inner {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        justify-content: center;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 20px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-wrap .counter-main-inner {
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 20px 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px 10px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-wrap .customer-inner-head {
        margin: 0 0 50px;
        text-align: center
    }

    .customer-inner-head h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 20px
    }

    .customer-inner-wrap .customer-inner-boxes {
    }

    .customer-inner-boxes .customer-inner-slider {
    }

    .customer-inner-slider .slick-arrow {
        top: -35px
    }

    .customer-inner-slider .slick-prev {
        right: inherit;
        left: 0
    }

    .customer-inner-slider .slick-prev:before {
        font-size: 30px
    }

    .customer-inner-slider .slick-next {
        right: 0
    }

    .customer-inner-slider .slick-next:before {
        font-size: 30px
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px;
        min-height: inherit;
        max-height: inherit
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .customer-item-content p {
        padding: 0 5px 0 0
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px;
        text-align: center
    }

    .industry-head-content h2,.industry-head-content h4 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 24px;
        line-height: 32px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 100px
    }

    .industry-boxes-item a h4 {
        font-size: 20px;
        line-height: 26px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 10px
    }

    .our-process-wrap .our-process-head {
        margin: 0 0 20px
    }

    .our-process-head h2 {
        font-size: 54px;
        line-height: 58px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .our-process-wrap .process-tab-content {
        padding: 20px;
        border-radius: 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    .process-tab-inner .process-tab-inner-content {
        text-align: center
    }

    .process-tab-inner-content h3 {
        font-size: 44px;
        line-height: 50px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .latest-work-head p {
        width: 100%
    }

    .latest-work-wrap .latest-work-item {
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: inherit;
        max-height: inherit
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 36px;
        line-height: 44px
    }

    .why-choose-head h4 img {
        margin: 10px 0 0 10px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 0 10px
    }

    section.cta-brand-wrap2 .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 0 20px;
        border-radius: 0;
        border: none;
        background: 0 0
    }

    .faqs-sec-item .accordion .accordion-item .accordion-header {
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        padding: 10px 10px 10px 40px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        width: 30px;
        height: 30px;
        line-height: 27px;
        font-size: 26px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 18px;
        line-height: 25px
    }

    .faqs-sec-item .accordion-item .accordion-collapse {
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
        line-height: 22px
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }

    .contact-request-content h2 {
        font-size: 52px;
        line-height: 58px
    }

    .contact-request-content p {
        font-size: 26px;
        line-height: 32px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px;
        text-align: center
    }

    section.service-banner-wrap {
        padding: 125px 0 175px
    }

    section.our-partner-wrap {
        margin: -120px 0 0
    }

    .our-partner-wrap .our-partner-inner {
        padding: 20px
    }

    .our-partner-brands .our-partner-slider {
        margin: 0 20px
    }

    section.customn-web-wrap {
        padding: 100px 0 175px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-web-content p {
        font-size: 18px;
        line-height: 26px
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    .custom-web-boxes .custom-boxes-items2 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 75px 0 50px
    }

    .design-service-head .design-servhead-img {
        margin: -270px 0 0
    }

    .design-service-head .design-servhead-content {
        text-align: center
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px;
        min-height: inherit;
        max-height: inherit
    }

    section.estimation-project-wrap {
        padding: 250px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-top img {
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%;
        margin: 40px 0
    }

    .estimation-project-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-headings ul li h3 {
        font-size: 24px;
        line-height: 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li {
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .keyword-research-wrap .keyword-tab-list {
        margin: 0 0 20px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-research-wrap .keyword-tab-content {
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    .testi-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 90px;
        height: 90px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .reputation-web-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .reputation-web-wrap .reputation-web-box {
        margin: 0 0 20px;
        padding: 20px 10px
    }

    .aboutus-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .aboutus-info-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .what-achieved-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .what-achieved-content .what-achieved-content-img {
        margin: 50px 0 0;
        flex-wrap: wrap
    }

    .what-achieved-content .what-achieved-content-img img {
        width: 75px;
        height: 75px;
        margin: 0 10px 20px
    }

    .aboutus-stats-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: 300px;
        max-height: 300px
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .contactus-info-form .form-group button.submit-btn {
        margin: 0 auto 20px
    }

    .contactus-info-inner ul li {
        padding: 20px;
        border-radius: 10px 10px
    }

    .contactus-info-inner ul li i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
        margin: 0 10px 0 0;
        border-radius: 10px
    }

    .contactus-info-inner ul li a {
        font-size: 20px
    }

    .contactus-info-inner ul li p {
        font-size: 20px;
        line-height: 26px
    }

    #staticBackdrop .modal-content {
        background-image: inherit!important;
        width: 75%;
        margin: 0 auto
    }

    #staticBackdrop .modal-dialog {
        max-width: 500px!important;
        margin: 100px auto 0
    }

    #staticBackdrop .modal-body .modal-body-img {
        display: none
    }
}

@media only screen and (min-width: 300px) and (max-width:520px) {
    #staticBackdrop .modal-content {
        background:#1c1f2d!important
    }

    .container-fluid {
        padding: 0 15px
    }

    header nav a.navbar-brand {
        width: 120px
    }

    header.sticky nav a.navbar-brand {
        width: 100px
    }

    header nav .navbar-collapse ul.navbar-nav {
        padding: 20px 0
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item {
        padding: 10px 0;
        position: relative;
        border-bottom: 1px solid #fff
    }

    header nav .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px;
        display: flex;
        justify-content: space-between
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit;
        padding: 10px 5px;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll
    }

    header.sticky nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
        top: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
        display: inherit
    }

    nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.show {
        display: block
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li {
        border-right: none;
        padding: 0 10px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span {
        border-bottom: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        padding: 10px 0;
        font-size: 16px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:first-child span {
        border-top: none
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li span img {
        width: 50px
    }

    nav ul.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.dropdown-item {
        font-size: 14px
    }

    header nav .navbar-collapse .navbar-buttons {
        width: 100%;
        justify-content: center
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons a.call-btn i {
        font-size: 16px
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn {
        padding: 5px 10px;
        font-size: 14px;
        height: 50px;
        line-height: 30px;
        margin: 0 5px 0 0
    }

    header nav .navbar-collapse .navbar-buttons button.chat-btn img {
        width: 20px
    }

    section.banner-main-wrap {
        padding: 120px 0 50px
    }

    .banner-main-wrap .banner-main-inner {
    }

    .banner-main-inner .banner-main-content {
        text-align: center
    }

    .banner-main-content h1 {
        font-size: 42px;
        line-height: 48px
    }

    .banner-main-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
        text-align: left;
        justify-content: center;
        align-items: center
    }

    .banner-main-content h4 img {
        margin: 0 10px 0 0
    }

    .banner-main-content span {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .banner-main-content .banner-main-btns {
        margin: 20px 0
    }

    .banner-main-content .banner-main-btns button.popup-btn {
        margin: 0 10px 10px 0
    }

    section.counter-main-wrap {
        padding: 20px 0;
        border-bottom: none
    }

    .counter-main-wrap .counter-main-inner {
    }

    .counter-main-inner .counter-inner-box {
        border-right: none;
        border-bottom: 3px solid #f0f0f0;
        margin: 0 0 20px;
        padding: 0 20px 20px
    }

    section.solution-sec-wrap {
        padding: 20px 0
    }

    .solution-sec-wrap .solution-sec-inner {
    }

    .solution-sec-inner .solution-sec-content {
        text-align: center
    }

    .solution-sec-content span {
        justify-content: center
    }

    .solution-sec-content span img {
        margin: 0 0 0 10px;
        width: 50px
    }

    .solution-sec-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .solution-sec-content a.more-btn {
        margin: 20px auto
    }

    .solution-sec-inner .solution-boxes-inner {
        padding: 20px 15px
    }

    .solution-boxes-inner .solution-select-box {
        margin: 20px
    }

    .solution-select-box a {
        padding: 20px
    }

    .award-inner-wrap {
        padding: 20px;
        margin: 30px 0 0
    }

    .award-inner-wrap .award-inner-content {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin: 0 0 20px
    }

    .award-inner-content h3 {
        font-size: 30px;
        line-height: 36px
    }

    .award-inner-content img {
        margin: 0 10px 10px 0
    }

    .award-inner-wrap .award-inner-slides {
        margin: 0 10px
    }

    section.cta-brand-wrap {
        padding: 30px 0
    }

    .cta-brand-wrap .cta-brand-content {
        text-align: center
    }

    .cta-brand-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .cta-brand-content .cta-brand-buttons {
        margin: 20px 0
    }

    .cta-brand-buttons button.popup-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-buttons button.chat-btn {
        margin: 0 10px 10px 0
    }

    .cta-brand-img img {
        width: 100%
    }

    section.testi-customer-wrap {
        padding: 30px 0 0
    }

    .testi-customer-wrap .customer-inner-wrap {
        padding: 20px 0
    }

    .customer-inner-wrap .customer-inner-head {
        margin: 0 0 50px;
        text-align: center
    }

    .customer-inner-head h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 20px
    }

    .customer-inner-wrap .customer-inner-boxes {
    }

    .customer-inner-boxes .customer-inner-slider {
    }

    .customer-inner-slider .slick-arrow {
        top: -35px
    }

    .customer-inner-slider .slick-prev {
        right: inherit;
        left: 0
    }

    .customer-inner-slider .slick-prev:before {
        font-size: 30px
    }

    .customer-inner-slider .slick-next {
        right: 0
    }

    .customer-inner-slider .slick-next:before {
        font-size: 30px
    }

    .customer-inner-slider .customer-inner-item {
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 5px;
        min-height: inherit;
        max-height: inherit
    }

    .customer-item-content h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 10px
    }

    .testi-customer-wrap .industry-inner-wrap {
        padding: 30px 0
    }

    .industry-inner-wrap .industry-inner-head {
        margin: 0 0 20px
    }

    .industry-inner-head .industry-head-content {
        width: 100%;
        margin: 0 0 20px;
        text-align: center
    }

    .industry-head-content h2 {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .industry-head-content p {
        font-size: 22px;
        line-height: 28px
    }

    .industry-inner-head .industry-head-img {
        text-align: center
    }

    .industry-head-img img {
        width: 100%
    }

    .industry-boxes-item .industry-item-img {
        width: 100%;
        height: 150px;
        line-height: 150px
    }

    .industry-item-img img {
        width: 75px
    }

    .industry-boxes-item a h4 {
        font-size: 18px;
        line-height: 24px
    }

    section.our-process-wrap {
        padding: 0 0 50px
    }

    .our-process-wrap .container-fluid {
        padding: 0 10px
    }

    .our-process-wrap .our-process-head {
        margin: 0 0 20px
    }

    .our-process-head h2 {
        font-size: 54px;
        line-height: 58px
    }

    .our-process-wrap .process-tab-list {
        padding: 30px 10px
    }

    .process-tab-list ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .our-process-wrap .process-tab-content {
        padding: 20px;
        border-radius: 20px
    }

    .process-tab-inner .process-tab-inner-img {
        display: none
    }

    .process-tab-inner .process-tab-inner-content {
        text-align: center
    }

    .process-tab-inner-content h3 {
        font-size: 44px;
        line-height: 50px
    }

    section.latest-work-wrap {
        padding: 30px 0
    }

    .latest-work-wrap .latest-work-head {
        margin: 0 0 30px
    }

    .latest-work-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .latest-work-head p {
        width: 100%
    }

    .latest-work-wrap .latest-work-item {
        border-radius: 20px;
        padding: 10px;
        width: 100%
    }

    .latest-work-item .latest-work-img img {
        width: 100%;
        min-height: inherit;
        max-height: inherit
    }

    section.why-choose-wrap {
        padding: 30px 0
    }

    .why-choose-wrap .why-choose-inner {
    }

    .why-choose-inner .why-choose-head {
        text-align: center
    }

    .why-choose-head h4 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 36px;
        line-height: 44px;
        margin: 0 10px 20px 0
    }

    .why-choose-head h4 img {
        margin: 10px 0 0 10px
    }

    .why-choose-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .why-choose-head p {
        font-size: 18px;
        line-height: 26px
    }

    .why-choose-inner .why-choose-content {
    }

    .why-choose-content .choose-content-item {
        width: 100%;
        text-align: center
    }

    .why-choose-inner ul.why-choose-counter {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 20px
    }

    ul.why-choose-counter li {
        margin: 0 0 20px;
        width: 100%;
        text-align: center
    }

    section.cta-brand-wrap2 {
        padding: 20px 0
    }

    .cta-brand-wrap2 .cta-brand-buttons button.popup-btn {
        margin: 0 0 10px
    }

    section.cta-brand-wrap2 .cta-brand-buttons button.chat-btn {
        margin: 0 0 10px 0
    }

    .cta-brand-wrap2 .cta-brand-img img {
        width: 100%
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 30px
    }

    .faqs-sec-head h2 {
        font-size: 52px;
        line-height: 58px
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 0 20px;
        border-radius: 0;
        border: none;
        background: 0 0
    }

    .faqs-sec-item .accordion .accordion-item .accordion-header {
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        padding: 10px 10px 10px 40px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        width: 30px;
        height: 30px;
        line-height: 27px;
        font-size: 26px
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 18px;
        line-height: 25px
    }

    .faqs-sec-item .accordion-item .accordion-collapse {
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
        line-height: 22px
    }

    section.contact-request-wrap {
        padding: 30px 0
    }

    .contact-request-wrap .contact-request-content {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }

    .contact-request-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .contact-request-content p {
        font-size: 24px;
        line-height: 32px
    }

    .contact-request-wrap .contact-request-form {
        width: 100%
    }

    .contact-request-form .form-group {
        margin: 0 0 10px;
        text-align: center
    }

    section.service-banner-wrap {
        padding: 125px 0 175px
    }

    section.our-partner-wrap {
        margin: -120px 0 0
    }

    .our-partner-wrap .our-partner-inner {
        padding: 20px
    }

    .our-partner-brands .our-partner-slider {
        margin: 0 10px
    }

    section.customn-web-wrap {
        padding: 100px 0 200px
    }

    .customn-web-wrap .custom-web-content {
        text-align: center
    }

    .custom-web-content h2 {
        font-size: 42px;
        line-height: 48px;
        margin: 0 0 30px
    }

    .custom-web-content p {
        font-size: 18px;
        line-height: 26px
    }

    .custom-web-content a.more-btn {
        margin: 20px auto
    }

    .custom-web-boxes .custom-boxes-items1 {
        margin: 20px 0 0
    }

    section.design-service-wrap {
        padding: 75px 0 50px
    }

    .design-service-head .design-servhead-img {
        margin: -270px 0 0
    }

    .design-service-head .design-servhead-content {
        text-align: center
    }

    .design-service-head .design-servhead-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .design-service-head .design-servhead-content p {
        font-size: 22px;
        line-height: 30px
    }

    .design-service-boxes .design-boxes-item {
        margin: 0 0 125px;
        padding: 20px 10px;
        min-height: inherit;
        max-height: inherit
    }

    .design-service-boxes .design-boxes-item.design-boxes-item-last {
    }

    section.estimation-project-wrap {
        padding: 250px 0 50px
    }

    .estimation-project-wrap .estimation-project-top {
        margin: -300px 0 0
    }

    .estimation-project-top img {
    }

    .estimation-project-wrap .estimation-project-head {
        width: 100%;
        margin: 40px 0
    }

    .estimation-project-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .estimation-project-headings ul {
        margin: 0 0 20px
    }

    .estimation-project-headings ul li {
        padding: 0 0 0 30px
    }

    .estimation-project-headings ul li h3 {
        font-size: 24px;
        line-height: 30px
    }

    .estimation-project-inner .estimation-project-content {
        width: 100%
    }

    .estimation-project-content ul li {
    }

    .estimation-project-content ul li p {
        font-size: 18px;
        line-height: 26px
    }

    section.keyword-research-wrap {
        padding: 30px 0
    }

    .keyword-research-wrap .keyword-research-head {
        margin: 0 0 40px
    }

    .keyword-research-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .keyword-research-wrap .keyword-tab-list {
        margin: 0 0 20px
    }

    .keyword-tab-list ul.nav-pills {
        margin: 0
    }

    .keyword-tab-list ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        line-height: 22px;
        padding: 10px
    }

    .keyword-research-wrap .keyword-tab-content {
    }

    .keyword-tab-content .keyword-tab-inner {
        padding: 20px 10px
    }

    .keyword-tab-content .keyword-tab-inner h3 {
        font-size: 32px;
        line-height: 38px
    }

    .keyword-tab-content .keyword-tab-inner p {
        margin: 0 0 10px
    }

    section.testi-customer-wrap.testi-customer-wrap2 {
        padding: 20px 0
    }

    section.testi-banner-wrap {
        padding: 125px 0 50px
    }

    .testi-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .testi-happy-wrap .testi-happy-head {
        width: 100%
    }

    .testi-happy-head .testihappy-head-images img {
        width: 55px;
        height: 55px;
        margin-right: -10px
    }

    .testi-happy-head .testihappy-head-images span {
        width: 55px;
        height: 55px;
        font-size: 18px;
        line-height: 57px
    }

    .testi-happy-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item {
        margin: 0 0 20px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link {
        font-size: 16px;
        width: 90px;
        height: 90px;
        padding: 0 10px 10px
    }

    .testi-happy-tablist ul.nav-pills li.nav-item button.nav-link img {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px
    }

    .testi-happy-tabitem h4 {
        font-size: 20px;
        line-height: 28px
    }

    .reputation-web-wrap .reputation-web-head {
        text-align: center
    }

    .reputation-web-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .reputation-web-wrap .reputation-web-box {
        margin: 0 0 20px
    }

    section.aboutus-banner-wrap {
        padding: 125px 0 50px
    }

    .aboutus-banner-content h1 {
        font-size: 52px;
        line-height: 58px
    }

    .aboutus-info-wrap .aboutus-info-content {
        text-align: center
    }

    .aboutus-info-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-info-wrap .aboutus-info-img {
        margin: 20px 0 10px
    }

    .what-achieved-wrap .what-achieved-content {
        text-align: center
    }

    .what-achieved-content h2 {
        font-size: 42px;
        line-height: 48px
    }

    .what-achieved-content .what-achieved-content-img {
        margin: 50px 0 0;
        flex-wrap: wrap
    }

    .what-achieved-content .what-achieved-content-img img {
        width: 75px;
        height: 75px;
        margin: 0 10px 20px
    }

    .aboutus-stats-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .aboutus-stats-wrap .aboutus-stats-box {
        margin: 0 0 20px;
        min-height: inherit;
        max-height: inherit
    }

    section.contactus-info-wrap {
        padding: 50px 0
    }

    .contactus-info-head h2 {
        font-size: 42px;
        line-height: 48px
    }

    .contactus-info-form .form-group button.submit-btn {
        margin: 0 auto 20px
    }

    .contactus-info-inner ul li {
        padding: 10px;
        border-radius: 10px 10px
    }

    .contactus-info-inner ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        margin: 0 5px 0 0;
        border-radius: 10px
    }

    .contactus-info-inner ul li a {
        font-size: 14px
    }

    .contactus-info-inner ul li p {
        font-size: 14px;
        line-height: 20px
    }

    .footer-contact-area ul li i {
        border-radius: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .footer-contact-area ul li a {
        font-size: 16px
    }

    .footer-contact-area ul li a:hover {
        text-decoration: underline;
        color: #93cbcd
    }

    .footer-contact-area ul li p {
        font-size: 16px;
        line-height: 20px
    }

    #staticBackdrop .modal-content {
        background-image: inherit;
        width: 90%;
        margin: 0 auto
    }

    #staticBackdrop .modal-dialog {
        max-width: 500px!important;
        margin: 50px 15px 0
    }

    #staticBackdrop .modal-body .modal-body-img {
        display: none
    }
}

section.our-packages-wrap {
    background: #fff;
    padding: 100px 0 50px
}

.our-packages-wrap .our-packages-head {
    margin: 0 0 40px;
    text-align: center
}

.our-packages-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 92px;
    line-height: 98px;
    margin: 0 0 20px
}

.our-packages-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.our-packages-wrap .packages-tab-list {
    margin: 0 0 50px
}

.packages-tab-list ul.nav-pills {
    justify-content: center
}

.packages-tab-list ul.nav-pills li.nav-item {
    margin: 0 10px
}

.packages-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 18px;
    box-shadow: 0 3px 10px -2px #b2b2b2;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.packages-tab-list ul.nav-pills li.nav-item button.nav-link.active,.packages-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.our-packages-wrap .packages-tab-content {
}

.packages-tab-content .packages-tab-inner {
}

.packages-tab-inner .packages-tab-box {
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0 5px 20px -3px #b2b2b2;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    margin: 0 0 20px
}

.packages-tab-inner .packages-tab-box:hover {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    transform: translateY(-10px)
}

.packages-tab-box .packages-tab-box-head {
    border-bottom: 2px solid #1b1f2e;
    padding: 0;
    text-align: center
}

.packages-tab-inner .packages-tab-box:hover .packages-tab-box-head {
    border-bottom: 2px solid #fff
}

.packages-tab-box .packages-tab-box-head h3 {
    font-family: visbycf-demibold;
    color: #1b1f2e;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 5px
}

.packages-tab-inner .packages-tab-box:hover h3 {
    color: #fff
}

.packages-tab-box .packages-tab-box-head h5 {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 62px;
    line-height: 68px;
    margin: 0 0 10px;
    position: relative;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.packages-tab-box h5 span {
    font-size: 20px;
    position: absolute;
    bottom: -10px;
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.packages-tab-box ul.package-box-list {
    padding: 20px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 10px
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #9b9b9b
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: #9b9b9b
}

.packages-tab-box ul.package-box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b;
    background-image: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%)
}

.packages-tab-box ul.package-box-list li {
    list-style: disc;
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px
}

.packages-tab-inner .packages-tab-box:hover ul.package-box-list li {
    color: #fff
}

.packages-tab-box ul.package-box-list li::marker {
    color: #1b1f2e;
    font-size: 24px
}

.packages-tab-inner .packages-tab-box:hover ul.package-box-list li::marker {
    color: #fff
}

.packages-tab-box button.popup-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: 2px solid #fff;
    padding: 5px 15px;
    font-size: 20px;
    width: 250px;
    text-align: center;
    display: block;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 20px auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.packages-tab-box button.popup-btn:hover {
    background: -webkit-linear-gradient(90deg,rgba(225,171,207,1) 0%,rgba(150,208,205,1) 50%,rgba(111,144,201,1) 100%)
}

section.main-privacy {
    padding: 160px 0
}

.main-privacy h3 {
    padding: 25px 0
}

.List ul li {
    list-style: disc;
    margin: 14px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

.main-privacy h3 {
    padding: 25px 0
}

.List h3 {
    padding: 0!important;
    font-size: 18px;
    font-weight: 700;
    margin: 24px 0 0
}

section.main-privacy {
    padding: 160px 0
}

.main-privacy h3 {
    padding: 25px 0;
    font-family: montserrat,sans-serif
}

section.latest-work-wrap {
    background: #fff;
    padding: 100px 0
}

.latest-work-wrap .latest-work-head {
    margin: 0 0 50px;
    text-align: center
}

.latest-work-head h2 {
    font-family: glamore;
    color: #1b1f2e;
    font-size: 92px;
    line-height: 98px;
    margin: 0 0 10px
}

.latest-work-head h2 span {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.latest-work-head p {
    font-family: visbycf-medium;
    color: #1b1f2e;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto 10px;
    width: 75%
}

.latest-work-wrap .portfolio-tab-list {
    margin: 0 0 50px
}

.portfolio-tab-list ul.nav-pills {
    justify-content: center
}

.portfolio-tab-list ul.nav-pills li.nav-item {
    margin: 0 10px 15px
}

.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link {
    font-family: visbycf-bold;
    color: #1b1f2e;
    font-size: 18px;
    box-shadow: 0 3px 10px -2px #b2b2b2;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link.active,.portfolio-tab-list ul.nav-pills li.nav-item button.nav-link:hover {
    background: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    color: #fff
}

.latest-work-wrap .portfolio-tab-content {
}

.latest-work-wrap .latest-work-item {
    background: linear-gradient(0deg,rgba(27,31,46,1) 0%,rgba(27,31,44,1) 100%);
    border-radius: 40px;
    padding: 20px;
    margin: 0 0 30px
}

.latest-work-item .latest-work-img a {
    border: 5px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    padding: 0;
    position: relative;
    transition: all .3 ease-in-out;
    cursor: pointer;
    display: block
}

.latest-work-item .latest-work-img a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b1f2e;
    opacity: 0;
    transform: scale(.1);
    transition: all .3s ease-in-out;
    z-index: 1
}

.latest-work-item .latest-work-img a:hover img {
    transform: scale(.9)
}

.latest-work-item .latest-work-img a:hover::before {
    transform: scale(1);
    opacity: .5
}

.latest-work-item .latest-work-img img {
    width: 100%;
    transition: all .3s ease-in-out;
    min-height: 350px;
    max-height: 350px
}

.modaL_order {
}

#staticBackdrop .modal-content {
    background-image: url(../images/modal-pop.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 100%;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    border: 2px solid #2a2460;
    background-color: #1b1f2e
}

#staticBackdrop .modal-content .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border-radius: 21px;
    box-shadow: none;
    width: 29px;
    height: 29px;
    cursor: pointer;
    opacity: 1;
    z-index: 4
}

#staticBackdrop .modal-content .btn-close i {
    color: #fff;
    font-weight: 600
}

#staticBackdrop .modal-dialog {
    max-width: 700px!important;
    margin: 150px auto 0
}

#staticBackdrop .modal-header {
    padding: 0;
    border-bottom: none
}

#staticBackdrop .modal-body {
    padding: 20px 10px
}

#staticBackdrop .modal-body .modal-body-img {
    display: none
}

#staticBackdrop .modal-body .modal-body-form {
}

.modal-body-form h3 {
    font-family: glamour;
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    margin: 0 0 10px;
    font-weight: 700;
    text-align: center
}

.modal-body-form .popup-form-list {
}

.modal-body-form .popup-form-list .form-group {
    margin: 0 0 10px
}

.modal-body-form .popup-form-list .form-group input {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: 100%;
    border: none;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group textarea {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    height: 90px;
    resize: none;
    border: none;
    width: 100%;
    box-shadow: 0 0 5px 1px #333
}

.modal-body-form .popup-form-list .form-group button.submit-btn {
    font-family: visbycf-bold;
    background: -webkit-linear-gradient(90deg,rgba(150,208,205,1) 0%,rgba(111,144,201,1) 50%,rgba(225,171,207,1) 100%);
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    width: 100%;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto 0;
    transition: all.3s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in
}

.modal-body-form .popup-form-list .form-group button.submit-btn:hover {
    background: #fff;
    color: #1b1f2e
}

a.nav-link.home-padding {
    margin: 2px 0 0
}

.footer-main-sec .footer-btm p span {
    color: #fff;
    font-family: visbycf-bold;
    font-size: 14px;
    background: #f44336;
    padding: 4px 14px;
    border-radius: 26px;
    display: inline-block;
    margin: 0 13px
}