@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media only screen and (min-width:1023px) {
    .desk-portfolio .port-item .text-flex h4 img:hover {
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-animation-duration: 4s;
        animation-duration: 5s infinite
    }
}

@media (min-width:1600px) {
    .cont_sec.price_content {
        padding: 0 0 !important
    }
}

.services-footer .copyright {
    padding: 20px 0 40px
}

.list_packages .com_heading {
    font: 3.3rem/1.1 josefin_sansbold_italic
}

@media only screen and (min-width:1023px) {
    .section-two.section.active .portfolio-banner-logo {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }
}

.portfolio-banner-logo {
    padding-top: 20px;
    padding-left: 10px
}

.section-two.section.active .portfolio-banner-logo {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bannerimg.banner-overlay:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .35);
    top: 0
}

.package-1.established.list_packages .img_sec:before {
    display: none
}

.iScrollIndicator {
    opacity: 0
}

@media (max-width:1460px) {
    .port_summary .right_side img {
        max-width: 140px
    }
}

.flider-grid ul.slick-dots {
    text-align: left;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.flider-grid ul.slick-dots li {
    display: inline-block;
    width: 31px;
    height: 5px;
    background: #fff;
    margin: 30px 10px 0 0
}

.flider-grid ul.slick-dots li:not(.slick-active) {
    width: 9px;
}

.section_fourth .heading-grid .icons-wrap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    display: -ms-flexbox
}

.flider-grid ul.slick-dots li.slick-active {
    background: #4ea74e
}

.flider-grid ul.slick-dots li button {
    display: none
}

.testimonial-logo .list_logo {
    padding-right: 1rem !important
}

.section_fourth .flider-grid .Testimoni {
    width: 100%
}

.established.list_packages .cont_sec {
    width: 70%
}

.established.list_packages .img_sec:before {
    content: "";
    position: absolute;
    background: #663493;
    width: 100%;
    height: 1px;
    top: -1px
}

.established.list_packages .img_sec {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 30%;
    height: calc(100% + 0px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #663493
}

.established.list_packages .img_sec.left-img-sec {
    right: auto;
    left: 0
}

.experienced.price-range-div {
    background: #663493;
    padding: 0 0;
    position: relative;
    z-index: 1
}

.package-4.section.active .price-range-div h5 {
    margin-bottom: 0
}

.left-image-section .experienced.price-range-div:before {
    width: calc(100% + 90100px);
    right: -260px
}

.bannerimg.banner-overlay {
    background-position: top center
}

.established.list_packages.left-image-section .cont_sec {
    float: right
}

.list_packages .wrapper {
    height: 100%
}

.established.list_packages .cont_sec.price-range-div {
    height: 60%
}

.established.list_packages .cont_sec.price_content {
    height: 40%
}

.established.list_packages .cont_sec {
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.experienced.price-range-div:before {
    content: "";
    position: absolute;
    background: #663493;
    width: calc(100% + 700px);
    height: 100%;
    left: -450px;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 100px
}

.price-range-div.experienced ul li:first-child {
    padding-left: 30px;
    margin-left: -30px
}

.price_content .smallertext p {
    font: 14px/1.7 open_sansregular;
    color: #333;
    margin-bottom: 25px;
    text-transform: inherit
}

.price-range-div .com_heading {
    font-family: josefin_sanssemibold_italic !important;
    letter-spacing: 0 !important
}

.price_content .smallertext p:last-child {
    margin-bottom: 0
}

.price-range-div h5 {
    font: 19px/1 josefin_sanssemibold;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    font-style: italic;
    margin-bottom: 22px
}

.price-range-div h5:before {
    content: "";
    position: absolute;
    left: calc(100% + 20px);
    top: 5px;
    width: 50px;
    height: 1px;
    background: #fff
}

.price-range-div .smallertext p {
    color: #fff
}

.price-range-div .smallertext {
    padding: 15px 0 5px
}

.price-range-div.experienced ul {
    margin-top: 30px
}

.price-range-div .smallertext p {
    color: #fff;
    text-transform: inherit
}

.price-range-div .smallertext p b {
    display: block;
    padding-top: 4px
}

.established.list_packages .img_sec:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    top: 0
}

header.cs_header_new .left-content h1 {
    font-size: clamp(16px, 1.1vw, 18px);
    color: #000000;
    font-weight: normal;
    position: relative;
    display: inline-block;
    width: auto;
}

header.main-header .topheader .right-sec .right-cotact a {
    display: flex;
    gap: clamp(8px, 0.8vw, 14px);
    padding-left: 0;
    justify-content: e;
}

header.cs_header_new .left-content h1:before {
    content: "";
    background: #663493;
    width: 65px;
    height: 1px;
    position: absolute;
    left: calc(100% + 6px);
    top: 50%;
    transform: translateY(-50%);
}

header.main-header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999
}

header.main-header .topheader {
    overflow: hidden;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    padding: 12px 30px;
    background-color: #fff
}

@media only screen and (min-width:992px) {
    header.main-header .topheader {
        padding: 12px clamp(30px, 3vw, 50px);
        background-color: transparent
    }
}

header.main-header .topheader .right-sec {
    justify-content: end;
    padding-right: clamp(30px, 5.469vw, 105px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

header.main-header .topheader .right-sec .right-cotact {
    float: none;
    color: #242424;
    font-weight: 600;
}

header.main-header .topheader .right-sec .right-cotact a {
    color: inherit;
    text-decoration: none;
    padding-left: 5px;
    font-family: inherit
}

.nav_body_scroll {
    transition: all .3s ease;
}

.nav_body_scroll .right-sec:before {
    background: #000 !important;
    opacity: 0.6;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 12;
    /* backdrop-filter: blur(5px); */
}

.nav_body_scroll {
    overflow: hidden !important;
}

header.main-header .topheader .right-sec .left-nav {
    float: none;
    position: fixed;
    top: 0%;
    left: calc(-100% - 20px);
    width: clamp(290px, 35vw, 645px);
    background-color: #663493;
    padding: 0px;
    z-index: 100;
    transition: all .3s ease;
    display: flex !important;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 32px;
    gap: 30px;
}

.cs_nav_social_icons_wrapper,
.cs_footer_social_icons_wrapper {
    display: flex;
    align-items: center;
    gap: clamp(15px, 1.5vw, 25px);
    justify-content: center;
}

.cs_nav_social_icons_wrapper>a,
.cs_nav_social_icons_wrapper>a:active,
.cs_nav_social_icons_wrapper>a:focus,
.cs_footer_social_icons_wrapper>a,
.cs_footer_social_icons_wrapper>a:active,
.cs_footer_social_icons_wrapper>a:focus {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 60px;
    background-color: transparent;
    transition: all .3s ease;
}

.cs_footer_social_icons_wrapper {
    justify-content: start;
}

.cs_footer_social_icons_wrapper>a,
.cs_footer_social_icons_wrapper>a:active,
.cs_footer_social_icons_wrapper>a:focus {
    background-color: #653394;
    border: 1px solid #653394;
}

span.nav_close_btn {
    position: absolute;
    top: clamp(10px, 1.1vw, 20px);
    right: clamp(10px, 1.1vw, 20px);
    width: clamp(18px, 1.4vw, 24px);
    height: clamp(18px, 1.4vw, 24px);
    display: inline-block;
    cursor: pointer;
}

.cs_nav_social_icons_wrapper>a>img,
.cs_nav_social_icons_wrapper>a:active>img,
.cs_nav_social_icons_wrapper>a:focus>img,
.cs_footer_social_icons_wrapper>a>img,
.cs_footer_social_icons_wrapper>a:active>img,
.cs_footer_social_icons_wrapper>a:focus>img {
    filter: brightness(100);
}

.cs_footer_social_icons_wrapper>a>img,
.cs_footer_social_icons_wrapper>a:active>img,
.cs_footer_social_icons_wrapper>a:focus>img {
    filter: brightness(100);
}

.cs_nav_social_icons_wrapper>a:hover>img,
.cs_footer_social_icons_wrapper>a:hover>img {
    filter: none;
}

.cs_nav_social_icons_wrapper>a:hover,
.cs_footer_social_icons_wrapper>a:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.nav_side_logo img {
    max-width: 166px;
    margin-inline: auto;
    padding-block: clamp(30px, 3.5vw, 50px) clamp(30px, 3.8vw, 60px);
}

span.nav_close_btn svg {
    width: 100%;
    height: 100%;
}

header.main-header .topheader .right-sec .left-nav.nav-left {
    left: 0;
    transition: all .3s ease;
}

header.main-header .topheader .right-sec .left-nav ul {
    height: calc(100vh - (clamp(30px, 3.5vw, 50px) + clamp(30px, 3.8vw, 60px) + 120px + 30px + 32px));
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

header.main-header .topheader .right-sec .left-nav ul li {
    display: block;
    padding: 15px clamp(30px, 3.9vw, 67px);
    border-bottom: 1px solid hsl(0deg 0% 100% / 20%);
}

header.main-header .topheader .right-sec .left-nav ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.cs-right-info {
    display: flex;
    align-items: center;
    justify-content: end;
}

.cs-right-info,
.left-content {
    width: calc(50% - 90px);
}

header.main-header .topheader .right-sec .left-nav ul li a {
    display: inline-block;
    padding: 0;
    color: #fff;
    text-decoration: none;
    text-transform: normal;
    -webkit-transition: all 1s;
    transition: all 1s
}

header.main-header .topheader .right-sec .left-nav ul li a:hover,
header.main-header .topheader .right-sec .left-nav ul li.active a {
    color: #fff;
    font-weight: 700;
}

header.main-header .topheader #nav-icon1 {
    width: 90px;
    height: 35px;
    color: #242424;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: flex;
    margin: 0;
    align-items: center;
    gap: 10px;
}

span.nav-icon-text {
    display: block;
    line-height: 1;
}

#list-item-bg .bg-item .bg-container.top-banner-video:after {
    display: none
}


.fp-viewing-0 .main-header .topheader {
    padding: 2%;
    background-color: transparent
}

.commansection {
    position: relative
}

.commansection .videosectiobanner {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none
}

.commansection .videosectiobanner video {
    min-width: 100%;
    width: 100%;
    height: auto
}

.commansection.single-work-page-vid .videosectiobanner {
    background: #000
}

@media only screen and (min-width:992px) {
    .commansection .videosectiobanner video {
        height: 55.8vw
    }

    .commansection.single-work-page-vid .videosectiobanner video {
        height: 100%
    }

    .commansection.single-work-page-vid .videosectiobanner {
        display: block;
        top: 0
    }
}

.commansection .banner_slider {
    top: 52%;
    right: -150px;
    margin: 0 auto;
    max-width: 55%;
    z-index: 4444;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 100%
}

@media only screen and (max-width:1400px) {
    .commansection .banner_slider {
        right: -80px
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner_slider {
        position: initial;
        right: 0;
        top: 110%;
        max-width: 100%;
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
}

.commansection .banner_slider .slider_content {
    width: 100%
}

.commansection .banner_slider .slider_content .banertextone h1 {
    color: #fff;
    font: 6.5rem/1 josefin_sansbold_italic;
    text-transform: uppercase
}

@media only screen and (min-width:1170px) {
    .commansection .banner_slider .slider_content .banertextone h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .banertexttwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner-bottom .watch-trailer {
    font: 20px/1.5 open_sansregular
}

.commansection .banner_slider .slider_content .banertexttwo h1 {
    color: #fff;
    font: 6.5rem/1 josefin_sansbold_italic;
    text-transform: uppercase
}

@media only screen and (min-width:1170px) {
    .commansection .banner_slider .slider_content .banertexttwo h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

@media only screen and (max-width:991.98px) {
    .commansection .banner_slider .slider_content .banertexttwo .smallertext p br {
        display: none
    }
}

.commansection .banner_slider .slider_content .banertextthree {
    padding-bottom: 40px
}

.commansection .banner_slider .slider_content .banertextthree h1 {
    color: #fff;
    font: 6.5rem/1 josefin_sansbold_italic;
    text-transform: uppercase
}

@media only screen and (min-width:1170px) {
    .commansection .banner_slider .slider_content .banertextthree h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

.commansection .banner-content {
    position: absolute;
    z-index: 999;
    top: calc(50% + 50px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    z-index: 999;
    line-height: 1.1;
    z-index: 1
}



@media only screen and (max-width:991.98px) {
    .commansection .banner-content {
        position: initial;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 50px 0;
        background: #663493
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content.second-posi {
        bottom: 0;
        top: 40%;
        background: #fff
    }
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
    position: relative;
    margin-top: 20px
}

@media only screen and (max-width:1400px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        margin-top: 10px
    }

    .client_head .com_heading {
        font: 4rem/1.1 josefin_sansbold_italic
    }

    ul.test_slide li .cont {
        margin-top: 70px !important
    }

    ul.test_slide li:hover .cont p {
        font-size: 12px !important;
        padding-top: 15px !important
    }

    ul.test_slide li:hover .cont .read_morebtn {
        margin-top: 20px
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        color: #333
    }

    .established.list_packages .cont_sec.price-range-div {
        height: auto !important
    }

    .established.list_packages .cont_sec.price_content {
        height: auto !important
    }

    .section-two.commansection.say-what-home .banner-content {
        bottom: 0 !important
    }

    .section-two.commansection.say-what-home .banner-content .banner-content-wrapper .read_morebtn {
        height: auto !important
    }

    .contact_inner .img_wrap::after {
        display: none
    }

    .contact_inner .img_wrap::before {
        display: none
    }

    .contact_inner .img_wrap {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px) !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .contact_inner .img_wrap ul li .con_detail a {
        color: #fff;
        text-decoration: none
    }
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
    position: absolute;
    content: "";
    display: block;
    background-color: rgba(225, 225, 225, .4);
    height: 6px;
    width: 100%;
    top: -22px;
    left: -50%
}

@media only screen and (max-width:1400px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
        width: 85%;
        top: -20px
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
        display: none
    }
}

@media only screen and (max-width:991.98px) {

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone p,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p {
        color: #333
    }
}

@media only screen and (max-width:991.98px) {

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p span {
        color: #333;
        margin-top: -10px
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .read_morebtn a {
        border: 2px solid #333;
        color: #333
    }
}

.commansection .banner-content .banner-content-wrapper {
    max-width: none;
    padding: 0 clamp(30px, 3vw, 50px);
    margin: 0 auto;
}

.commansection .banner-content .banner-content-wrapper h2 {
    font-size: clamp(50px, 4.15vw, 78px);
    text-transform: none;
    font-weight: 600;
    line-height: 1.21;
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 {
    color: #fff;
    font: 6.5rem/1 josefin_sansbold
}

@media only screen and (min-width:1170px) {
    .commansection .banner-content .banner-content-wrapper .banertextone h1 {
        white-space: nowrap
    }
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span {
    font: 1.5625rem/1 josefin_sansbold;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    margin-top: -30px
}

.commansection .banner-content .banner-content-wrapper .banertexttwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
    color: #fff;
    font: 6.5rem/1 josefin_sansbold_italic
}

@media only screen and (min-width:1170px) {
    .commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
        white-space: nowrap
    }
}

@media only screen and (max-width:768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext.desk {
        display: none
    }
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob {
    display: none
}

@media only screen and (max-width:768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext.mob {
        display: block
    }
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob p {
    padding-left: 0
}

.commansection .banner-content .banner-content-wrapper .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

.commansection .banner-content .banner-content-wrapper .smallertext-second {
    padding: 20px 0
}

.commansection .banner-content .banner-content-wrapper .smallertext-second p {
    text-transform: none;
    font: 1.1rem/1.5 open_sansregular;
    margin: 0 0 10px 0;
    max-width: 710px
}

.commansection .banner-content .banner-content-wrapper .smallertext-second p a {
    color: #fff
}

@media only screen and (max-width:768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 2.5rem/1.5 open_sansregular
    }
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content .banner-content-wrapper .smallertext-second p br {
        display: none
    }
}

.commansection .banner-content .banner-content-wrapper .read_morebtn {
    padding-top: 20px
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a {
    font: .75rem/1 josefin_sansbold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    letter-spacing: 4px;
    border: 2px solid #fff;
    padding: 12px 16px 10px;
    -webkit-transition: all 5s;
    transition: all 5s;
    vertical-align: top
}

@media only screen and (max-width:991.98px) {
    .commansection .banner-content .banner-content-wrapper .read_morebtn a {
        letter-spacing: 0
    }
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a:hover {
    background-color: #663493;
    border: 2px solid transparent
}

.commansection.only_second .bannerimg img {
    max-width: 100%;
    min-width: none
}

@media only screen and (min-width:991.98px) {
    .commansection.only_second .bannerimg img {
        max-width: none;
        min-width: 100%
    }
}

.mob_prot {
    display: none
}

/* @media only screen and (max-width:991.98px) {
    .mob_prot {
        display: block
    }
} */

.mob_prot .new_slick {
    overflow: hidden;
    position: relative;
    height: 550px
}

.mob_prot .new_slick button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 444;
    font-size: 0;
    width: 40px;
    height: 40px;
    outline: 0;
    border: 0 none;
    border-radius: 50%;
    background-color: #999;
    transition: all .5s
}

.mob_prot .new_slick button.slick-arrow:hover {
    background: 663493;
    cursor: pointer
}

.mob_prot .new_slick button.slick-arrow:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    color: #fff
}

.mob_prot .new_slick button.slick-disabled {
    background: #999
}

.mob_prot .new_slick button.slick-prev {
    left: 10px
}

.mob_prot .new_slick button.slick-prev:after {
    content: "\f104"
}

.mob_prot .new_slick button.slick-next {
    right: 10px
}

.mob_prot .new_slick button.slick-next:after {
    content: "\f105"
}

.mob_prot .new_slick button:hover {
    background: #999
}

.mob_prot .new_slick .thumimg {
    height: 550px;
    overflow: hidden
}

.mob_prot .new_slick .thumimg img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    min-height: none;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mob_prot .new_slick .item {
    position: relative
}

.mob_prot .new_slick .item .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px
}

.mob_prot .new_slick .item .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .item .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.mob_prot .new_slick .item .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .item .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.mob_prot .new_slick .airbox {
    position: relative;
    overflow: hidden;
    height: auto !important;
    width: 100%
}

.mob_prot .new_slick .airbox .figcaption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .airbox .figcaption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .airbox .figcaption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.mob_prot .new_slick .airbox .figcaption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .airbox .figcaption p {
        font: 2rem/1.5 open_sansregular
    }
}

.mob_prot .new_slick .arnold {
    position: relative
}

.mob_prot .new_slick .arnold .bottom-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .arnold .bottom-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .arnold .bottom-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.mob_prot .new_slick .arnold .bottom-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .arnold .bottom-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.mob_prot .new_slick .coffee {
    position: relative
}

.mob_prot .new_slick .coffee .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .coffee .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .coffee .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.mob_prot .new_slick .coffee .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .mob_prot .new_slick .coffee .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.mob_prot .new_slick .dmm,
.mob_prot .new_slick .llc,
.mob_prot .new_slick .worked_across {
    position: relative;
    overflow: hidden;
    height: auto !important
}

.mob_prot .new_slick .dmm .top-caption,
.mob_prot .new_slick .llc .top-caption,
.mob_prot .new_slick .worked_across .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .dmm .top-caption h2,
.mob_prot .new_slick .llc .top-caption h2,
.mob_prot .new_slick .worked_across .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {

    .mob_prot .new_slick .dmm .top-caption h2,
    .mob_prot .new_slick .llc .top-caption h2,
    .mob_prot .new_slick .worked_across .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.mob_prot .new_slick .dmm .top-caption p,
.mob_prot .new_slick .llc .top-caption p,
.mob_prot .new_slick .worked_across .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {

    .mob_prot .new_slick .dmm .top-caption p,
    .mob_prot .new_slick .llc .top-caption p,
    .mob_prot .new_slick .worked_across .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .arn_cof {
    overflow: hidden
}

.section_three .slide-new {
    overflow: hidden;
    height: 550px
}

@media only screen and (max-width:1700px) {
    .section_three .slide-new {
        height: auto
    }
}

.section_three .slide-new .pro {
    height: 100%
}

.section_three .slide-new .thumimg img {
    height: 100%
}

.section_three .slide-new .top-caption {
    position: absolute;
    top: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px
}

.section_three .slide-new .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .section_three .slide-new .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .slide-new .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .slide-new .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .slide-new ul.slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.section_three .slide-new ul.slick-dots li {
    padding: 10px;
    display: inline-block
}

.section_three .slide-new ul.slick-dots li button {
    font-size: 0;
    background: #b4afab;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    outline: 0;
    padding: 0
}

.section_three .slide-new ul.slick-dots li.slick-active button {
    background: #663493;
    border: 1px solid #663493
}

.section_three .airbox {
    position: relative;
    overflow: hidden
}

.section_three .airbox img {
    min-width: 100%;
    min-height: 100%
}

@media only screen and (min-width:768px) {
    .section_three .airbox img {
        min-width: none
    }
}

.section_three .airbox .figcaption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .airbox .figcaption h4 {
    font: 1.125rem/1 josefin_sansbold;
    text-transform: uppercase
}

.section_three .airbox .figcaption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .airbox .figcaption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .plan {
    background-color: #7d1ed2;
    position: relative;
    padding-top: 1px
}

.section_three .plan .plan_caption {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%
}

.section_three .plan .plan_caption p {
    color: #fff;
    padding: 0 0 15px 0;
    font: 1.25rem/1.5 josefin_sansbold
}

@media only screen and (max-width:991.98px) {
    .section_three .plan .plan_caption p {
        font: 2rem/1.5 josefin_sansbold
    }
}

@media only screen and (max-width:991.98px) {
    .section_three .plan .plan_caption p br {
        display: none
    }
}

.section_three .plan .plan_caption h1 {
    font: 2.5rem/1.5 josefin_sansbold;
    color: #fff;
    padding: 0 0 15px 0
}

@media only screen and (max-width:991.98px) {
    .section_three .plan .plan_caption h1 {
        font: 3rem/1.5 josefin_sansbold;
        margin-bottom: 15px
    }
}

.section_three .plan .plan_caption a {
    font: .75rem/1 josefin_sansbold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    letter-spacing: 4px;
    border: 2px solid #fff;
    padding: 12px 16px 10px;
    -webkit-transition: all 5s;
    transition: all 5s;
    vertical-align: top
}

@media only screen and (max-width:991.98px) {
    .section_three .plan .plan_caption a {
        letter-spacing: 0
    }
}

.section_three .plan .plan_caption a:hover {
    background-color: #663493;
    border: 2px solid transparent
}

.section_three .worked_across {
    overflow: hidden;
    height: 100%
}

.section_three .dmm {
    position: relative;
    overflow: hidden
}

.section_three .dmm img {
    min-width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) {
    .section_three .dmm img {
        min-width: none
    }
}

.section_three .dmm .top-caption {
    position: absolute;
    top: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .dmm .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .section_three .dmm .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .dmm .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .dmm .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .llc {
    position: relative;
    overflow: hidden
}

.section_three .llc .top-caption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .llc .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .section_three .llc .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .llc .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .llc .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .krn,
.section_three .llca,
.section_three .sp_br {
    position: relative;
    overflow: hidden
}

.section_three .krn img,
.section_three .llca img,
.section_three .sp_br img {
    min-width: 100%
}

@media only screen and (min-width:768px) {

    .section_three .krn img,
    .section_three .llca img,
    .section_three .sp_br img {
        min-width: none
    }
}

.section_three .krn .cap,
.section_three .llca .cap,
.section_three .sp_br .cap {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .krn .cap h2,
.section_three .llca .cap h2,
.section_three .sp_br .cap h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {

    .section_three .krn .cap h2,
    .section_three .llca .cap h2,
    .section_three .sp_br .cap h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .krn .cap p,
.section_three .llca .cap p,
.section_three .sp_br .cap p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {

    .section_three .krn .cap p,
    .section_three .llca .cap p,
    .section_three .sp_br .cap p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .llca,
.section_three .sp_br {
    margin-top: 0
}

.section_three .arnold {
    position: relative;
    overflow: hidden
}

.section_three .arnold img {
    max-width: 100%;
    min-width: none;
    min-height: none;
    max-height: 100%;
    height: 100%;
    width: 100%
}

.section_three .arnold .bottom-caption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .arnold .bottom-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .section_three .arnold .bottom-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .arnold .bottom-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .arnold .bottom-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_three .coffee {
    position: relative;
    overflow: hidden
}

.section_three .coffee img {
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    height: auto;
    width: 100%
}

.section_three .coffee .top-caption {
    position: absolute;
    top: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .coffee .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width:991.98px) {
    .section_three .coffee .top-caption h2 {
        font: 2.5rem/1 josefin_sansbold
    }
}

.section_three .coffee .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

@media only screen and (max-width:991.98px) {
    .section_three .coffee .top-caption p {
        font: 2rem/1.5 open_sansregular
    }
}

.section_fourth {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.section_fourth .rating {
    width: 15%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .section_fourth .rating {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .section_fourth .rating {
        height: 600px;
        width: 100%
    }
}

.section_fourth .rating img {
    min-height: 100%;
    max-height: none;
    min-width: 100%;
    max-width: none
}

.section_fourth .rating .center_cap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: left;
    margin: 0 auto;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:991.98px) {
    .section_fourth .rating .center_cap {
        text-align: center
    }
}

.section_fourth .rating .center_cap span {
    font: 1.125rem/1 open_sansbold;
    color: #fff
}

@media only screen and (max-width:768px) {
    .section_fourth .rating .center_cap span {
        font: 2.5rem/2.5 open_sansbold
    }
}

.section_fourth .rating .center_cap p {
    color: #fff;
    text-transform: uppercase;
    font: 1rem/2.5 open_sansbold
}

@media only screen and (max-width:768px) {
    .section_fourth .rating .center_cap p {
        font: 2.5rem/2.5 open_sansbold
    }
}

.section_fourth .rating .center_cap p.green {
    font: .8125rem/2 open_sansbold;
    color: #5fb35f
}

@media only screen and (max-width:768px) {
    .section_fourth .rating .center_cap p.green {
        font: 2.5rem/2.5 open_sansbold
    }
}

.section_fourth .rating .center_cap ul.stars-rate {
    padding: 20px 0
}

.section_fourth .rating .center_cap ul.stars-rate li {
    display: inline-block;
    color: #fff
}

.section_fourth .user_reviews {
    width: 40%
}

@media only screen and (max-width:1024px) {
    .section_fourth .user_reviews {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews {
        width: 100%
    }
}

.section_fourth .user_reviews .people {
    height: 40%;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .people {
        height: 30%
    }
}

.section_fourth .user_reviews .people h4 {
    font: 5rem/1 josefin_sansbold;
    color: #e5e5e5;
    padding-left: 40px
}

.section_fourth .user_reviews .people h4 span {
    font: 1.5625rem/1 josefin_sansbold;
    text-transform: uppercase;
    vertical-align: middle
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .people h4 span {
        font: 3rem/1 josefin_sansbold
    }
}

.section_fourth .user_reviews .people h1 {
    color: #333;
    padding-left: 40px;
    font: 6.875rem/1 josefin_sansbold_italic;
    margin-top: 10px
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .people h1 {
        font: 8rem/1 josefin_sansbold_italic
    }
}

.section_fourth .user_reviews .people h1.purple {
    color: #663493;
    border-bottom: 6px solid #dad9da;
    max-width: 80%;
    padding-bottom: 10px;
    margin-top: 0
}

.section_fourth .user_reviews .Testimoni {
    background-color: #f6f6f6;
    padding: 100px 40px;
    height: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .Testimoni {
        padding: 40px 40px 100px
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
    font: 1.8rem/1 josefin_sansbold;
    color: #333;
    padding-bottom: 20px
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
        font: 3.5rem/1 josefin_sansbold
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
    font: 1.0625rem/1.5 open_sanslight_italic
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
        font: 3rem/1.5 open_sanslight_italic
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
    font: 1.25rem/1 open_sanssemibold;
    color: #333;
    padding-top: 40px
}

@media only screen and (max-width:768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
        font: 2rem/1 open_sanssemibold
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p a {
    font: 1.125rem/1 open_sanssemibold;
    color: #b4b4b4;
    padding-bottom: 40px;
    text-decoration: none;
    padding-top: 10px;
    display: block
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li {
    display: inline-block;
    padding-right: 10px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li button {
    font-size: 0;
    background-color: #663493;
    width: 50px;
    outline: 0;
    border: 0 none;
    cursor: pointer;
    height: 4px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li.slick-active button {
    background-color: #5fb35f
}

.section_fourth .logos {
    width: 45%
}

@media only screen and (max-width:1024px) {
    .section_fourth .logos {
        width: 100%;
        height: 100%
    }
}

.section_fourth .logos .img_fig {
    position: relative;
    height: 70%;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .section_fourth .logos .img_fig {
        height: 20%;
        max-height: 300px
    }
}

.section_fourth .logos .img_fig img {
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    max-height: none
}

.section_fourth .logos .img_fig .fig_cap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 60%;
    width: 100%
}

.section_fourth .logos .img_fig .fig_cap p {
    color: #fff;
    font: 1.8125rem/1.5 josefin_sansitalic
}

@media only screen and (max-width:768px) {
    .section_fourth .logos .img_fig .fig_cap p {
        font: 3rem/1.5 josefin_sansitalic
    }
}

.section_fourth .logos .logo_list {
    background-color: #443f48;
    padding: 20px;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 30%
}

@media only screen and (max-width:768px) {
    .section_fourth .logos .logo_list {
        height: 60%
    }
}

.section_fourth .logos .logo_list ul.list_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:991.98px) {
    .section_fourth .logos .logo_list ul.list_logo {
        display: none
    }
}

.section_fourth .logos .logo_list ul.list_logo li {
    width: 25%
}

@media only screen and (max-width:768px) {
    .section_fourth .logos .logo_list ul.list_logo li {
        width: 50%;
        padding: 20px 0
    }
}

@media only screen and (max-width:540px) {
    .section_fourth .logos .logo_list ul.list_logo li {
        width: 100%
    }
}

.section_fourth .logos .logo_list ul.list_logo li a img {
    margin: 0 auto;
    max-width: 70%
}

.section_fourth .logos .logo_list ul.list_logo:first-of-type {
    border-bottom: 1px solid #57535b
}

.section_fourth .logos .logo_newlist {
    display: none
}

@media only screen and (max-width:991.98px) {
    .section_fourth .logos .logo_newlist {
        display: block;
        width: 100%
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix {
    clear: both
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    vertical-align: middle
}

body {
    overflow-x: hidden
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

video {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:991.98px) {
    video {
        height: 100%;
        width: 100%
    }
}

.commansection {
    overflow: hidden
}

.bannerimg {
    overflow: hidden
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-item,
.grid-sizer {
    width: 100%
}

@media only screen and (min-width:768px) {

    .grid-item,
    .grid-sizer {
        width: 20%
    }
}

.grid-item--width2 {
    width: 100%
}

@media only screen and (min-width:768px) {
    .grid-item--width2 {
        width: 40%
    }
}

.grid-item--width3 {
    width: 100%
}

@media only screen and (min-width:768px) {
    .grid-item--width3 {
        width: 60%
    }
}

.grid-item--height2 {
    height: 200px
}

.grid-item--height3 {
    height: 260px
}

.grid-item--height4 {
    height: 360px
}

.height_auto {
    height: auto
}

.grid-item-half {
    width: 100%
}

@media only screen and (min-width:768px) {
    .grid-item-half {
        width: 25%
    }
}

.grid-item-width6 {
    width: 100%
}

@media only screen and (min-width:768px) {
    .grid-item-width6 {
        width: 40%
    }
}

.section-one.section.active h1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-one.section.active h1 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
}

.section-one.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-one.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section-two.section.active h1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-two.section.active h1 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-1.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-2.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-3.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-4.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-1.section.active .read_morebtn,
    .package-1.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    .package-2.section.active .read_morebtn,
    .package-2.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    .package-3.section.active .read_morebtn,
    .package-3.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    .package-4.section.active .read_morebtn,
    .package-4.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    .package-1.section.active .price-range-div ul,
    .package-1.section.active h3 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUP
    }

    .package-2.section.active .price-range-div ul,
    .package-2.section.active h3 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }

    .package-3.section.active .price-range-div ul,
    .package-3.section.active h3 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }

    .package-4.section.active .price-range-div ul,
    .package-4.section.active h3 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
}

a.cus_btn.white:focus,
a.cus_btn.white:hover {
    background: #fff;
    color: #663493
}

.cont-img {
    margin-bottom: 25px
}

.com_heading.what-wedo-heading {
    font: 3.8rem/1.1 josefin_sansbold_italic;
    padding: 0 0 40px 0
}

.package-1.section.active .read_morebtn,
.package-1.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-2.section.active .read_morebtn,
.package-2.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-3.section.active .read_morebtn,
.package-3.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-4.section.active .read_morebtn,
.package-4.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-1.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-2.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-3.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-4.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-1.section.active .price-range-div ul,
.package-1.section.active h3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-2.section.active .price-range-div ul,
.package-2.section.active h3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-3.section.active .price-range-div ul,
.package-3.section.active h3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-4.section.active .price-range-div ul,
.package-4.section.active h3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.section-two.section.active h1.zoom_title {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-two.section.active h1.zoom_title {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    .package-1.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    .package-2.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    .package-3.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    .package-4.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }
}

.package-1.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-2.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-3.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.package-4.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.section-two.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-two.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section-two.section.active .read_morebtn a {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .section-two.section.active .read_morebtn a {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section_three img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 3s;
    transition: all 3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width:1023px) {
    .section_three img:hover {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-animation-duration: 4s;
        animation-duration: 5s infinite
    }
}

.remark.section.active .logos p {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {
    .remark.section.active .logos p {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
}

.remark.section.active h1,
.remark.section.active h4 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width:1023px) {

    .remark.section.active h1,
    .remark.section.active h4 {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }
}

@font-face {
    font-display: swap;
    font-family: brown_proregular;
    src: url(../fonts/shinntype_-_brownpro-webfont.html);
    src: url(../fonts/shinntype_-_brownpro-webfontd41d.html?#iefix) format("embedded-opentype"), url(../fonts/shinntype_-_brownpro-webfont-2.html) format("woff2"), url(../fonts/shinntype_-_brownpro-webfont-3.html) format("woff"), url(../fonts/shinntype_-_brownpro-webfont-4.html) format("truetype"), url(../fonts/shinntype_-_brownpro-webfont-5.html#brown_proregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    ont-family: brown_probold;
    src: url(../fonts/shinntype_-_brownpro-bold-webfont.html);
    src: url(../fonts/shinntype_-_brownpro-bold-webfontd41d.html?#iefix) format("embedded-opentype"), url("../fonts/shinnty\a 		.pe_-_brownpro-bold-webfont.woff2") format("woff2"), url(../fonts/shinntype_-_brownpro-bold-webfont-2.html) format("woff"), url(../fonts/shinntype_-_brownpro-bold-webfont-3.html) format("truetype"), url(../fonts/shinntype_-_brownpro-bold-webfont-4.html#brown_probold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: brown_prolight;
    src: url(../fonts/shinntype_-_brownpro-light-webfont.html);
    src: url(../fonts/shinntype_-_brownpro-light-webfontd41d.html?#iefix) format("embedded-opentype"), url(../fonts/shinntype_-_brownpro-light-webfont-2.html) format("woff2"), url(../fonts/shinntype_-_brownpro-light-webfont-3.html) format("woff"), url(../fonts/shinntype_-_brownpro-light-webfont-4.html) format("truetype"), url(../fonts/shinntype_-_brownpro-light-webfont-5.html#brown_prolight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: jaguarjcbook;
    src: url(../fonts/jagw____-webfont.html);
    src: url(../fonts/jagw____-webfontd41d.html?#iefix) format("embedded-opentype"), url(../fonts/jagw____-webfont-2.html) format("woff2"), url(../fonts/jagw____-webfont-3.html) format("woff"), url(../fonts/jagw____-webfont-4.html) format("truetype"), url(../fonts/jagw____-webfont-5.html#jaguarjcbook) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansbold;
    src: url(../fonts/josefinsans-bold-webfont.eot);
    src: url(../fonts/josefinsans-bold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-bold-webfont.woff2) format("woff2"), url(../fonts/josefinsans-bold-webfont.woff) format("woff"), url(../fonts/josefinsans-bold-webfont.ttf) format("truetype"), url(../fonts/josefinsans-bold-webfont.svg#josefin_sansbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansbold_italic;
    src: url(../fonts/josefinsans-bolditalic-webfont.eot);
    src: url(../fonts/josefinsans-bolditalic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-bolditalic-webfont.woff2) format("woff2"), url(../fonts/josefinsans-bolditalic-webfont.woff) format("woff"), url(../fonts/josefinsans-bolditalic-webfont.ttf) format("truetype"), url(../fonts/josefinsans-bolditalic-webfont.svg#josefin_sansbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansitalic;
    src: url(../fonts/josefinsans-italic-webfont.eot);
    src: url(../fonts/josefinsans-italic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-italic-webfont.woff2) format("woff2"), url(../fonts/josefinsans-italic-webfont.woff) format("woff"), url(../fonts/josefinsans-italic-webfont.ttf) format("truetype"), url(../fonts/josefinsans-italic-webfont.svg#josefin_sansitalic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sanslight;
    src: url(../fonts/josefinsans-light-webfont.eot);
    src: url(../fonts/josefinsans-light-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-light-webfont.woff2) format("woff2"), url(../fonts/josefinsans-light-webfont.woff) format("woff"), url(../fonts/josefinsans-light-webfont.ttf) format("truetype"), url(../fonts/josefinsans-light-webfont.svg#josefin_sanslight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sanslight_italic;
    src: url(../fonts/josefinsans-lightitalic-webfont.eot);
    src: url(../fonts/josefinsans-lightitalic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-lightitalic-webfont.woff2) format("woff2"), url(../fonts/josefinsans-lightitalic-webfont.woff) format("woff"), url(../fonts/josefinsans-lightitalic-webfont.ttf) format("truetype"), url(../fonts/josefinsans-lightitalic-webfont.svg#josefin_sanslight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansregular;
    src: url(../fonts/josefinsans-regular-webfont.eot);
    src: url(../fonts/josefinsans-regular-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-regular-webfont.woff2) format("woff2"), url(../fonts/josefinsans-regular-webfont.woff) format("woff"), url(../fonts/josefinsans-regular-webfont.ttf) format("truetype"), url(../fonts/josefinsans-regular-webfont.svg#josefin_sansregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sanssemibold;
    src: url(../fonts/josefinsans-semibold-webfont.eot);
    src: url(../fonts/josefinsans-semibold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-semibold-webfont.woff2) format("woff2"), url(../fonts/josefinsans-semibold-webfont.woff) format("woff"), url(../fonts/josefinsans-semibold-webfont.ttf) format("truetype"), url(../fonts/josefinsans-semibold-webfont.svg#josefin_sanssemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sanssemibold_italic;
    src: url(../fonts/josefinsans-semibolditalic-webfont.eot);
    src: url(../fonts/josefinsans-semibolditalic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-semibolditalic-webfont.woff2) format("woff2"), url(../fonts/josefinsans-semibolditalic-webfont.woff) format("woff"), url(../fonts/josefinsans-semibolditalic-webfont.ttf) format("truetype"), url(../fonts/josefinsans-semibolditalic-webfont.svg#josefin_sanssemibold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansthin;
    src: url(../fonts/josefinsans-thin-webfont.eot);
    src: url(../fonts/josefinsans-thin-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-thin-webfont.woff2) format("woff2"), url(../fonts/josefinsans-thin-webfont.woff) format("woff"), url(../fonts/josefinsans-thin-webfont.ttf) format("truetype"), url(../fonts/josefinsans-thin-webfont.svg#josefin_sansthin) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: josefin_sansthin_italic;
    src: url(../fonts/josefinsans-thinitalic-webfont.eot);
    src: url(../fonts/josefinsans-thinitalic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/josefinsans-thinitalic-webfont.woff2) format("woff2"), url(../fonts/josefinsans-thinitalic-webfont.woff) format("woff"), url(../fonts/josefinsans-thinitalic-webfont.ttf) format("truetype"), url(../fonts/josefinsans-thinitalic-webfont.svg#josefin_sansthin_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: open_sansbold;
    src: url(../fonts/opensans-boldopenSans.eot);
    src: url(../fonts/opensans-boldopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-boldopenSans.woff2) format("woff2"), url(../fonts/opensans-boldopenSans.woff) format("woff"), url(../fonts/opensans-boldopenSans.ttf) format("truetype"), url(../fonts/opensans-boldopenSans.svg#open_sansbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: open_sansbold_italic;
    src: url(../fonts/opensans-bolditalicopenSans.eot);
    src: url(../fonts/opensans-bolditalicopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-bolditalicopenSans.woff2) format("woff2"), url(../fonts/opensans-bolditalicopenSans.woff) format("woff"), url(../fonts/opensans-bolditalicopenSans.ttf) format("truetype"), url(../fonts/opensans-bolditalicopenSans.svg#open_sansbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: open_sansextrabold;
    src: url(../fonts/opensans-extraboldopenSans.eot);
    src: url(../fonts/opensans-extraboldopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-extraboldopenSans.woff2) format("woff2"), url(../fonts/opensans-extraboldopenSans.woff) format("woff"), url(../fonts/opensans-extraboldopenSans.ttf) format("truetype"), url(../fonts/opensans-extraboldopenSans.svg#open_sansextrabold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansextrabold_italic;
    src: url(../fonts/opensans-extrabolditalicopenSans.eot);
    src: url(../fonts/opensans-extrabolditalicopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-extrabolditalicopenSans.woff2) format("woff2"), url(../fonts/opensans-extrabolditalicopenSans.woff) format("woff"), url(../fonts/opensans-extrabolditalicopenSans.ttf) format("truetype"), url(../fonts/opensans-extrabolditalicopenSans.svg#open_sansextrabold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansitalic;
    src: url(../fonts/opensans-italicopenSans.eot);
    src: url(../fonts/opensans-italicopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-italicopenSans.woff2) format("woff2"), url(../fonts/opensans-italicopenSans.woff) format("woff"), url(../fonts/opensans-italicopenSans.ttf) format("truetype"), url(../fonts/opensans-italicopenSans.svg#open_sansitalic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanslight;
    src: url(../fonts/opensans-lightopenSans.eot);
    src: url(../fonts/opensans-lightopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-lightopenSans.woff2) format("woff2"), url(../fonts/opensans-lightopenSans.woff) format("woff"), url(../fonts/opensans-lightopenSans.ttf) format("truetype"), url(../fonts/opensans-lightopenSans.svg#open_sanslight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanslight_italic;
    src: url(../fonts/opensans-lightitalicopenSans.eot);
    src: url(../fonts/opensans-lightitalicopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-lightitalicopenSans.woff2) format("woff2"), url(../fonts/opensans-lightitalicopenSans.woff) format("woff"), url(../fonts/opensans-lightitalicopenSans.ttf) format("truetype"), url(../fonts/opensans-lightitalicopenSans.svg#open_sanslight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans-regularopenSans.eot);
    src: url(../fonts/opensans-regularopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-regularopenSans.woff2) format("woff2"), url(../fonts/opensans-regularopenSans.woff) format("woff"), url(../fonts/opensans-regularopenSans.ttf) format("truetype"), url(../fonts/opensans-regularopenSans.svg#open_sansregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanssemibold;
    src: url(../fonts/opensans-semiboldopenSans.eot);
    src: url(../fonts/opensans-semiboldopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-semiboldopenSans.woff2) format("woff2"), url(../fonts/opensans-semiboldopenSans.woff) format("woff"), url(../fonts/opensans-semiboldopenSans.ttf) format("truetype"), url(../fonts/opensans-semiboldopenSans.svg#open_sanssemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: open_sanssemibold_italic;
    src: url(../fonts/opensans-semibolditalicopenSans.eot);
    src: url(../fonts/opensans-semibolditalicopenSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-semibolditalicopenSans.woff2) format("woff2"), url(../fonts/opensans-semibolditalicopenSans.woff) format("woff"), url(../fonts/opensans-semibolditalicopenSans.ttf) format("truetype"), url(../fonts/opensans-semibolditalicopenSans.svg#open_sanssemibold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

footer {
    background-color: #343434
}

footer .container {
    padding: clamp(60px, 3.9vw, 70px) clamp(30px, 3vw, 50px) 60px;
    display: flex;
    flex-wrap: wrap
}

footer .container .first_grid {
    padding-top: 10px;
}

footer .container .second_grid {
    padding-top: 20px;
}

footer .container .first_grid,
footer .container .second_grid,
footer .container .third_grid {
    width: 33.33%
}

@media only screen and (max-width:991.98px) {

    footer .container .first_grid,
    footer .container .second_grid,
    footer .container .third_grid {
        width: 50%
    }
}

@media only screen and (max-width:767.98px) {

    footer .container .first_grid,
    footer .container .second_grid,
    footer .container .third_grid {
        width: 100%
    }
}

footer .container .fourth_grid {
    width: 10%
}

footer .container .first_grid .footer-info {
    color: #fff;
    padding: 22px 0 30px;
    max-width: 100%;
    font: 15px/19px Mulish;
}


footer .container .second_grid ul.quick_list li {
    padding-bottom: 15px;
    float: left;
    width: 50%;
    list-style: disc;
    color: #fff;
    line-height: 1.4;
}

ul.quick_list {
    margin-left: 20px;
}

footer .container .second_grid ul.quick_list li a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font: 15px/19px Mulish
}

footer .container .third_grid ul.contact_us li {
    padding-bottom: 20px
}

footer .container .third_grid ul.contact_us li p {
    font: 15px/19px Mulish;
    color: #fff;
    display: inline-block
}

footer .container .third_grid ul.contact_us li i {
    color: #fff;
    padding-right: 10px
}

footer .container .third_grid ul.contact_us li a {
    color: #fff;
    text-decoration: none;
    font: 15px/19px Mulish;
}

footer .container .third_grid {
    height: 100%;
    max-width: 461px;
    margin-left: auto;
}

footer .container .second_grid {
    max-width: 523px;
    margin-inline: auto;
    padding-inline: 30px;
}

footer .container .first_grid {
    max-width: 473px;
    margin-left: 0;
    margin-right: auto;
}

footer .copyright {
    border-top: 1px solid #7070707a;
    padding: 15px clamp(20px, 3vw, 50px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

footer .copyright p {
    font: 11px/36px Mulish;
    color: #D0D0D0
}

footer .copyright p a {
    color: inherit;
    text-decoration: none;
}

body {
    font-family: "Bitter", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:768px) {
    .commansection .bannerimg img {
        max-width: none;
        min-width: 100%;
        max-height: none;
        min-height: 100%
    }
}

.desk_port {
    display: block
}

/* @media only screen and (max-width:991.98px) {
    .desk_port {
        display: none
    }
} */

body {
    -webkit-text-size-adjust: 100%;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: 1.4;
    font-family: "Bitter", serif;
    color: #242424
}

.section_fourth .logos .logo_newlist .slick-slide img {
    margin: 0 auto;
    max-width: 80%
}

.section_fourth .logos .logo_newlist ul.slick-dots {
    text-align: center;
    margin-top: 20px
}

.section_fourth .logos .logo_newlist ul.slick-dots li {
    padding: 5px;
    display: inline-block
}

.section_fourth .logos .logo_newlist ul.slick-dots li button {
    font-size: 0;
    background: #b4afab;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    outline: 0;
    padding: 0;
    cursor: pointer
}

.section_fourth .logos .logo_newlist ul.slick-dots li.slick-active button {
    border: 1px solid #fff;
    background: #fff
}

.section_fourth .logos .logo_list {
    padding: 0;
    height: auto
}

.left-logo a img {
    width: 175px
}

header.main-header .topheader .right-sec .left-nav ul li a {
    position: relative;
    transition: all .5s;
    z-index: 1
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
    display: inline-block
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
    width: 100000px;
    left: inherit;
    right: -40px
}

.banp {
    width: 100%;
    max-width: 1000px
}

.banp p {
    margin-bottom: 20px
}

.banp p:last-of-type {
    margin: 0
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span.sm_zoom {
    margin-top: 0
}

.bannerimg {
    background: #000;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.bannerimg img {
    opacity: .8
}

.padd_sec {
    padding: 80px 0
}

.wrapper {
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%
}

.com_heading {
    color: #333;
    font: 5rem/1.1 josefin_sansbold_italic;
    text-transform: uppercase;
    letter-spacing: -2px
}

.established {
    position: relative
}

.established .cont_sec {
    width: 60%
}

.smallertext p {
    text-transform: capitalize;
    font: 14px/1.5 open_sansregular;
    color: #666
}

.smallertext {
    padding: 10px 0
}

.cus_btn {
    font: .95rem/1 josefin_sansbold;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #333;
    padding: 18px 26px 16px;
    -webkit-transition: all 5s;
    transition: all 5s
}

.cus_btn:hover {
    background-color: #663493;
    color: #fff;
    border: 2px solid transparent
}

.established .cus_btn {
    margin-top: 40px
}

.established .img_sec {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: calc(100% + 400px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.experienced {
    position: relative;
    z-index: 1
}

.experienced .img_sec {
    width: 65%
}

.experienced .img_sec img {
    width: 100%
}

.experienced .cont_sec {
    width: 60%;
    background: #663493;
    padding: 55px 40px;
    position: absolute;
    right: 0;
    bottom: 0
}

.experienced .cont_sec p {
    color: #fff
}

.com_heading.white {
    color: #fff
}

.experienced ul {
    width: 100%;
    display: inline-block;
    margin-top: 40px
}

.experienced ul li {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, .32);
    padding: 0 30px;
    width: 33.33%
}

.experienced ul li:first-child {
    padding-left: 0
}

.experienced ul li:last-child {
    border-right: 0
}

.how_work {
    position: relative
}

.how_work .cont_sec {
    width: 50%;
    padding: 0 50px 0 0
}

.how_work_h {
    font: 2rem josefin_sansbold;
    color: #333;
    padding-left: 100px;
    position: relative;
    color: #333;
    display: flex;
    align-items: center
}

.how_work_h:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    width: 80px;
    height: 2px;
    background: #333;
    transform: translateY(-50%)
}

.how_work_h span {
    font: 10rem/1 josefin_sansbold_italic;
    color: #f0f0f0;
    position: relative;
    z-index: -1;
    margin-left: -50px
}

.ulplan {
    width: 100%;
    display: inline-block;
    margin-top: 30px
}

.ulplan li {
    padding: 0 0 15px 30px;
    font: 16px/1.5 open_sansregular;
    color: #666;
    background: url(../images/check.png) no-repeat left top 3px
}

.plan_p {
    font: 16px/1.3 open_sanssemibold;
    color: #666;
    margin-top: 30px
}

.deposit {
    text-align: right;
    margin-top: 80px
}

.deposit strong {
    font: 14px/1.3 open_sansbold;
    color: #333;
    display: block
}

.deposit span {
    font: 14px/1.3 open_sansregular;
    color: #666
}

.how_work .img_wrap {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.how_work.opposite .img_wrap {
    right: inherit;
    left: 0
}

.how_work.opposite .wrapper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.how_work.opposite .cont_sec {
    padding: 0 0 0 50px
}

.ulplan.double {
    display: flex;
    flex-wrap: wrap
}

.ulplan.double li {
    width: 50%;
    padding-right: 20px
}

.develop .plan_p {
    margin-top: 20px
}

.grow {
    background: url(../images/grow.jpg) no-repeat center center/cover
}

.grow .wrapper {
    text-align: center
}

.grow .cont_sec {
    width: 900px;
    max-width: 100%;
    display: inline-block;
    text-align: left
}

.grow .left_side {
    background: rgba(102, 52, 147, .9);
    width: 50%;
    padding: 40px 40px 60px 40px;
    float: left
}

.grow .left_side .how_work_h {
    color: #fff;
    z-index: 1
}

.grow .left_side .how_work_h:before {
    background: #fff
}

.grow .left_side .how_work_h span {
    color: #60308a
}

.grow .left_side .ulplan {
    margin: 0
}

.grow .left_side .ulplan li {
    color: #fff;
    background-image: url(../images/check_white.png)
}

.grow .right_side {
    background: url(../images/grow_inner.jpg) no-repeat center center/cover;
    float: left;
    width: 50%;
    padding: 40px;
    position: relative;
    padding-bottom: 130px;
    margin-top: 24%
}

.grow .right_side p {
    font: 21px/1.3 open_sanssemibold;
    color: #fff
}

.grow .right_side h2 {
    font: 7rem/1 josefin_sansbold_italic;
    color: rgba(255, 255, 255, .15);
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    bottom: 10px
}

.ban_cont {
    position: absolute;
    z-index: 9;
    bottom: 50px;
    left: 0;
    color: #fff;
    width: 100%
}

.section-two.commansection.say-what-home .banner-content {
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    color: #fff;
    bottom: 20px
}

.section-two.commansection.say-what-home .banner-content .banner-content-wrapper .read_morebtn {
    height: 100px
}

.ban_cont .smallertext {
    width: 100%;
    max-width: 1000px
}

.ban_cont .smallertext p {
    color: #fff;
    margin-bottom: 20px
}

.ban_cont .smallertext p:last-of-type {
    margin: 0
}

.ban_sec:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
}

.list_abt {
    background: #453f49
}

.list_abt .inner_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -80px;
    position: relative
}

.list_abt .inner_sec .img_wrap {
    width: 40%;
    transition: all .8s
}

.list_abt .inner_sec .img_wrap img {
    width: 100%
}

.list_abt .inner_sec .cont {
    width: 60%;
    transition: all .8s;
    padding: 50px 50px 80px 50px;
    position: relative;
    z-index: 1
}

.list_abt .inner_sec .cont h5 {
    font: 16px/1 josefin_sanssemibold;
    color: #fff;
    display: inline-block;
    position: relative
}

.list_abt .inner_sec .cont h5:before {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    top: 5px;
    width: 50px;
    height: 2px;
    background: #fff
}

.list_abt .inner_sec .cont h4 {
    font: 18px/1 josefin_sanssemibold;
    color: #c0acff;
    margin-top: 10px;
    margin-bottom: 10px
}

.list_abt .inner_sec .cont h3 {
    font: 4rem/1 josefin_sanssemibold;
    color: #fff;
    margin-bottom: 20px
}

.list_abt .inner_sec .cont p {
    font: 16px/1.5 open_sansregular;
    color: #fff;
    width: 100%;
    max-width: 500px;
    display: inline-block
}

img.footer_logo {
    height: 85px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    img.footer_logo {
        height: 85px
    }
}

.list_abt .inner_sec .cont .read_morebtn {
    margin-top: 40px;
    margin-bottom: 10px
}

.cus_btn.white {
    color: #fff;
    border-color: #fff
}

.list_abt .inner_sec.opposite .img_wrap {
    order: 2
}

.list_abt .inner_sec.opposite .cont {
    text-align: right
}

header.main-header .topheader {
    display: none
}

.nav_body_scroll header.main-header .topheader {
    display: flex
}

.fp-viewing-0 .main-header .topheader,
.fp-viewing-firstPage .main-header .topheader {
    display: flex
}

.fp-viewing-0 #menu,
.fp-viewing-firstPage #menu {
    display: none
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-5 .list_abt .inner_sec.sec2 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec3 .img_wrap {
    width: 60%
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-5 .list_abt .inner_sec.sec2 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec3 .cont {
    width: 40%;
    text-align: right
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec1 .img_wrap {
    width: 40%
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec1 .cont {
    width: 60%
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont {
    text-align: left
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont h3 {
    font: 6rem/1 josefin_sanssemibold;
    white-space: nowrap;
    direction: ltl
}

.fp-viewing-6 .list_abt .inner_sec.sec3 .cont h3 {
    font: 6rem/1 josefin_sanssemibold;
    white-space: nowrap;
    direction: rtl
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont h3 {
    font: 6rem/1 josefin_sanssemibold;
    white-space: nowrap;
    direction: rtl
}

.list_abt .inner_sec.sec3 {
    z-index: 1;
    margin-bottom: 0
}

.list_abt .inner_sec.sec2 {
    z-index: 2
}

.list_abt .inner_sec.sec1 {
    z-index: 3
}

.list_abt .inner_sec.sec1 .img_wrap {
    width: 60%
}

.list_abt .inner_sec.sec1 .cont {
    width: 40%
}

ul.test_slide {
    list-style: none;
    padding: 0 100px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    min-height: 700px
}

ul.test_slide li {
    width: 16.666%;
    height: 100vh;
    min-height: 700px;
    float: left;
    border-left: 1px #d3d3d3 solid;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0 10px;
    transition: all .8s
}

ul.test_slide li:first-child {
    border-right: 1px #d3d3d3 solid
}

ul.test_slide li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .95;
    width: 100%;
    height: 100%;
    transition: all .8s
}

ul.test_slide li .cont {
    width: 100%;
    height: calc(100% - 250px);
    margin-top: 250px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center
}

ul.test_slide li .cont img {
    max-width: 140px;
    transition: all .8s
}

ul.test_slide li .cont p {
    font: 13px/1.5 open_sanslight_italic;
    color: #333;
    max-height: 0;
    overflow: hidden;
    transition: all .8s
}

ul.test_slide li .cont .read_morebtn {
    max-height: 0;
    overflow: hidden;
    transition: all .8s
}

ul.test_slide li .cont .read_morebtn .cus_btn {
    transition: all .8s
}

ul.test_slide li:hover:before {
    background: #394095;
    opacity: .9
}

ul.test_slide li:hover img {
    filter: invert(100%)
}

ul.test_slide li:hover .cont p {
    max-height: 600px;
    color: #fff;
    padding-top: 25px
}

ul.test_slide li:hover .cont .read_morebtn {
    max-height: 65px;
    margin-top: 30px
}

ul.test_slide li:hover .cont .read_morebtn .cus_btn {
    color: #fff;
    border-color: #fff
}

ul.test_slide .slick-arrow {
    position: absolute;
    top: 50%;
    left: 34px;
    transform: translateY(-50%);
    font-size: 0;
    border: 0;
    cursor: pointer;
    opacity: .4
}

ul.test_slide .slick-prev.slick-arrow {
    background: url(../images/testi_left.png) no-repeat left top;
    width: 19px;
    height: 65px
}

ul.test_slide .slick-next.slick-arrow {
    left: inherit;
    right: 34px;
    background: url(../images/testi_right.png) no-repeat left top;
    width: 19px;
    height: 65px
}

.client_head {
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 2;
    width: 100%;
    pointer-events: none
}

.client_head .smallertext {
    width: 100%;
    max-width: 470px;
    padding: 0
}

.client_head .smallertext p {
    color: #000
}

.blog_cont {
    display: flex;
    flex-wrap: wrap
}

.blog .left_filter {
    width: 400px;
    padding: 30px 30px 0 30px
}

.blog .left_filter h4 {
    text-align: center;
    font: 20px/1.3 josefin_sanssemibold;
    letter-spacing: 2px;
    color: #333;
    text-transform: uppercase;
    margin: 20px 0 10px 0
}

.blog_filter {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.blog_filter li {
    font: 16px/1 open_sansregular;
    padding: 18px 0;
    border-bottom: 1px #e1e1e1 solid
}

.blog_filter li a {
    color: #666;
    text-decoration: none
}

.blog_filter li a:hover {
    color: #663493
}

.subscribe {
    background: #0a0a0a;
    padding: 30px 40px
}

.subscribe h5 {
    font: 14px/1.3 josefin_sanssemibold;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
}

.inputfield {
    font: 14px/1.3 josefin_sansbold;
    width: 100%;
    display: inline-block;
    background: #f4f4f5;
    color: #000;
    text-transform: none;
    letter-spacing: 1.3px;
    padding: 16px 20px;
    border: 0
}

.inputfield::-webkit-input-placeholder {
    font: 14px/1.3 josefin_sansbold
}

.inputfield::-moz-placeholder {
    font: 14px/1.3 josefin_sansbold
}

.inputfield:-ms-input-placeholder {
    font: 14px/1.3 josefin_sansbold
}

.inputfield:-moz-placeholder {
    font: 14px/1.3 josefin_sansbold
}

.subscribe .inputfield {
    text-align: center;
    margin: 15px 0
}

.cus_btn.purple {
    background: #672b86;
    border-color: #672b86;
    color: #fff
}

.subscribe .cus_btn.purple {
    width: 100%;
    text-align: center
}

.cont_right {
    width: calc(100% - 400px)
}

.blog_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.blog_box li {
    width: 50%;
    padding-top: 33%;
    position: relative;
    overflow: hidden
}

.blog_box li .img_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s
}

.blog_box li .img_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    transition: all .5s
}

.blog_box li .cont_wrap {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 0 40px;
    z-index: 1;
    text-align: center;
    transition: all .5s
}

.blog_box li .cont_wrap h3 {
    font: 1.8rem/1.3 josefin_sanssemibold;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px
}

.blog_box li .cont_wrap span {
    font: 14px/1 open_sansregular;
    color: #fff;
    display: block
}

.blog_box li .cont_wrap .cus_btn {
    font: .75rem/1 josefin_sanssemibold;
    margin-top: 20px;
    padding: 13px 30px 11px 30px;
    display: none;
    transition: all .5s
}

.blog_box li:hover .img_wrap:after {
    height: 100%;
    background: rgba(102, 52, 147, .9)
}

.blog_box li:hover .cont_wrap {
    bottom: 50%;
    transform: translateY(50%)
}

.blog_box li:hover .cont_wrap .cus_btn {
    display: inline-block
}

.pagination {
    padding: 60px 0 80px 0
}

.pagination ul li {
    display: inline-block;
    font: 18px/1 open_sansregular;
    margin-right: 5px;
    vertical-align: top
}

.pagination ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px #a7a7a7 solid;
    color: #666;
    text-decoration: none;
    transition: all .5s
}

.pagination ul li a:hover {
    background: #672b86;
    border-color: #672b86;
    color: #fff
}

.pagination ul li.active a {
    background: #672b86;
    border-color: #672b86;
    color: #fff
}

.pagination ul li a:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.blog_detail .left_filter {
    border-right: 1px #e1e1e1 solid
}

.blog_detail .cont_right {
    padding: 50px
}

.blogbig_img {
    width: 100%;
    padding-top: 47%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.com_heading2 {
    color: #333;
    font: 4rem/1.2 josefin_sansbold_italic;
    text-transform: uppercase;
    letter-spacing: -2px
}

.blog_det .com_heading2 {
    margin-top: 30px
}

.blog_post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

.blog_post span {
    font-size: 18px
}

.blog_social {
    display: inline-block
}

.blog_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 36px;
    height: 36px;
    border: 1px #666 solid;
    border-radius: 50%;
    text-align: center;
    color: #666;
    text-decoration: none;
    transition: all .5s;
    margin-left: 8px
}

.blog_social a:hover {
    background: #672b86;
    color: #fff;
    border-color: #672b86
}

.blog_det p {
    margin-bottom: 20px
}

.blog_det h3 {
    font: 1.8rem/1.3 josefin_sanssemibold;
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px
}

.contact .wrapper {
    display: flex;
    flex-wrap: wrap
}

.contact .left_side {
    width: 380px
}

.contact .left_side h3 {
    font: 3.3rem/1.3 josefin_sanssemibold_italic;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px
}

.contact .left_side h3 span {
    color: #7d1ed2
}

.contact .left_side .add {
    border: 1px solid #d2d2dd;
    padding: 10px 10px 16px 16px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    max-width: 340px
}

.contact .left_side .add:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    height: 5px;
    border: 1px solid #d2d2dd;
    bottom: -6px;
    border-top: 0;
    left: 2px;
    width: 98%
}

.contact .left_side .add:before {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    height: 5px;
    border: 1px solid #d2d2dd;
    bottom: -12px;
    border-top: 0;
    left: 4px;
    width: 96%
}

.contact .left_side .add h5 {
    font: 22px open_sanssemibold;
    color: #333;
    text-transform: uppercase;
    text-align: left
}

.contact .left_side .add ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left
}

.contact .left_side .add ul li {
    font: 14px/1 open_sansregular;
    color: #555;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.contact .left_side .add ul li a {
    color: #555;
    text-decoration: none
}

.contact .left_side .add ul li img {
    margin-right: 15px
}

.contact .left_side .add a.view {
    font-size: 14px;
    color: #226dac;
    text-decoration: underline;
    color: #672b86;
    text-transform: uppercase
}

.contact .left_side .add a.view:hover {
    text-decoration: none
}

.contact .left_side .add.first {
    margin-top: 30px
}

.padd_sec2 {
    padding: 60px 0
}

.contact .right_side {
    width: calc(100% - 380px);
    padding-left: 50px
}

:focus {
    outline: 0
}

.contact .right_side ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.contact .right_side ul li {
    width: calc(50% - 15px);
    margin-bottom: 30px
}

.contact .right_side ul li.full_width {
    width: 100%
}

textarea.inputfield {
    height: 160px
}

.inputfield::-webkit-input-placeholder {
    color: #7f7f7f;
    opacity: 1
}

.inputfield::-moz-placeholder {
    color: #7f7f7f;
    opacity: 1
}

.inputfield:-ms-input-placeholder {
    color: #7f7f7f;
    opacity: 1
}

.inputfield:-moz-placeholder {
    color: #7f7f7f;
    opacity: 1
}

.comm_label {
    font: 15px/1.3 josefin_sansbold;
    color: #333;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.cus_radio .radio_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font: 13px josefin_sansbold;
    color: #7f7f7f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
    margin-bottom: 15px
}

.cus_radio .radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.cus_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    border: 2px #333 solid
}

.cus_radio .radio_container:hover input~.checkmark {
    background-color: none
}

.cus_radio .radio_container input:checked~.checkmark {
    background-color: none
}

.cus_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cus_radio .radio_container input:checked~.checkmark:after {
    display: block
}

.cus_radio .radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #672b86
}

.contact .right_side ul li .cus_radio {
    display: inline-block;
    margin-right: 30px
}

.pad-t-0 {
    padding-top: 0
}

.built_around {
    position: relative
}

.built_around .wrapper {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%
}

.built_around .img_wrap {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.built_around .cont {
    width: 50%;
    padding-left: 50px
}

.built_around .cont p {
    margin-bottom: 20px
}

.built_around .cont .com_heading {
    margin-bottom: 10px
}

.com_heading .cl_pr {
    color: #663493
}

.contact_inner .wrapper {
    display: flex;
    flex-wrap: wrap
}

.contact_inner .img_wrap {
    width: 390px;
    display: flex;
    align-items: center;
    background: #672b86;
    padding: 0 60px;
    position: relative
}

.contact_inner .img_wrap:after {
    content: "";
    width: 10000px;
    height: 100%;
    background: #672b86;
    position: absolute;
    left: 99%;
    top: 0
}

.contact_inner .img_wrap ul li {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px
}

.contact_inner .img_wrap ul li:last-child {
    margin-bottom: 0
}

.contact_inner .img_wrap ul li img {
    float: left
}

.contact_inner .img_wrap ul li .con_detail {
    float: left;
    width: calc(100% - 27px);
    padding-left: 15px
}

.contact_inner .img_wrap ul li .con_detail strong {
    display: block;
    font: 16px/1 open_sansbold;
    color: #fff;
    margin-bottom: 10px
}

.contact_inner .img_wrap ul li .con_detail span {
    color: #fff
}

.contact_inner .cont {
    width: calc(100% - 390px);
    padding: 70px 60px 70px 0
}

.contact_inner .cont .com_heading {
    margin-bottom: 10px;
    font-family: josefin_sanssemibold_italic
}

.contact_inner .cont p {
    line-height: 40px
}

.contact_map {
    width: 100%;
    padding-top: 22%;
    position: relative
}

.contact_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.our_work .read_morebtn {
    margin-top: 20px
}

.our_work .com_heading {
    display: inline-block;
    position: relative;
    font: 6rem josefin_sansbold_italic;
    line-height: 105px
}

.our_work .com_heading:after {
    content: "";
    background: rgba(225, 225, 225, .4);
    position: absolute;
    right: -40px;
    top: calc(50% - 10px);
    height: 6px;
    width: 10000px
}

.our_work .com_heading.poma:after {
    display: none
}

.our_work .smallertext {
    padding-top: 0
}

.port_summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    background: #fff
}

.port_summary .left_side {
    width: 50%;
    height: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

img.llc-logo {
    max-width: 100px
}

.port_summary .left_side img {
    width: 100%;
    height: 100%
}

.port_summary .right_side {
    width: 50%;
    text-align: center;
    padding: 10px 40px
}

.port_summary .right_side img {
    display: inline-block
}

.summary_link {
    margin: 15px 0 20px 0
}

.summary_link a {
    font: 14px/1 open_sansbold;
    color: #000
}

.summary_link a:hover {
    text-decoration: none
}

.port_summary .right_side p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    font-family: open_sanslight
}

.port_summary .right_side .read_morebtn {
    margin-top: 30px
}

.summary_cont {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.summary_cont .left_side {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.bl_img_big {
    width: 65%;
    padding-top: 51.59%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.bl_img_big img {
    width: 100%
}

.blank_box {
    width: 35%
}

.blank_box .box1 {
    width: 100%;
    height: 50%;
    background: #3d3841
}

.blank_box .box2 {
    width: 100%;
    height: 50%;
    background-color: #663493;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.develop_box {
    width: 100%;
    padding-top: 25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.develop_box:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background: -moz-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #000 0, rgba(0, 0, 0, 0) 100%)
}

.services-page-listing h3 br {
    display: none
}

@media (min-width:1660px) {
    .services-page-listing h3 br {
        display: block
    }
}

.services-banner-text p {
    text-transform: none !important
}

.sec8 .img_wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.sec8 .img_wrap {
    position: relative
}

.develop_box .cont {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding: 40px;
    width: 100%;
    max-width: 500px
}

.develop_box .cont h4 {
    font: 1.8rem josefin_sanssemibold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.develop_box .cont p {
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.summary_cont .right_side {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.plan_box {
    width: 100%;
    height: 200px;
    background: #3d3841;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.plan_box {
    width: 100%;
    height: 33% !important;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.plan_box .box1cont {
    position: absolute;
    right: 100%;
    top: 0;
    background: #3d3841;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    letter-spacing: -1px;
    text-align: center;
    padding: 10px 15px
}

.plan_box .box1cont h3 {
    font: 2.2rem josefin_sanssemibold_italic;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px
}

.plan_box .box1cont p {
    font-size: 13.5px;
    line-height: 19px;
    color: #fff
}

.design_box {
    width: 100%;
    height: 67% !important;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.design_box:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%)
}

.design_box .cont {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px;
    text-align: center
}

.design_box .cont h4 {
    font: 1.8rem josefin_sanssemibold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.design_box .cont p {
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.test_inner {
    width: 100%
}

.test_inner li {
    width: calc(25% - 15px);
    position: relative;
    margin: 0 0 20px 0;
    border: 1px #d3d3d3 solid;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: flex;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.grd_size2,
.test_inner li {
    width: calc(25% - 15px)
}

.testi_l {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s
}

.test_inner li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .9;
    width: 100%;
    height: 100%;
    transition: all .8s
}

.test_inner li .cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transition: all .5s
}

.test_inner li .cont img {
    transition: all .8s
}

.test_inner li .cont p {
    font: 12px/1.5 open_sansregular;
    color: #fff;
    margin: 25px 0
}

.test_inner .cus_btn {
    padding: 15px 26px 9px
}

.test_inner li .cont .read_morebtn {
    transition: all .8s
}

.test_inner li .cont .read_morebtn .cus_btn {
    transition: all .8s
}

.test_inner li:hover .testi_l {
    opacity: 0
}

.test_inner li:hover .cont {
    opacity: 1
}

.test_inner li:hover:before {
    background: #663493
}

.test_inner li:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.test_inner.padd_sec {
    padding-bottom: 50px;
    padding-top: 60px
}

.seelist header.main-header .topheader {
    display: none
}

.seelist.port_body header.main-header .topheader {
    display: flex
}

.info-meta span {
    font: 1.5625rem/1 josefin_sansbold;
    color: #fff;
    vertical-align: middle;
    display: inline-block
}

#list-item-info .info-item .info-name h2 {
    color: #fff;
    font: 5rem/1 josefin_sansbold_italic;
    text-transform: uppercase;
    line-height: 76px
}

#list-item-info .info-item {
    width: 100%;
    max-width: 100%;
    top: initial;
    bottom: 50px;
    left: 0
}

.watch-trailer {
    text-transform: capitalize;
    font: 14px/1.5 open_sansregular;
    letter-spacing: initial
}

.watch-trailer:hover {
    color: #fff
}

#list-item-info .info-item .info-bottom {
    width: 100%;
    max-width: 1000px;
    position: static;
    transform: translateY(0)
}

#list-item-bg .bg-item .bg-container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%)
}

#list-item-bg .bg-item .bg-container.top_bg:after {
    display: none
}

.watch-trailer .cus_btn {
    margin-top: 20px
}

#list-item-info .info-item .info-top {
    position: static
}

#list-item-info .info-item .info-top .info-meta {
    margin-bottom: -5px
}

#list-item-info .info-item.top_bg_cont {
    bottom: initial;
    top: calc(50% + 20px);
    transform: translateY(-50%)
}

#list-item-info .info-item {
    background: 0 0 !important
}

.port_foot {
    display: none
}

.info_cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: none
}

.section_fourth {
    height: calc(100% - 117px)
}

.section_fourth .rating {
    background: url(../images/rating.jpg) no-repeat top center/cover;
    display: flex;
    align-items: center
}

.section_fourth .rating .center_cap {
    position: static;
    transform: translateY(0)
}

.section_fourth .logos .img_fig {
    background: url(../images/proud.jpg) no-repeat top center/cover;
    height: 0
}

.section_fourth .user_reviews .people {
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.section_fourth .user_reviews .Testimoni {
    height: 60%;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.section_fourth .user_reviews .people h4 {
    width: 100%
}

.section_fourth .user_reviews .people h1 {
    width: 100%;
    font: 5.5rem/1 josefin_sansbold_italic
}

.section_fourth .user_reviews .people h1.purple {
    padding-bottom: 0
}

.section_fourth .user_reviews .Testimoni .tesi_slide {
    width: 100%
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
    font: 1.8rem/1 josefin_sansbold;
    color: #333;
    padding-bottom: 20px
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p {
    font: 1.0625rem/1.5 open_sanslight_italic
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
    font: 1.2rem/1 open_sanssemibold;
    color: #333;
    padding-top: 30px
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p a {
    font: 1.125rem/1 open_sanssemibold;
    color: #b4b4b4;
    padding-bottom: 40px;
    text-decoration: none;
    padding-top: 10px;
    display: block
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
    display: inline-block !important;
    width: 100%;
    margin-top: 10px
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li {
    margin-right: 20px;
    width: 50px;
    height: 2px;
    float: left;
    display: flex;
    align-items: center
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li button {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: #2d064f;
    font-size: 0;
    border: 0;
    cursor: pointer
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li:hover button {
    background: #5fb35f;
    cursor: pointer
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li.slick-active button {
    background: #5fb35f
}

.h3ty {
    height: 30vh
}

.h4ty {
    height: 40vh
}

.h4ty_plus1 {
    height: calc(40vh + 1px)
}

.h5ty {
    height: 50vh
}

.h6ty {
    height: 60vh
}

.h7ty {
    height: 70vh
}

.h10ty {
    height: 100vh
}

.ov_hi {
    overflow: hidden
}

.section_three .llc {
    height: 100%
}

.pomari {
    width: 100%;
    height: 100%
}

.section_three .thumimg {
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 105%;
    -webkit-transition: all 3s;
    transition: all 3s
}

.pomari .top-caption {
    position: absolute;
    top: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.pomari .top-caption h2 {
    font: 1.75rem/1 josefin_sansbold;
    text-transform: uppercase;
    letter-spacing: 2px
}

.pomari .top-caption p {
    font: .8125rem/1.5 open_sansregular;
    color: #fff
}

.section_three .thumimg:hover {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-animation-duration: 4s;
    animation-duration: 5s infinite
}

.section_three .dmm {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.black_logo {
    position: absolute;
    display: none
}

.pomari_air_box {
    width: 60vw;
    display: flex;
    flex-wrap: wrap
}

.pomari_box {
    width: 40vw;
    position: relative
}

.section_three .airbox {
    width: 20vw
}

.section_three .plan {
    width: 20vw
}

.dmm_box {
    width: 20vw
}

.llc_box {
    width: 40vw
}

.arn_cof {
    width: 40vw;
    height: 100vh
}

.desk_port {
    display: flex;
    flex-wrap: wrap;
    background-color: #000
}

#menu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    opacity: 1 !important;
    margin: 0 !important;
    visibility: visible !important
}

#list-item-position ul {
    transform: inherit !important
}

.seelist #menu svg path {
    fill: #fff
}

.captcha_img {
    float: left
}

.captcha_input {
    float: left;
    width: calc(100% - 108px);
    padding-right: 5px;
    margin-left: 10px
}

body #list-item-position ul li a span {
    font-size: 0
}

.services-page-listing .inner_sec .cont {
    text-align: left;
    margin-left: -105px
}

.services-page-listing .inner_sec {
    margin-bottom: 0
}

.services-page-listing .inner_sec.opposite .cont {
    margin-left: 0
}

.services-page-listing .inner_sec.sec2 .cont {
    margin-right: -105px
}

.services-page-listing .inner_sec .cont h3 {
    font: 3.3rem/1.2 josefin_sansbold_italic;
    white-space: normal;
    direction: ltr;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px
}

.services-page-listing .inner_sec.opposite .cont {
    text-align: left
}

.services-page-listing .inner_sec.opposite .img_wrap {
    width: 58%
}

.services-page-listing .inner_sec.opposite .cont {
    width: 40%;
    margin-right: -105px;
    padding-right: 0;
    padding-left: 2%
}

.services-page-listing .services-half .inner_sec.opposite .img_wrap {
    width: 60%
}

.services-page-listing .inner_sec .cont h5 {
    text-transform: uppercase
}

.services-page-listing .inner_sec .cont h5:before {
    left: calc(100% + 13px);
    top: 4px;
    right: auto
}

.services-page-listing .inner_sec .cont p {
    padding-left: 4px
}

.package-page-link .com_heading,
.what-we-dont-do .com_heading {
    margin-bottom: 15px
}

.package-page-link .read_morebtn {
    margin-top: 20px
}

.services-page-listing {
    background: #453f49
}

.services-page-listing .inner_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    line-height: 0
}

.sectionmainheight {
    height: 100%
}

.services-page-listing .inner_sec .img_wrap {
    width: 58%;
    transition: all .8s;
    height: 100%;
    overflow: hidden;
    line-height: 0
}

.cont-img img {
    max-width: 115px;
    width: 100%
}

.services-half .services-page-listing .inner_sec .img_wrap {
    width: 60%
}

.services-page-listing .inner_sec .img_wrap img {
    width: 100%;
    height: 100%
}

.services-page-listing .inner_sec .cont {
    width: 40%;
    transition: all .8s;
    padding: 0 50px 0 50px;
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    .services-page-listing .opposite {
        justify-content: flex-end
    }
}

.services-page-listing .inner_sec .cont h5 {
    font: 16px/1 josefin_sanssemibold;
    color: #fff;
    display: inline-block;
    position: relative
}

.signature-quote-div {
    position: absolute;
    bottom: 0;
    padding: 100px 50px 30px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #663493 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #663493 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #663493 100%)
}

.signature-quote-div img {
    display: inline-block
}

img.left-quote-icon {
    margin-top: -17px
}

.signature-quote-div p {
    color: #fff;
    font-family: josefin_sansregular;
    font-style: italic;
    font-size: 19px;
    line-height: 1.2
}

.services-page-listing .inner_sec .cont h5:before {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    top: 5px;
    width: 50px;
    height: 2px;
    background: #fff
}

.services-page-listing .inner_sec .cont h4 {
    font: 18px/1 josefin_sanssemibold;
    color: #c0acff;
    margin-top: 10px;
    margin-bottom: 10px
}

.services-page-listing .inner_sec .cont h3 {
    color: #fff
}

.services-page-listing .inner_sec .cont p {
    font: 16px/1.5 open_sansregular;
    color: #fff;
    width: 100%;
    max-width: 680px;
    display: inline-block
}

.services-page-listing .inner_sec .cont .read_morebtn {
    margin-top: 40px
}

.cus_btn.white {
    color: #fff;
    border-color: #fff
}

.services-page-listing .inner_sec.opposite .img_wrap {
    order: 2
}

.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont .cont-img img {
    margin-left: auto
}

.fp-viewing-10 .services-page-listing .inner_sec.sec9 .img_wrap,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .img_wrap,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .img_wrap,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .img_wrap,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .img_wrap,
.fp-viewing-2 .services-page-listing .inner_sec.sec1 .img_wrap,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .img_wrap,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .img_wrap,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .img_wrap {
    width: 42%
}

.fp-viewing-10 .services-page-listing .inner_sec.sec9 .cont,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .cont,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .cont,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .cont,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .cont,
.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .cont,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .cont,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .cont {
    width: 58%;
    text-align: right
}

.fp-viewing-10 .services-half .services-page-listing .inner_sec.sec9 .img_wrap,
.fp-viewing-12 .services-half .services-page-listing .inner_sec.sec11 .img_wrap,
.fp-viewing-14 .services-half .services-page-listing .inner_sec.sec13 .img_wrap,
.fp-viewing-16 .services-half .services-page-listing .inner_sec.sec15 .img_wrap,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec17 .img_wrap,
.fp-viewing-2 .services-half .services-page-listing .inner_sec.sec1 .img_wrap,
.fp-viewing-4 .services-half .services-page-listing .inner_sec.sec3 .img_wrap,
.fp-viewing-6 .services-half .services-page-listing .inner_sec.sec5 .img_wrap,
.fp-viewing-8 .services-half .services-page-listing .inner_sec.sec7 .img_wrap {
    width: 40%
}

.fp-viewing-10 .services-half .services-page-listing .inner_sec.sec9 .cont,
.fp-viewing-12 .services-half .services-page-listing .inner_sec.sec11 .cont,
.fp-viewing-14 .services-half .services-page-listing .inner_sec.sec13 .cont,
.fp-viewing-16 .services-half .services-page-listing .inner_sec.sec15 .cont,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec17 .cont,
.fp-viewing-2 .services-half .services-page-listing .inner_sec.sec1 .cont,
.fp-viewing-4 .services-half .services-page-listing .inner_sec.sec3 .cont,
.fp-viewing-6 .services-half .services-page-listing .inner_sec.sec5 .cont,
.fp-viewing-8 .services-half .services-page-listing .inner_sec.sec7 .cont {
    width: 60%;
    text-align: right
}

.fp-viewing-11 .services-half .services-page-listing .inner_sec.sec10 .cont,
.fp-viewing-13 .services-half .services-page-listing .inner_sec.sec12 .cont,
.fp-viewing-15 .services-half .services-page-listing .inner_sec.sec14 .cont,
.fp-viewing-17 .services-half .services-page-listing .inner_sec.sec16 .cont,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec18 .cont,
.fp-viewing-3 .services-half .services-page-listing .inner_sec.sec2 .cont,
.fp-viewing-5 .services-half .services-page-listing .inner_sec.sec4 .cont,
.fp-viewing-7 .services-half .services-page-listing .inner_sec.sec6 .cont,
.fp-viewing-9 .services-half .services-page-listing .inner_sec.sec8 .cont {
    width: 60%
}

.fp-viewing-11 .services-half .services-page-listing .inner_sec.sec10 .img_wrap,
.fp-viewing-13 .services-half .services-page-listing .inner_sec.sec12 .img_wrap,
.fp-viewing-15 .services-half .services-page-listing .inner_sec.sec14 .img_wrap,
.fp-viewing-17 .services-half .services-page-listing .inner_sec.sec16 .img_wrap,
.fp-viewing-19 .services-half .services-page-listing .inner_sec.sec18 .img_wrap,
.fp-viewing-3 .services-half .services-page-listing .inner_sec.sec2 .img_wrap,
.fp-viewing-5 .services-half .services-page-listing .inner_sec.sec4 .img_wrap,
.fp-viewing-7 .services-half .services-page-listing .inner_sec.sec6 .img_wrap,
.fp-viewing-9 .services-half .services-page-listing .inner_sec.sec8 .img_wrap {
    width: 40%
}

.fp-viewing-10 .services-page-listing .inner_sec.sec9 .cont h5:before,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .cont h5:before,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .cont h5:before,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .cont h5:before,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .cont h5:before,
.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont h5:before,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .cont h5:before,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .cont h5:before,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .cont h5:before {
    left: -60px
}

.services-page-listing .inner_sec.opposite.sec1 .cont {
    padding-left: 2%
}

.fp-viewing-11 .services-page-listing .inner_sec.sec10 .cont,
.fp-viewing-13 .services-page-listing .inner_sec.sec12 .cont,
.fp-viewing-15 .services-page-listing .inner_sec.sec14 .cont,
.fp-viewing-17 .services-page-listing .inner_sec.sec16 .cont,
.fp-viewing-18 .services-page-listing .inner_sec.sec18 .cont,
.fp-viewing-3 .services-page-listing .inner_sec.sec2 .cont,
.fp-viewing-5 .services-page-listing .inner_sec.sec4 .cont,
.fp-viewing-7 .services-page-listing .inner_sec.sec6 .cont,
.fp-viewing-9 .services-page-listing .inner_sec.sec8 .cont {
    width: 58%
}

.fp-viewing-11 .services-page-listing .inner_sec.sec10 .img_wrap,
.fp-viewing-13 .services-page-listing .inner_sec.sec12 .img_wrap,
.fp-viewing-15 .services-page-listing .inner_sec.sec14 .img_wrap,
.fp-viewing-17 .services-page-listing .inner_sec.sec16 .img_wrap,
.fp-viewing-19 .services-page-listing .inner_sec.sec18 .img_wrap,
.fp-viewing-3 .services-page-listing .inner_sec.sec2 .img_wrap,
.fp-viewing-5 .services-page-listing .inner_sec.sec4 .img_wrap,
.fp-viewing-7 .services-page-listing .inner_sec.sec6 .img_wrap,
.fp-viewing-9 .services-page-listing .inner_sec.sec8 .img_wrap {
    width: 42%
}

.established.list_packages.new-about-page .img_sec.left-img-sec {
    width: 43%
}

.established.list_packages.new-about-page .img_sec:before {
    display: none
}

.established.list_packages.new-about-page .img_sec:after {
    display: none
}

.established.list_packages.new-about-page .cont_sec {
    width: 57%
}

.list_packages.new-about-page .com_heading {
    font: 5rem/1.2 josefin_sansbold_italic;
    letter-spacing: .2px
}

.established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
    position: absolute
}

.established.list_packages.new-about-page .cont_sec.price_content {
    height: 50%
}

.new-about-page.established.list_packages .cont_sec.price-range-div {
    height: 50%
}

.new-about-page .price-range-div .smallertext p {
    line-height: 1.7
}

.built_around.founder-section .cont p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #333
}

.com_heading {
    color: #333;
    font: 3rem/1.1 josefin_sansbold_italic;
    text-transform: uppercase;
    letter-spacing: -2px
}

h6.founder-director {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px
}

.divider-line {
    width: 100%;
    position: absolute;
    height: 4px;
    background: #dfdedf;
    display: block
}

p.fisrt-founder-para {
    padding-top: 22px
}

.signature-img {
    padding-top: 15px
}

.our-team-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
}

.commansection.our-team-section .banner-content .banner-content-wrapper .smallertext-second p {
    text-transform: none;
    font: 18px/1.5 open_sansregular;
    margin: 0 0 10px 0;
    max-width: 100%
}

.values-div {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0
}

.img-wrapp {
    min-height: 130px;
    margin-top: 15px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.img-wrapp img {
    margin: 0 auto;
    max-width: 120px
}

.commansection.says-values .banner-content {
    top: calc(50%)
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit
    }

    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 josefin_sansbold_italic
    }
}

.value-wrapper {
    width: 16%;
    background: rgba(255, 255, 255, .3);
    padding: 15px;
    text-align: center
}

.value-wrapper h5 {
    font-family: open_sansregular;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    border-top: .5px solid rgb(255 255 255 / .5);
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 10px
}

.built_around.stand-for .wrapper {
    flex-direction: row
}

.built_around.stand-for .img_wrap {
    width: 60%;
    left: auto;
    right: 0
}

.built_around.stand-for .com_heading {
    font: 5rem/1.1 josefin_sansbold_italic;
    letter-spacing: 0;
    margin-bottom: 30px
}

.built_around.stand-for .cont {
    width: 40%;
    padding-left: 0;
    position: absolute;
    left: 10%
}

@media (min-width:1500px) {
    .built_around.stand-for .cont {
        left: 11%
    }
}

.built_around.stand-for p strong {
    font-size: 18px
}

.built_around.stand-for ul li {
    color: #333;
    font-size: 18px;
    padding: 4px 0 4px 30px;
    position: relative
}

.experienced ul li img {
    margin: 0 auto
}

.add-get-started .cus_btn.white {
    max-width: 220px;
    width: 100%;
    text-align: center
}

.add-get-started a.cus_btn.white:first-child {
    margin-right: 15px
}

.built_around.stand-for ul li::before {
    content: "";
    position: absolute;
    background: url(../images/tick-circle.png);
    width: 25px;
    height: 25px;
    background-size: 24px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center
}

.values-div .value-wrapper:nth-child(2) img {
    max-width: 75px
}



.services-page-listing .inner_sec .img_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12)
}

.pageheightfull {
    position: relative;
    overflow: hidden;
    height: 100%
}

.services-page-listing .inner_sec.opposite .img_wrap {
    height: 100%
}

.services-page-listing .inner_sec .img_wrap {
    position: relative
}

.second-box-div {
    height: 85%
}

.first-box-div {
    height: 15%;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.services-page-listing .second-box-div .inner_sec.sec1.opposite {
    height: auto
}

@media (max-width:1400px) {
    .plan_box {
        height: 46% !important
    }

    .design_box {
        height: 54% !important
    }

    .plan_box .box1cont p {
        font-size: 13px
    }

    .built_around.founder-section .cont p {
        font-size: 14px
    }
}

@media only screen and (max-width:1280px) {
    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 josefin_sansbold_italic
    }

    .built_around.stand-for .cont {
        left: 7%
    }

    .established.list_packages.new-about-page .cont_sec_wrapper {
        padding-left: 16px
    }
}

@media only screen and (max-width:1199px) {
    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 josefin_sansbold_italic
    }

    .founder-section .cont {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit
    }

    .built_around.stand-for .cont {
        position: inherit
    }

    .value-wrapper {
        padding: 10px
    }

    .value-wrapper h5 {
        font-size: 14px
    }

    .established.list_packages.new-about-page .cont_sec_wrapper {
        padding-left: 16px
    }
}

@media only screen and (max-width:991.98px) {
    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit
    }

    .built_around.stand-for .cont {
        position: inherit;
        width: 100%;
        order: 2
    }

    .built_around.founder-section .img_wrap {
        padding-top: 87%;
        background-position: center center;
        width: calc(100% + 30px);
        position: relative;
        margin-left: -15px;
        margin-right: -15px
    }

    .signature-quote-div {
        padding: 100px 20px 30px
    }

    .built_around.founder-section .cont {
        padding: 30px;
        width: 100%
    }

    .value-wrapper {
        width: 33%;
        margin-bottom: 4px
    }

    .commansection.our-team-section .banner-content.second-posi {
        background: 0 0;
        position: relative;
        left: 0
    }

    .top_banner.our-team-section .bannerimg {
        position: absolute;
        padding-top: 0;
        background-color: transparent;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%
    }


    .established.list_packages.new-about-page .img_sec.left-img-sec {
        width: calc(100% + 30px)
    }

    .established.list_packages.new-about-page .cont_sec {
        width: 100%
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo {
        padding: 0 0 5px 0
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .read_morebtn a {
        border: 2px solid #000;
        color: #333
    }

    .left-logo a img {
        max-width: 90%
    }

    .section_fourth {
        opacity: 1 !important
    }

}

@media only screen and (max-width:768px) {
    .top_banner.our-team-section .bannerimg {
        position: absolute;
        padding-top: 0
    }

    .commansection.our-team-section .banner-content.second-posi {
        background: 0 0;
        position: relative;
        left: 0
    }

    .built_around.stand-for .cont {
        width: 100%;
        order: 2
    }

    .built_around.stand-for .img_wrap {
        width: calc(100% + 30px)
    }

    footer .container .social_media {
        justify-content: flex-end;
        width: 100%
    }

    footer .container .social_media ul.social li {
        padding: 10px 10px;
        display: inline-block
    }

    footer .container .social_media ul.social li a {
        background: #663493
    }

    footer .container .social_media ul.social li a i {
        color: #fff
    }

    footer .container .third_grid ul.contact_us li i {
        color: #663493;
        font-size: 14px
    }

    .section_fourth .rating .center_cap ul.stars-rate li {
        font-size: 2.5rem
    }

    .section_fourth .rating .center_cap p.green {
        font: 2rem/2.5 open_sansbold
    }

    .section_fourth .rating .center_cap span {
        font: 2rem/2.5 open_sansbold
    }

    .section_fourth .user_reviews .people h4 {
        color: #333
    }

    .section_fourth .user_reviews .people h1 {
        text-transform: uppercase
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span {
        color: #333;
        font: 3rem/1 josefin_sansbold_italic
    }

    .commansection .banner-content.second-posi .banertexttwo {
        padding-bottom: 0
    }

    footer .container .social_media ul.social li:first-child {
        padding-left: 0
    }

    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
        font: 3.5rem/1.5 josefin_sansbold
    }

    footer .container .third_grid ul.contact_us li p span {
        color: #c6c6c6
    }

}

@media only screen and (max-width:540px) {
    .section_fourth .rating .center_cap ul.stars-rate li {
        font-size: 3.5rem
    }

    .section_fourth .rating .center_cap p.green {
        font: 3rem/2.5 open_sansbold
    }

    .section_fourth .rating .center_cap span {
        font: 3rem/2.5 open_sansbold
    }

    .section_fourth .logos .logo_newlist ul.slick-dots li {
        font: 3.5rem/1.5 josefin_sansbold
    }
}

@media(max-width:1400px) {
    .deposit {
        margin-top: 40px
    }

    .ulplan {
        margin-top: 10px
    }

    .develop .plan_p {
        margin: 0 0 20px 0
    }
}

@media(max-width:1300px) {

    .plan_box .box1cont p {
        font-size: 12px;
        line-height: 16px
    }

    .ulplan li {
        font-size: 14px;
        padding-bottom: 10px
    }

    .plan_p {
        font-size: 14px
    }

    .deposit {
        margin-top: 20px
    }

    .list_abt .inner_sec .cont {
        padding: 50px 50px 100px 50px
    }
}

@media(max-width:1200px) {

    .established .cont_sec {
        padding-right: 30px
    }

    .plan_box .box1cont {
        align-content: flex-start;
        padding-top: 25px
    }

    .port_summary .right_side {
        padding: 40px
    }

    .client_head {
        top: 30px
    }
}

@media(max-width:1100px) {
    .bannerimg {
        padding-top: 50%
    }

    header.main-header .topheader {
        display: flex
    }

    .seelist header.main-header .topheader {
        display: flex
    }

    .list_abt .inner_sec {
        margin-bottom: 0
    }

    .list_abt .inner_sec .img_wrap {
        width: 50%
    }

    .list_abt .inner_sec.sec1 .img_wrap {
        width: 50%
    }

    .list_abt .inner_sec .cont {
        width: 50%;
        padding: 40px 40px
    }

    .list_abt .inner_sec.sec1 .cont {
        width: 50%;
        padding: 40px 40px
    }

    .list_abt .inner_sec .cont h5 {
        margin-left: 40px
    }

    .list_abt .inner_sec .cont h5::before {
        width: 30px
    }

    ul.test_slide {
        padding: 0 50px
    }

    ul.test_slide .slick-arrow {
        left: 14px
    }

    ul.test_slide .slick-next.slick-arrow {
        right: 14px
    }

    .blog_filter li {
        font-size: 14px;
        padding: 12px 0
    }

    .blog .left_filter {
        width: 300px;
        padding: 15px 15px 0 15px
    }

    .cont_right {
        width: calc(100% - 300px)
    }

    .subscribe {
        padding: 30px 20px
    }

    .subscribe h5 {
        font-size: 12px
    }

    .pagination {
        padding: 40px 0
    }

    .how_work .cont_sec {
        padding: 60px 50px 50px 0
    }

    .how_work.opposite .cont_sec {
        padding: 60px 0 50px 50px
    }

    .ulplan {
        margin-top: 10px
    }

    .ulplan li {
        font-size: 14px
    }

    .plan_p {
        font-size: 14px;
        margin-top: 20px
    }

    .deposit {
        margin-top: 50px
    }

    .develop_box .cont p {
        font-size: 12px;
        line-height: 16px
    }

    .design_box .cont p {
        font-size: 12px;
        line-height: 16px
    }

    #list-item-bg {
        display: none
    }

    #list-item-position {
        display: none
    }

    #list-scrollable {
        display: none
    }

    .seelist.list-visible {
        overflow: auto !important
    }

    #list-item-info .info-item {
        position: static;
        padding: 80px 0;
        min-height: 100vh;
        display: flex;
        align-items: flex-end
    }

    #list-item-info .info-item.top_bg_cont {
        align-items: center
    }

    #list-item-info .info-item.top_bg_cont {
        transform: translateY(0)
    }

    #list-item-info .info-item {
        opacity: 1;
        visibility: visible
    }

    #list-item-info .info-item .info-name {
        opacity: 1;
        visibility: visible
    }

    #list-item-info .info-item .info-name h2 span.letter {
        opacity: 1;
        visibility: visible;
        transform: scale(1)
    }

    body.seelist #list-item-info .info-item .info-bottom div {
        opacity: 1;
        visibility: visible;
        transform: scale(1)
    }

    #list-item-info .info-item {
        position: relative;
        bottom: 0
    }

    #list-item-info .info-item:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
    }

    .info_cont {
        display: block;
        z-index: -1
    }

    .grow .cont_sec {
        padding: 50px 0
    }

    .section_fourth .rating .center_cap {
        padding: 20px
    }

    .section_fourth .user_reviews .people {
        padding: 30px 0
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 30px 40px
    }

    .logo_newlist {
        padding: 30px 0
    }

    .logo_newlist .slick-track {
        display: flex;
        align-items: center
    }

    ul.test_slide {
        min-height: auto;
        height: 800px
    }

    ul.test_slide li {
        min-height: auto;
        height: 800px
    }

    #list-item-info .info-item.foot_info::before {
        display: none
    }

    .bannerimg video {
        height: calc(100% + 10px)
    }

    body,
    html {
        overflow: auto !important
    }
}

@media(max-width:1024px) {
    header.main-header .topheader {
        display: flex
    }

    header.main-header .topheader .right-sec {
        padding-right: clamp(30px, 3.469vw, 105px);
    }

    .section_fourth .rating img {
        display: none
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 50px 40px
    }

    .section_fourth .logos .img_fig img {
        display: none
    }

    .section_fourth .logos .img_fig {
        background: url(../images/proud.jpg) no-repeat center center/cover;
        padding-top: 40%;
        height: auto !important
    }

    .inputfield {
        font-size: 10px
    }

    .design_box .cont {
        padding: 30px
    }

    .develop_box .cont {
        padding: 15px 30px
    }

    .port_summary .right_side img {
        width: 100px
    }

    .test_inner li .cont {
        opacity: 1
    }

    .testi_l {
        display: none
    }

    .test_inner li .cont img {
        -webkit-filter: invert(100%);
        filter: invert(100%)
    }

    .test_inner li .cont p {
        color: #000
    }

    .test_inner li:hover::before {
        background: #fff
    }

    .test_inner li .cont .read_morebtn .cus_btn {
        border-color: #000;
        color: #000
    }

    .test_inner li .cont .read_morebtn .cus_btn:hover {
        border-color: #663493;
        color: #fff
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 60px
    }

}

@media(max-width:991.98px) {
    .padd_sec {
        padding: 50px 0
    }

    .commansection .banner_slider {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 2.125rem/1.5 open_sansregular
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        margin-top: 0
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo {
        padding-bottom: 0
    }

    .commansection .banner-content .banner-content-wrapper .banertextone h1 span {
        font: 2.5625rem/1 josefin_sansbold
    }




    .established {
        padding-top: 0
    }

    .established .price-range-div.cont_sec {
        padding: 40px 0 40px 0
    }

    .established .cont_sec {
        width: 100%;
        padding: 40px 0 0 0
    }

    .established .wrapper {
        display: flex;
        flex-wrap: wrap
    }

    .established.list_packages .cont_sec {
        width: 100%
    }

    h2.com_heading br {
        display: none
    }

    .content-wrapper {
        order: 2
    }

    .established.list_packages .img_sec {
        position: relative;
        right: 0;
        top: 0;
        z-index: 9;
        width: calc(100% + 30px);
        height: calc(100% + 0px);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 60%
    }

    .established.list_packages.new-about-page .img_sec {
        background-position: top center
    }

    .cont_sec.price_content {
        padding: 50px 0 40px !important
    }

    .price-range-div.experienced ul li:first-child {
        padding-left: 8px;
        margin-left: 0
    }

    .established .img_sec {
        width: calc(100% + 30px);
        position: static;
        padding-top: 50%;
        order: 1;
        margin-left: -15px;
        margin-right: -15px
    }

    .established .cont_sec {
        order: 2
    }

    .experienced .cont_sec {
        width: 100%;
        position: static
    }

    .experienced .img_sec {
        width: 100%
    }

    .ban_sec::after {
        height: 100%
    }

    .cus_btn {
        font: 1.2rem/1 josefin_sansbold
    }

    .left-logo a img {
        width: 150px;
        max-width: 100%
    }

    .experienced .cont_sec {
        padding: 55px 15px
    }

    .commansection .banner-content.second-posi {
        background: #663493
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p {
        color: #fff
    }

    .commansection.in_bn .banner-content.second-posi {
        background: #fff
    }

    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextthree h1,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .smallertext-second p {
        color: #333
    }

    .blog_box li .img_wrap::after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
        height: 100%
    }

    .blog_box li:hover .img_wrap::after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
    }

    .blog_box li .cont_wrap {
        bottom: 50%;
        transform: translateY(50%)
    }

    .blog_box li .cont_wrap .cus_btn {
        display: inline-block
    }

    .blog_box li .cont_wrap {
        padding: 0 20px
    }

    .blog_filter li {
        font-size: 12px;
        padding: 10px 0
    }

    .blog .left_filter {
        width: 250px
    }

    .cont_right {
        width: calc(100% - 250px)
    }

    .inputfield {
        font-size: 11px
    }

    .blog_detail .cont_right {
        padding: 30px
    }

    .blog_det .com_heading2 {
        font-size: 3rem
    }

    .contact .left_side {
        width: 280px
    }

    .contact .right_side {
        width: calc(100% - 280px);
        padding-left: 30px
    }

    .built_around .cont {
        padding-left: 30px
    }

    .padd_sec2 {
        padding: 40px 0
    }

    .contact_inner .cont {
        padding: 40px 40px 40px 0
    }

    .contact_inner .img_wrap {
        background: #333
    }

    .contact_inner .img_wrap::after {
        background: #333
    }

    .contact_map {
        padding-top: 32%
    }

    .contact_inner .cont p {
        line-height: 30px
    }

    .contact_inner .img_wrap {
        width: 300px;
        padding: 0 30px
    }

    .contact_inner .cont {
        width: calc(100% - 300px)
    }

    .our_work .com_heading {
        font-size: 4rem;
        line-height: 60px
    }

    .our_work.ban_sec::after {
        background: #000;
        opacity: .7
    }

    .how_work .cont_sec {
        padding: 30px 30px 30px 0
    }

    .how_work.opposite .cont_sec {
        padding: 30px 0 30px 30px
    }

    .deposit {
        margin-top: 30px
    }

    .ulplan.double li {
        width: 100%
    }

    .develop_box::after {
        width: 100%
    }

    .design_box::after {
        height: 100%
    }

    .summary_cont .left_side {
        width: 100%;
        order: 2
    }

    .summary_cont .right_side {
        width: 100%;
        order: 1
    }

    .plan_box {
        height: auto !important
    }

    .plan_box .box1cont {
        position: static;
        width: 100% !important;
        background: rgba(0, 0, 0, .8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center
    }

    .plan_box .box1cont p {
        font-size: 14px;
        line-height: 20px
    }

    .plan_box .box1cont h3 {
        font-size: 26px
    }

    .bl_img_big {
        display: none
    }

    .blank_box {
        display: none
    }

    .design_box .cont h4 {
        font-size: 26px
    }

    .design_box .cont p {
        font-size: 14px;
        line-height: 20px
    }

    .design_box {
        height: auto !important
    }

    .design_box .cont {
        position: static;
        background: rgba(0, 0, 0, .8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center
    }

    .design_box::after {
        display: none
    }

    .develop_box {
        padding: 0
    }

    .develop_box .cont {
        position: static;
        transform: translateY(0);
        background: rgba(0, 0, 0, .8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
        text-align: center
    }

    .develop_box .cont h4 {
        font-size: 26px
    }

    .develop_box::after {
        display: none
    }

    .develop_box .cont p {
        font-size: 14px;
        line-height: 20px
    }

    .port_summary .right_side p {
        font-size: 12px
    }

    .grid-sizer,
    .test_inner li {
        width: calc(33.33% - 15px)
    }

    #list-item-info .info-item {
        min-height: 400px
    }

    .seelist header.main-header .topheader {
        display: flex
    }

    .commansection .banner-content.second-posi.home_bn_cont {
        background: #fff
    }

    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextthree h1,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .smallertext-second p {
        color: #333
    }

    .commansection .banner_slider .slider_content .banertexttwo .smallertext p {
        letter-spacing: 0;
        word-spacing: 0;
        padding: 0 15px
    }

    ul.test_slide li .cont p {
        max-height: initial;
        padding-top: 25px
    }

    ul.test_slide li .cont .read_morebtn {
        max-height: initial;
        margin-top: 40px
    }

    ul.test_slide li .cont {
        height: calc(100% - 200px);
        margin-top: 200px
    }

    .black_logo {
        display: inline-block
    }

    /* .desk_port {
        display: none !important
    } */
}

@media(max-width:768px) {
    .signature-quote-div {
        padding: 60px 20px 20px
    }

    .value-wrapper {
        width: 32%;
        padding: 10px;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, .4)
    }

    .built_around.founder-section .img_wrap {
        padding-top: 100%;
        background-position: center center
    }

    .says-values h1 {
        color: #000 !important
    }

    .our-team-section h1 {
        font-size: 5rem !important
    }

    .commansection.our-team-section .banner-content .banner-content-wrapper .smallertext-second p {
        font: 1.8rem/1.5 open_sansregular
    }

    .mob_prot .new_slick .thumimg {
        height: 450px
    }

    .mob_prot .new_slick {
        height: 450px
    }

    ul.test_slide {
        padding: 0
    }

    ul.test_slide .slick-dots {
        position: absolute;
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%)
    }

    ul.test_slide .slick-dots li {
        width: auto;
        height: auto;
        min-height: auto;
        border: 0;
        padding: 0 3px
    }

    ul.test_slide .slick-dots li:before {
        display: none
    }

    ul.test_slide .slick-dots li button {
        font-size: 0;
        border: 1px solid #666;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        display: inline-block;
        padding: 0
    }

    ul.test_slide .slick-dots li button:hover {
        background: #663493;
        cursor: pointer;
        border-color: #663493
    }

    ul.test_slide .slick-dots li.slick-active button {
        background: #663493;
        cursor: pointer;
        border-color: #663493
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 1.8rem/1.3 open_sansregular
    }

    .established .cus_btn {
        margin-top: 20px
    }

    .bannerimg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%
    }

    .home_bn {
        position: relative
    }

    .ban_cont {
        position: relative;
        bottom: initial;
        padding: 50px 0
    }

    .top_banner .bannerimg {
        position: relative;
        padding-top: 0
    }

    .commansection .banner-content {
        padding: 40px 0
    }

    .list_abt .inner_sec .img_wrap {
        width: 100%;
        order: 1
    }

    .list_abt .inner_sec.sec1 .img_wrap {
        width: 100%
    }

    .list_abt .inner_sec.sec1 .cont {
        width: 100%
    }

    .list_abt .inner_sec .cont {
        width: 100%;
        order: 2
    }

    .list_abt .inner_sec.opposite .cont {
        text-align: left
    }

    .cus_btn {
        font-size: 10px
    }

    .list_abt .inner_sec .cont {
        padding: 40px 15px
    }

    .list_abt .inner_sec.sec1 .cont {
        padding: 40px 15px
    }

    .blog .left_filter {
        width: 100%;
        order: 2;
        padding: 15px
    }

    .cont_right {
        width: 100%;
        order: 1
    }

    .blog_box li .cont_wrap .cus_btn {
        font-size: 11px
    }

    .pagination {
        padding: 40px 15px
    }

    .blog_det .com_heading2 {
        font-size: 4rem;
        margin-bottom: 10px
    }

    .blog_det h3 {
        font-size: 2.5rem
    }

    .blog_det p {
        font-size: 14px
    }

    .blog_detail .cont_right {
        padding: 40px 15px 0 15px
    }

    .contact .left_side {
        width: 100%;
        order: 2
    }

    .contact .right_side {
        width: 100%;
        padding: 0 0 40px 0;
        order: 1
    }

    .contact .left_side .add {
        max-width: 100%
    }

    .built_around .img_wrap {
        position: static;
        padding-top: 50%;
        width: calc(100% + 30px);
        margin: 0 -15px 0 -15px
    }

    .built_around .cont {
        width: 100%;
        padding: 30px 0 30px 0
    }

    .contact_inner .img_wrap {
        width: 100%;
        padding: 60px 30px
    }

    .contact_inner .cont {
        width: 100%;
        padding: 40px 0 0 0
    }

    .contact_map {
        padding-top: 38%
    }

    .how_work .wrapper {
        display: flex;
        flex-wrap: wrap
    }

    .how_work .cont_sec {
        width: 100%;
        padding: 40px 0;
        order: 2
    }

    .how_work .img_wrap {
        position: static;
        padding-top: 50%;
        width: calc(100% + 30px);
        order: 1;
        margin: 0 -15px 0 -15px
    }

    .how_work.opposite .cont_sec {
        padding: 40px 0
    }

    .grow .left_side {
        width: 100%
    }

    .grow .right_side {
        width: 100%;
        margin: 30px 0 0 0;
        padding-bottom: 80px
    }

    .grow .right_side p {
        font-size: 16px
    }

    .port_summary .left_side {
        width: 100%
    }

    .port_summary .right_side {
        width: 100%;
        padding: 40px 15px
    }

    .section_fourth .user_reviews .people {
        height: auto
    }

    .section_fourth .user_reviews .Testimoni {
        height: auto
    }

    .contact .right_side ul li {
        width: 100%;
        margin-bottom: 15px
    }

    .grid-sizer,
    .test_inner li {
        width: calc(50% - 15px)
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 50px
    }

    #list-item-info .info-item .info-top {
        margin-bottom: 5px
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second {
        padding: 10px 0 20px 0
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
        font-size: 2.2rem
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p {
        font-size: 1.5rem
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
        font-size: 1.6rem
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
        margin-top: 25px
    }

    ul.test_slide {
        height: 700px
    }

    ul.test_slide li {
        height: 700px
    }

    .contact_inner .img_wrap {
        margin-top: 40px;
        padding: 40px 0
    }

    .contact_inner .img_wrap::before {
        content: "";
        width: 10000px;
        height: 100%;
        background: #333;
        position: absolute;
        right: 100%;
        top: 0
    }
}

@media(max-width:540px) {
    .signature-quote-div p {
        font-size: 14px
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font-size: 12px
    }

    .built_around.stand-for ul li {
        font-size: 15px
    }

    .built_around.stand-for .com_heading br {
        display: none
    }

    .value-wrapper {
        width: 49%;
        background: rgba(255, 255, 255, .4);
        padding: 5px;
        margin-bottom: 6px
    }

    .smallertext p {
        font-size: 12px
    }

    .list_abt .inner_sec .cont p {
        font-size: 12px
    }

    .list_abt .inner_sec .cont h3 {
        font: 6rem/1 josefin_sanssemibold
    }

    header.main-header .topheader .right-sec {
        padding-right: 20px
    }

    .blog_box li .cont_wrap h3 {
        font-size: 3rem
    }

    .pagination ul li a {
        width: 35px;
        height: 35px
    }

    .blog_det .com_heading2 {
        font-size: 5rem
    }

    .blog_det h3 {
        font-size: 20px
    }

    .contact .left_side h3 {
        font-size: 5rem
    }

    .contact_inner .cont p {
        line-height: 24px;
        font-size: 14px
    }

    .contact_map {
        padding-top: 45%
    }

    .our_work .com_heading::after {
        display: none
    }

    .our_work .com_heading {
        line-height: initial;
        font-size: 5rem
    }

    .how_work_h {
        font-size: 3rem
    }

    .how_work_h span {
        font-size: 15rem
    }

    .grow .right_side h2 {
        font-size: 12rem
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second.banp {
        padding-top: 10px
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 30px;
        margin-bottom: 5px
    }

    .watch-trailer {
        font-size: 12px
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
        font-size: 3.2rem
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p {
        font-size: 2.5rem
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
        font-size: 2.8rem
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 40px 15px
    }

    .section_fourth .user_reviews .people h1.purple {
        border-bottom: 3px solid #dad9da
    }

    .section_fourth .user_reviews .people h4 {
        padding-left: 15px
    }

    .section_fourth .user_reviews .people h1 {
        padding-left: 15px
    }

    .section_three .airbox {
        width: 100%
    }

    .ct-scroll-top {
        bottom: 30px;
        color: #f9f9f9;
        height: 45px;
        position: fixed;
        right: 30px;
        text-align: center;
        width: 45px;
        z-index: 1002;
        overflow: hidden;
        line-height: 40px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        border-radius: 45px;
        background-color: #000;
        font-size: 21px
    }

    #menu {
        display: none
    }
}

@media(max-width:480px) {
    .bannerimg {
        padding-top: 0
    }

    .mob_prot .new_slick .thumimg {
        height: 320px
    }

    .mob_prot .new_slick {
        height: 320px
    }


    .left-logo a img {
        width: 120px
    }


    .experienced ul {
        margin-top: 30px
    }

    .experienced ul li {
        padding: 0 10px
    }

    .blog_box li {
        width: 100%;
        padding-top: 50%
    }

    .blog_post {
        flex-wrap: wrap
    }

    .blog_social {
        width: 100%;
        margin-top: 10px
    }

    .blog_social a {
        margin: 0 5px 0 0
    }

    .contact_map {
        padding-top: 50%
    }

    .commansection .banner-content {
        padding: 20px 0
    }

    .grid-sizer,
    .test_inner li {
        width: 100%
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 30px 15px
    }

    .section_fourth .logos .img_fig {
        padding-top: 60%
    }

    .section_fourth .logos .img_fig .fig_cap {
        max-width: 300px
    }

    .commansection .banner-content .banner-content-wrapper .banertextone h1 {
        font: 4.9rem/1.2 josefin_sansbold_italic
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
        font: 4.9rem/1.2 josefin_sansbold_italic
    }

    ul.test_slide li .cont {
        height: calc(100% - 140px);
        margin-top: 140px
    }

    ul.test_slide li:hover::before {
        background: #fff
    }

    ul.test_slide li:hover img {
        filter: invert(0)
    }

    ul.test_slide li:hover .cont p {
        color: #333
    }

    ul.test_slide li:hover .cont .read_morebtn .cus_btn {
        color: #333;
        border-color: #333
    }

    ul.test_slide .slick-dots {
        transform: translateX(0);
        width: 100%;
        display: flex !important;
        justify-content: center;
        left: 0
    }
}

.desk-portfolio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.desk-portfolio.height-full {
    height: 100%
}

.portfolio-banner-logo img[title=MDD] {
    max-width: 300px
}

.desk-portfolio .desk-port-grid {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    height: 50vh
}

.desk-portfolio .desk-port-grid.port-title {
    flex: 0 0 50%;
    max-width: 50%;
}

.desk-portfolio .port-title {
    background-image: url(../../images/testimonial-bg-circle.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #663493;
    padding: clamp(30px, 3vw, 50px);
    padding-left: calc(clamp(30px, 3vw, 50px) + 30px);
    overflow: hidden;
}

.desk-portfolio .port-title .title-inner-flex {
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.desk-portfolio .port-title .title-inner-flex .title-inner {
    width: 100%
}

.desk-portfolio .port-title .title-inner-flex .text-below-title {
    position: relative;
    margin: 0 0 20px 0
}

.desk-portfolio .port-title .title-inner-flex .text-below-title p {
    font-size: 2.3rem;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #fff;
    font-family: josefin_sanssemibold_italic;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0
}

.desk-portfolio .port-title .title-inner-flex .button-wrap a {
    font: 1rem/1 josefin_sansregular;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #fff;
    padding: 17px 15px 12px;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: inline-block
}

.desk-portfolio .port-title .title-inner-flex .text-below-title p:last-of-type {
    margin: 0
}

.desk-portfolio .port-title .title-inner-flex .button-wrap a:hover {
    background-color: #000;
    border: 2px solid transparent
}

.desk-portfolio .port-item {
    padding: 30px;
    background-size: calc(100% + 150px);
    background-position: center center;
    transition: background .4s
}

.list_packages .wrapper {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox
}

.desk-portfolio .port-item:hover {
    background-size: calc(100% + 170px)
}

.desk-portfolio .port-item .text-flex {
    height: 100%;
    display: flex;
    align-items: center;
}

.desk-portfolio .port-item .text-flex p {
    color: #fff;
    font-family: "Mulish";
}

.desk-portfolio .port-item .text-flex .text-inner {
    width: 100%
}

.mobile-wrapper .title-inner {
    background-color: #663493;
    padding: 2.4em;
    overflow: hidden
}

.mobile-wrapper .title-inner h3 {
    color: #fff;
    font: 4rem/1 josefin_sanssemibold;
    margin: 0 0 10px 0
}

.mobile-wrapper .title-inner .text-below-title {
    position: relative;
    margin: 0 0 20px 0
}

.mobile-wrapper .title-inner .text-below-title p {
    font-size: 2.3rem;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #fff;
    font-family: josefin_sanssemibold_italic;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0
}

.mobile-wrapper .title-inner .text-below-title::after {
    content: "";
    width: 10000px;
    display: inline-block;
    position: absolute;
    height: 5px;
    top: 43%;
    right: 0;
    transform: translateY(-43%);
    background: rgba(255, 255, 255, .2)
}

.mobile-wrapper .title-inner .button-wrap a {
    font: 1.5rem/1 josefin_sansregular;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #fff;
    padding: 17px 15px 12px;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: inline-block
}

.mobile-wrapper .desk-port-grid {
    padding: 40px 60px;
    min-height: 44rem;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-wrapper .desk-port-grid .text-flex {
    display: -webkit-box;
    display: -ms-flexbox
}

.mobile-wrapper .desk-port-grid.port-center-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-wrapper .desk-port-grid .text-inner h4 {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 1.4;
    color: #fff;
    font-family: josefin_sansregular
}

.mobile-wrapper .desk-port-grid .text-inner p {
    font-size: 14px;
    line-height: 1.3;
    color: #e1e1e1
}

.mob_prot .mobile-wrapper .new_slick {
    height: auto !important
}

.mobile-wrapper .desk-port-grid.text-center {
    text-align: center
}

.mobile-wrapper .desk-port-grid .text-inner {
    width: 100%
}

.icons_wrapper {
    width: 100%
}

.section_fourth .heading-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 25%;
    align-items: center;
    justify-content: center
}

.section_fourth .heading-grid .icons-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    height: 100%;
    background: #434049
}

.section_fourth .people h4 {
    font: 5rem/1 josefin_sansbold;
    color: #e5e5e5
}

.section_fourth .people h4 span {
    font: 1.5625rem/1 josefin_sansbold;
    text-transform: uppercase;
    vertical-align: middle
}

.section_fourth .people h3 {
    font: 4.3rem/1 josefin_sansbold_italic;
    color: #333;
    padding: 6px 0 0 0
}

.section_fourth .heading-grid .icons-wrap .list_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section_fourth .heading-grid .icons-wrap .list_logo:first-of-type {
    border-bottom: 1px solid #a19fa4
}

.section_fourth .heading-grid .icons-wrap .list_logo li {
    width: 25%
}

.section_fourth .heading-grid .icons-wrap .list_logo li img {
    margin: 0 auto;
    max-width: 70%;
    filter: grayscale(3)
}

.section_fourth .flider-grid {
    height: 100%;
    width: 75%;
    display: flex;
    align-items: center;
    padding: clamp(30px, 3vw, 60px);
    padding-right: 0;
    background: #653394 url(/images/testimonial-bg-circle.png) no-repeat center center;
    background-size: auto 100%
}

.testimonial-logo .slider-bottom {
    background: #e2e2e2;
    padding: 30px clamp(30px, 3vw, 50px)
}

.testimonial-logo .slider-bottom .brand-wrap {
    padding: 0 10px;
    text-align: center
}

.testimonial-logo .slider-bottom .brand-wrap img {
    margin: auto
}

.testimonial-logo .slider-bottom .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.seelist #list-item-bg .bg-item.active .bg-container video {
    height: 100%
}

.llc-video video {
    min-width: 100%;
    min-height: calc(100% + 300px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    max-width: inherit
}

.content-wrapper {
    width: 100%
}


.wrapper.testimonial-page-wrapper {
    max-width: 100%;
    padding: 0 100px
}

.client_head {
    padding-left: 70px
}

.top_banner.videoShow .videosectiobanner {
    top: 0;
    overflow: hidden
}

body.contactTemplate .built_around .img_wrap {
    position: static;
    width: 100%;
    padding-bottom: 90%
}

body.contactTemplate .built_around .wrapper {
    flex-direction: inherit;
    max-width: 100%;
    padding: 0
}

body.contactTemplate .built_around .cont {
    max-width: 600px;
    padding-right: 15px
}

body.contactTemplate .built_around .img_box_wrap {
    width: 60%;
    overflow: hidden;
    height: 100%;
    margin-bottom: 20px
}

.testimonialsTemplate .bannerimg.banner-overlay::before {
    background: rgba(0, 0, 0, .15)
}

.london_contact_template .bannerimg.banner-overlay::before {
    background: rgba(0, 0, 0, .25)
}

@media (max-width:1440px) {
    .testimonial-logo .slider-bottom .brand-wrap img {
        margin: auto;
        width: auto;
        max-height: 40px
    }

    .contact .right_side ul li {
        margin-bottom: 8px
    }

    .contact .left_side .add.first {
        margin-top: 25px
    }

    .contact .left_side .add {
        margin-bottom: 20px
    }

    .inputfield {
        padding: 15px 18px
    }

    textarea.inputfield {
        height: 110px
    }

    .section_fourth {
        height: calc(100% - 90px)
    }

    .price-range-div.experienced ul {
        margin-top: 20px
    }

    .list_packages .com_heading {
        font: 3rem/1.1 josefin_sansbold_italic
    }

    .list_packages .com_heading {
        font: 2.8rem/1.1 josefin_sansbold_italic
    }

    .price_content .smallertext p {
        font: 14px/1.5 open_sansregular
    }

    .established .cus_btn {
        margin-top: 15px
    }

    .price-range-div h5 {
        font: 17px/1 josefin_sanssemibold;
        margin-bottom: 15px
    }

    .price_content .smallertext p {
        margin-bottom: 10px
    }

    .established.list_packages .cont_sec {
        width: 68%
    }

    .price-range-div .smallertext {
        padding: 9px 0 5px
    }
}

@media (max-width:1280px) {
    .section_fourth .people h3 {
        font: 3.3rem/1 josefin_sansbold_italic
    }
}

@media (max-width:1199.98px) {
    .client_head {
        padding-left: 70px
    }

    .wrapper.testimonial-page-wrapper {
        padding: 0 50px
    }

    .flider-grid ul.slick-dots {
        margin-bottom: 30px
    }

    .testimonial-logo .section_fourth .people h3 {
        font: 3.3rem/1 josefin_sansbold_italic
    }

    .desk_port .port-item {
        padding: 20px
    }

    .desk_port .port-item .text-flex p {
        font-size: 14px
    }

    .desk_port .port-item {
        background-size: cover;
        background-repeat: no-repeat
    }

    .desk_port .port-item:hover {
        background-size: cover
    }

    .cont_sec.price_content {
        padding: 90px 0
    }

    .established .wrapper {
        display: flex
    }

    .section_fourth {
        align-items: center
    }
}

@media (min-width:1367px) and (max-width:1399px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 3rem/1.2 josefin_sansbold_italic
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 50px 30px 50px
    }
}

@media (min-width:1341px) and (max-width:1366px) {
    .services-page-listing .inner_sec .cont {
        padding: 40px 50px 40px 50px
    }

    .services-page-listing .inner_sec .cont h3 {
        font: 2.8rem/1.2 josefin_sansbold_italic
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0
    }
}

@media (min-width:1281px) and (max-width:1340px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 2.5rem/1.2 josefin_sansbold_italic
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 50px 30px 50px
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 2rem/1.2 josefin_sansbold_italic
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 10px 30px 0
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0
    }

    .services-page-listing .inner_sec .cont {
        margin-left: -85px
    }

    .services-page-listing .inner_sec.opposite .cont {
        margin-right: -85px
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-left: 0
    }
}

@media (max-width:991.98px) and (max-width:1199px) {
    .services-page-listing .inner_sec .cont p {
        font: 13px/1.5 open_sansregular
    }
}

@media (max-width:991.98px) {
    .established.list_packages .cont_sec {
        width: 100%
    }
}

@media (max-width:991.98px) {
    header.main-header .topheader .right-sec .right-cotact {
        display: none;
    }

    .client_head {
        padding-left: 0
    }

    .portfolio-banner-logo img {
        max-width: 240px
    }

    ul.test_slide li .cont {
        margin-top: 170px !important
    }

    .established.list_packages .cont_sec {
        width: 100%
    }

    .list_packages .com_heading {
        font: 40px/1.1 josefin_sansbold_italic
    }

    h6.reviewer-name {
        font: 14px/1.5 open_sansbold
    }

    .section_fourth .heading-grid {
        width: 100%;
        justify-content: flex-start
    }

    .section_fourth .flider-grid,
    .section_fourth .heading-grid .heading-wrap,
    .services-page-listing .inner_sec .img_wrap,
    .services-page-listing .inner_sec .cont {
        width: 100%
    }

    .services-page-listing .inner_sec.opposite .img_wrap {
        width: 100%;
        margin-right: 0
    }

    .services-page-listing .inner_sec .cont {
        margin-left: 0
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-left: 50px
    }

    .services-page-listing .inner_sec.opposite .img_wrap {
        order: 0
    }

    .services-page-listing.first-section-services .inner_sec.opposite .img_wrap,
    .services-page-listing.first-section-services .inner_sec.opposite .cont {
        width: 100%
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-right: 50px
    }

    .com_heading.what-wedo-heading {
        font: 4rem/1.1 josefin_sansbold_italic;
        padding: 50px 0 50px 50px
    }

    .services-page-listing .inner_sec.opposite .cont {
        width: 100%
    }

    .cont-img img {
        max-width: 60px
    }
}

@media only screen and (orientation: landscape) and (max-width:1000.98px) {
    .nav_side_logo img {
        max-width: 116px;
        padding-block: clamp(20px, 3.5vw, 50px) clamp(30px, 3.8vw, 60px);
    }

    header.main-header .topheader .right-sec .left-nav {
        padding-bottom: 20px;
        gap: 20px;
    }

    header.main-header .topheader .right-sec .left-nav ul {
        height: calc(100vh - (clamp(30px, 3.5vw, 50px) + clamp(30px, 3.8vw, 60px) + 94px + 20px + 20px));
        overflow-y: auto;
    }
}

@media (max-width:767.98px) {
    header.main-header .topheader {
        flex-wrap: wrap;
    }

    header.main-header .topheader .left-content {
        width: 100%;
        padding-bottom: 10px;
        padding-left: 0.6%;
    }

    .portfolio-banner-logo img {
        max-width: 150px
    }

    ul.test_slide li .cont {
        margin-top: 170px !important
    }

    ul.test_slide .slick-dots {
        bottom: 10px
    }

    .established.list_packages .img_sec.ecommerce-website {
        background-position: center center;
        padding-top: 90%
    }

    .com_heading.what-wedo-heading {
        padding: 0 0 20px 0
    }

    .services-page-listing .inner_sec .cont {
        padding: 50px 30px !important
    }

    .price-range-div.experienced ul li img {
        max-width: 120px
    }

    .testimonial-logo .section_fourth .people h3 {
        font: 5rem/1 josefin_sansbold_italic
    }

    .list_packages .com_heading {
        font: 30px/1.1 josefin_sansbold_italic
    }

    body.contactTemplate .built_around .img_box_wrap {
        width: 100%
    }

    body.contactTemplate .built_around .img_wrap {
        margin: 0
    }

    body.contactTemplate .built_around .cont {
        padding-left: 15px
    }
}

@media (max-width:575.98px) {
    .established.list_packages .img_sec {
        background-position: top center;
        padding-top: 90%
    }

    .add-get-started .cus_btn.white {
        max-width: 170px
    }

    h6.reviewer-name {
        font: 14px/1.5 open_sansbold
    }

    .testimonial-logo .section_fourth .people h4 {
        font: 4rem/1 josefin_sansbold
    }

    .price-range-div.experienced ul li img {
        max-width: 100% !important
    }

    .say-what-home .bannerimg {
        padding-top: 60%
    }
}

@media (min-width:3300px) and (min-width:1600px) {
    .established.list_packages.new-about-page .img_sec.left-img-sec {
        width: 48% !important
    }

    .established.list_packages.new-about-page .cont_sec {
        width: 52% !important;
        padding-left: 40px !important
    }
}

.our-team-section.no-overlay:after {
    display: none
}

.bg-purple {
    background-color: #663493
}

.term-content-wrap {
    max-width: 1000px;
    padding: 50px 15px;
    margin: 0 auto
}

.term-content-wrap h3 {
    font: 18px/1.3 open_sanssemibold;
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px
}

.term-content-wrap h2 {
    font: 22px/1.3 open_sanssemibold;
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px
}

.term-content-wrap p {
    font: 16px/1.3 open_sansregular;
    color: #666;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .built_around.built_around2 .img_wrap {
        width: 60%
    }

    .built_around.built_around2 .cont {
        width: 40%
    }
}

@media(max-width:1100px) {
    .summary_cont .right_side {
        height: auto
    }

    .port_summary .left_side {
        min-height: 720px
    }
}

.commansection .bannerimg.imageTagWrapper .imgTagImage {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
}

.desk-portfolio .port-item .imageTagWrapper,
.desk-port-grid.port-item .imageTagWrapper {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.desk-portfolio .port-item,
.desk-port-grid.port-item {
    position: relative;
}

.desk-portfolio .port-item .imageTagWrapper .imgTagImage,
.desk-port-grid.port-item .imageTagWrapper .imgTagImage {
    height: 100%;
    width: 100%;
    transition: 0.3s;
    object-fit: cover;
}

.desk-portfolio .port-item:hover .imageTagWrapper .imgTagImage,
.desk-port-grid.port-item:hover .imageTagWrapper .imgTagImage {
    transform: scale(1.05);
}

.desk-portfolio .port-item .text-flex,
.desk-port-grid.port-item .text-inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 991.98px) {

    footer p,
    footer li,
    footer a {
        font-size: 14px !important;
    }
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.fp-watermark {
    display: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*!
 * fullPage 2.9.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

/*# sourceMappingURL=jquery.fullpage.min.css.map */
.main_loader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99998;
    background: #fff;
    width: 100%;
    height: 100%;
}

.main_loader img {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    max-width: 300px;
}

.d-none {
    display: none !important;
}

@media (max-width: 768px) {

    .commansection .videosectiobanner {
        display: none !important;
    }

    .commansection .bannerimg.imageTagWrapper .imgTagImage {
        max-width: 100%;
    }

    .say-what-home .bannerimg {
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    .say-what-home .bannerimg {
        padding-top: 48%;
    }
}

.contact_us a:hover {
    color: #d6abfd !important;
}

.section-two.our-team-section.say-what-home {
    /* z-index: 11;  */
}

.section-one.commansection.section.top_banner.home_page_banner.fp-section.fp-table {
    display: block;
}

.contact_inner .img_wrap a {
    color: #fff;
    text-decoration: none;
}

.contact_inner .img_wrap a:hover {
    text-decoration: underline;
}






/* HEADER CSS HERE */


.right-cotact>a>img {
    filter: grayscale(1) brightness(0.5);
}

.right-cotact>a:hover>img {
    filter: none;
}

.right-cotact>a:hover {
    color: #663494 !important;
}

/* COMMON CSS IS HERE */
.btn {
    font: normal normal normal clamp(16px, 1.1vw, 18px)/22px Bitter;
    letter-spacing: 0.18px;
    text-transform: capitalize;
    padding: 14px 24px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #fff;
    background: transparent;
    transition: all .3s ease;
}

.btn:hover {
    background: #fff;
}

.btn-light-outline {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}

.btn-light-outline:hover {
    color: #663494;
    border: 1px solid #fff;
    background-color: #fff;
}

.btn-primary {
    color: #fff;
    border: 1px solid #663494;
    background-color: #663494;
}

.btn-primary:hover {
    color: #663494;
    border: 1px solid #663494;
    background-color: #fff;
}

.box-space-50 {
    padding: clamp(30px, 3vw, 50px);
}

.section_inner,
.section_inner>.row {
    height: 100%;
}

.h-100 {
    height: 100%;
}

.h2 {
    font-size: clamp(38px, 2.604vw, 50px);
    line-height: 1.1;
    letter-spacing: 1px;
}

.text-primary {
    color: #663493;
}

.mb-30 {
    margin-bottom: clamp(20px, 2vw, 30px);
}

.space-top-70 {
    margin-top: clamp(40px, 3.646vw, 70px);
}

.text-gray {
    color: #5A5A5A;
}

.text-darkgray {
    color: #262626;
}

.bg-darkgray {
    background-color: #262626;
}

.fs-22 {
    font-size: clamp(18px, 1.146vw, 22px);
    font-weight: 400;
    line-height: 1.3;
    font-family: 'Mulish';
    letter-spacing: 0.44px;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

.fw-normal {
    font-weight: 400;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -0px;
}

.row>* {
    padding-inline: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .col-lg-6 {
        width: 50%;
    }
}



/* HOMEPAGE BANNER TOP CSS */
.top_banner.commansection .banner-content {
    top: auto;
    left: 0;
    transform: none;
    bottom: clamp(38px, 3.6vw, 64px);
}

.top_banner.commansection .videosectiobanner video {
    height: 100vh;
}

.wrapper_actions {
    padding-top: 30px;
}

.top_banner.commansection .banner_slider {
    transform: none;
    left: clamp(270px, 20vw, 450px);
    right: auto;
    top: clamp(10px, 1.7vw, 32px);
}

.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
    font: clamp(16px, 1.1vw, 18px)/1.4 josefin_sansbold;
    font-weight: 600;
    font-family: "Mulish", sans-serif;
    letter-spacing: 0.22px;

}

@media (max-width: 1299px) {
    .top_banner.commansection .banner_slider {
        top: 10px;
    }
}

@media (max-width: 1100px) {
    .bannerimg {
        min-height: 100vh;
    }
}

@media (max-width: 991.98px) {
    .commansection .banner-content {
        background: #000;
    }

    .image-column-common {
        order: -1;
    }

    .image-column2 {
        margin-top: 60px;
    }

    .top_banner.commansection .videosectiobanner video {
        height: auto;
    }

    .bannerimg {
        min-height: auto;
        padding: 0;
    }

    .top_banner.commansection .videosectiobanner {
        position: static;
    }

    .top_banner.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
        padding-inline: 30px;
    }

    .top_banner.commansection .banner_slider {
        padding-top: 20px;
    }

    .top_banner.commansection .banertextone br {
        display: none;
    }
}

@media (max-width: 768.98px) {
    .top_banner.commansection .videosectiobanner {
        display: block !important;
    }
}

@media (max-width: 767.98px) {
    .left-content {
        position: absolute;
        left: 0;
        padding: 0 30px !important;
        top: 12px;
        text-align: right;
    }

    header.cs_header_new .left-content h1:before {
        right: 0;
        left: auto;
        bottom: -2px;
        top: auto;
    }

    header.cs_header_new .left-content h1 {
        font-size: clamp(14px, 1.1vw, 18px);
    }

    .cs-right-info {
        margin-top: 30px;
    }
}

/* section 2 */
.image-column2 {
    background: url(../../images/section2-1.webp) center center / cover no-repeat;
    color: #fff;
}

.image-column2>.col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: clamp(30px, 5.2vw, 100px);
}

.video_play_btn {
    display: flex;
    gap: clamp(12px, 1.5vw, 27px);
    align-items: center;
    justify-content: end;
}

.video_play_btn>span {
    width: 22%;
    height: 2px;
    background: #fff;
    display: inline-block;
}

.text-column-common {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.text-column-common>.col-inner {
    width: 100%;
}

img.video_play_icon {
    width: clamp(60px, 6vw, 111px);
}

.text-column-left>.col-inner {
    padding-right: clamp(30px, 5.1vw, 100px);
}

.text-column-right>.col-inner {
    padding-left: clamp(30px, 4.1vw, 80px);
}

.text-column-common p {
    font-family: 'Mulish';
}

@media (max-width: 991.98px) {
    .image-column2 {
        aspect-ratio: 4 / 3;
    }
}

/* section 3 */
.MainHead-col {
    position: relative;
}

.MainFloatHead {
    font-size: clamp(16px, 1.1vw, 18px);
    font-family: "Bitter";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3.06px;
    color: #FFFFFF;
    margin-bottom: 25px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 1;
    justify-content: end;
}

h3.MainFloatHead:after {
    content: "";
    transform: translateY(-50%);
    background-color: #fff;
    width: 100px;
    display: block;
    height: 2px;
    margin-left: 20px;
    margin-bottom: 2px;
}

.dark-section .text-column-common {
    color: #e0E0E0;
}

.image-column-common .full-image {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.text-column-common>.col-inner p:not(:last-child) {
    margin-bottom: 15px;
}

@media (min-width: 1601px) {
    .MainFloatHead {
        position: absolute;
        top: 12%;
        right: clamp(30px, 3vw, 50px);
        margin-bottom: 0px;
    }

    .MainHead-col>.col-inner {
        padding-top: calc(13% + 30px) !important;
        padding-bottom: 13%;
    }
}

@media (max-width: 991.98px) {
    .image-column-common .col-inner {
        height: 100%;
    }

    .image-column-common .full-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 4 / 3;
    }
}

/* Portfolio Section CSS here */
.desk-portfolio .port-item .port-logo-info img {
    width: revert-layer;
    margin-bottom: 23px;
    object-fit: contain;
    object-position: center top;
}

.desk-portfolio .port-item.port-item-1 .port-logo-info img,
.desk-portfolio .port-item.port-item-2 .port-logo-info img {
    margin-bottom: 42px;
}

.desk-portfolio .port-item.port-item-3 .port-logo-info img,
.desk-portfolio .port-item.port-item-5 .port-logo-info img {
    margin-bottom: 32px;
}

.desk-portfolio .port-item.port-item-6 .port-logo-info img {
    margin-bottom: 54px;
}

.port-white-logo img {
    width: revert-layer;
    margin-inline: auto;
}

.desk-portfolio .port-title .title-inner-flex .text-below-title {
    margin-block: clamp(20px, 4vh, 40px) clamp(30px, 9vh, 90px);
    color: #fff;
}

.desk-portfolio .port-title .title-inner-flex .title-inner {
    text-align: center;
}


.port-title {
    position: relative;
}

.port-title .MainFloatHeadP {
    font-size: clamp(16px, 1.1vw, 18px);
    font-family: "Bitter";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3.06px;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: clamp(30px, 3vw, 50px);
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 1;
    transform: rotateZ(-90deg) translateX(-50%) translateY(0%);
    transform-origin: 0% 0%;
}

.port-title .MainFloatHeadP:after {
    content: "";
    transform: translateY(-50%);
    background-color: #fff;
    width: 100px;
    display: block;
    height: 2px;
    margin-left: 20px;
    margin-bottom: 2px;
}

@media (max-width: 991.98px) {
    .desk-portfolio .desk-port-grid.port-title {
        flex: auto;
        max-width: 100%;
        width: 100%;
    }

    .desk-portfolio .port-item,
    .desk-port-grid.port-item {
        width: 50%;
        flex: auto;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
}


/* TESTIMONIALS SECTION CSS HERE */
.Testimoni .MainFloatHead {
    position: static;
    justify-content: end;
    padding-bottom: 7%;
    margin-top: -6%;
    padding-right: clamp(30px, 3vw, 50px);
}

.testimonial-slider-wrapper {
    padding: clamp(20px, 2.1vw, 40px) clamp(20px, 3vw, 50px);
    background-color: #5C2E86;
    width: calc(100% - 35px);
    margin-left: 0;
    height: 100%;
    color: #fff;
}

.tesimonial_slide .slick-track {
    display: flex;
}

.tesimonial_slide .slick-slide {
    height: unset;
}

.tesimonial_slide .slick-list {
    padding-right: calc(50% - clamp(20px, 2.5vw, 40px));
}

.heading-wrap {
    width: 100%;
    padding: clamp(30px, 3vw, 50px);
}

.heading-wrap .people img {
    margin-bottom: clamp(30px, 5.5vw, 105px);
}

.testimonial-slider-wrapper h3 {
    font-size: clamp(22px, 1.6vw, 30px);
    line-height: 1.46;
    margin-block: clamp(20px, 1.3vw, 26px) clamp(20px, 1.3vw, 25px);
    font-family: "Bitter";
}

.testimonial-slider-wrapper .reviewer-name {
    color: #5FB35F;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: clamp(16px, 1.1vw, 18px);
    position: relative;
    padding-top: 20px;
    margin-top: clamp(20px, 1.3vw, 26px);
}

.testimonial-slider-wrapper .reviewer-name:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 3px;
    background-color: #fff;
}

.testimonial-slider-wrapper .testimonial-description {
    font-family: 'Mulish';
}

.testimonial-logo .slider-bottom .brand-wrap img {
    width: revert-layer;
}

@media (max-width: 1100.98px) {
    .Testimoni .MainFloatHead {
        padding-bottom: 5%;
        padding-top: 2%;
        margin-top: 0;
    }
}

@media (max-width: 991.98px) {
    .testimonial-logo .people {
        display: flex;
        align-items: center;
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .tesimonial_slide .slick-list {
        padding-right: 0;
    }

    .heading-wrap .people img {
        width: 80px;
    }
}

/* FOOTER CSS START HERE */
footer .second_grid h2,
footer .third_grid h2 {
    color: #fff;
    font: 20px/24px Bitte;
}

footer .third_grid h2 {
    margin-bottom: 15px;
}

footer .second_grid h2 {
    padding-bottom: clamp(30px, 3vw, 50px);
}

.third_grid {
    padding: clamp(20px, 1.7vw, 30px);
    background: #272727;
}

.contact_us li:not(.li-flex)>a,
.li-flex {
    display: flex;
    align-items: center;
    gap: 13px;
}

.contact_us p {
    color: #fff;
    font: 15px/32px Mulish;
    margin-bottom: clamp(20px, 1.3vw, 26px);
}

@media (max-width: 991.98px) {
    footer .container .first_grid {
        max-width: none;
        width: 100%;
        margin-bottom: 30px;
    }

    footer .container .second_grid {
        padding-left: 0;
    }

    footer .container .second_grid,
    footer .container .third_grid {
        max-width: none;
    }

    html .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
    html .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),
    html .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
    html .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
    html .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),
    html .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
        height: auto;
        min-height: auto;
    }

    .text-column-common>.col-inner,
    .heading-wrap {
        padding-block: 50px;
    }

}

@media (max-width: 767.98px) {
    footer .container .second_grid {
        padding-right: 0;
    }


}

@media (max-width: 450.98px) {
    footer .copyright {
        flex-direction: column-reverse;
        text-align: center;
        gap: 15px;
    }
}

/* Popup CSS is here */
/* Button Styling */
#openPopup {
    cursor: pointer;
}

/* Popup Styling */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 99999;
    backdrop-filter: blur(10px);
}

.popup-content {
    max-width: 1000px;
    margin-inline: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
}

.popup-content-inner {
    background: white;
    padding: 0;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    position: relative;
    margin-inline: auto;
    overflow: hidden;
    max-height: calc(100dvh - 50px);
    margin-block: 0;
}

.popup-content video,
.popup-content iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: 100%;
    display: block;
    background: #000;
}

.close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 25px;
    cursor: pointer;
    line-height: 22px;
    background: #fff;
    z-index: 999;
    width: 20px;
    height: 20px;
    text-align: center;
}

span.close-btn:hover {
    background: #663494;
    color: #fff;
}

@media (min-width: 1200px) {
    .close-btn {
        top: -15px;
        right: -15px;
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1280px) and (min-width: 1024px) {
    .h2 {
        font-size: clamp(32px, 2.604vw, 50px);
    }

    body {
        font-size: clamp(14px, 1.1vw, 18px);
    }

    footer .container .first_grid .footer-info,
    footer .container .second_grid ul.quick_list li a,
    footer .container .third_grid ul.contact_us li a,
    .contact_us p {
        font: 14px / 19px Mulish;
    }
}