:root {
    --bg-1: transparent linear-gradient(98deg, #F67062 0%, #FC5296 100%) 0% 0% no-repeat padding-box;
    --bg-2: transparent url('https://web.picmaker.com/assets/images/instagrampost/Mask Group 57748@2x.png') 0% 0% no-repeat padding-box;
    --bg-3: transparent url('https://web.picmaker.com/assets/images/instagrampost/Floral BG.svg') 0% 0% no-repeat padding-box;
    --bg-4: #FFF3F8 0% 0% no-repeat padding-box;
    --bg-5: #F2F2F2 0% 0% no-repeat padding-box;
    --bg-6: #FAFAFA 0% 0% no-repeat padding-box;
    --bg-7: transparent linear-gradient(178deg, #F67062 0%, #FC5296 100%) 0% 0% no-repeat padding-box;
    --bg-8: #212121 0% 0% no-repeat padding-box;
    --bg-9: #FFFFFF 0% 0% no-repeat padding-box;
    --bg-10: transparent url('https://web.picmaker.com/assets/images/instagrampost/icon-arrow-white.svg') 0% 0% no-repeat padding-box;
    --bg-11: transparent url('https://web.picmaker.com/assets/images/instagrampost/Logo.svg') 0% 0% no-repeat padding-box;
    --bg-12: transparent url('https://web.picmaker.com/assets/images/instagrampost/logo-scrolled.svg') 0% 0% no-repeat padding-box;
    --bg-13: transparent url('https://web.picmaker.com/assets/images/instagrampost/icon-arrow-black.svg') 0% 0% no-repeat padding-box;
    --btn-primary-color: transparent linear-gradient(270deg, #F67062 0%, #FC5296 100%) 0% 0% no-repeat padding-box;
    --btn-hero-color: black;
    --btn-nav-color: #F0831D;
    --hero-color: #F67062;
    --text-color-2: #54536C;
    --text-color-3: #676772;
    --text-color-4: #ffffff;
    --text-color-5: #111111;
    --text-color-6: #9B9B9B;
    --text-color-7: #F86A6E;
    --text-color-8: #AFAFAF;
    --text-color-9: #F1821E;
    --text-color-10: #F76B6B;
    --text-color-11: #FFEA4D;
    --border-color-1: rgba(84, 83, 108, 0.19);
    --border-color-2: #FFE8F2;
    --border-color-3: linear-gradient(178deg, #F67062 0%, #FC5296 100%);
    --lato-regular-15px: normal normal normal 15px/18px 'Lato', sans-serif;
    --lato-regular-15px-27px: normal normal normal 15px/27px 'Lato', sans-serif;
    --lato-regular-15px-33px: normal normal normal 15px/33px 'Lato', sans-serif;
    --lato-regular-15px-34px: normal normal normal 15px/34px 'Lato', sans-serif;
    --lato-regular-18px: normal normal normal 18px/24px 'Lato', sans-serif;
    --lato-regular-18px-22px: normal normal normal 18px/22px 'Lato', sans-serif;
    --lato-regular-16px: normal normal normal 16px/24px 'Lato', sans-serif;
    --lato-regular-16px-27px: normal normal normal 16px/27px 'Lato', sans-serif;
    --lato-regular-12px: normal normal normal 12px/24px 'Lato', sans-serif;
    --lato-normal-20px: normal normal normal 20px/26px Lato;
    --lato-bold-15px: normal normal bold 15px/18px 'Lato', sans-serif;
    --lato-bold-18px: normal normal bold 18px/24px 'Lato', sans-serif;
    --lato-bold-16px: normal normal bold 16px/24px 'Lato', sans-serif;
    --lato-bold-21px: normal normal bold 21px/25px 'Lato', sans-serif;
    --lato-bold-26px: normal normal bold 26px/44px 'Lato', sans-serif;
    --lato-bold-26px-30px: normal normal bold 26px/30px 'Lato', sans-serif;
    --lato-bold-24px: normal normal bold 24px/46px 'Lato', sans-serif;
    --lato-bold-24px-17px: normal normal bold 24px/17px 'Lato', sans-serif;
    --lato-900-24px-17px: normal normal 900 24px/17px 'Lato', sans-serif;
    --lato-900-24px-34px: normal normal 900 24px/34px 'Lato', sans-serif;
    --lato-900-40px-24px: normal normal 900 40px/24px 'Lato', sans-serif;
    --DM-serif-regular-40px: normal normal normal 40px/48px 'DM Serif Display', sans-serif;
    --DM-serif-regular-45px: normal normal normal 45px/55px 'DM Serif Display';
    --DM-serif-regular-36px: normal normal normal 36px/44px 'DM Serif Display', sans-serif;
    --PT-sans-regular-18px: normal normal normal 18px/24px 'PT Sans', sans-serif;
    --inter-normal-20px: normal normal bold 20px/29px "Inter";
    --Open-sans-regular-13px: normal normal normal 13px/18px 'Open Sans', sans-serif;
    --box-shadow-value-1: 0px 0px 6px #00000014;
    --box-shadow-value-2: 0px 3px 6px #00000029;
    --inter-regular-20px: normal normal normal 20px/32px 'Inter';
}

body {
    letter-spacing: 0px;
}

nav.navbar {
    padding: 25px 0;
}

.navbar-nav {
    -webkit-box-align: center;
    align-items: center;
}

nav.navbar .nav-link,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--text-color-4);
    font: var(--lato-regular-15px);
}

#collapsibleNavbar>ul>li>div>ul>li>a.nav-link {
    color: var(--text-color-1);
    white-space: nowrap;
}

#collapsibleNavbar>ul>li>div>ul>li>a.nav-link:hover {
    color: var(--text-color-9);
    background-color: transparent;
}

nav.navbar li.nav-item {
    padding: 0 15px;
}

nav.navbar .btn-primary {
    padding: 0px 24px;
    justify-content: center;
    height: 32px;
    margin: 4px 0 0 0;
    font: var(--lato-bold-15px);
}

nav.navbar ul>li .dropdown-menu {
    opacity: 0;
    display: -webkit-box;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    margin-top: 0;
    border: 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

#collapsibleNavbar>ul>li:nth-child(2):hover>.dropdown-menu {
    opacity: 1;
    display: block;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px;
}

.collapse.navbar-collapse {
    justify-content: right;
}

nav.navbar .navbar-logo {
    content: url("https://web.picmaker.com/assets/images/instagrampost/Logo.svg");
    width: 130px;
    display: block;
}

nav.navbar.fixed-top {
    background: var(--bg-9);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

nav.navbar.fixed-top .navbar-logo {
    content: url("https://web.picmaker.com/assets/images/instagrampost/logo-scrolled.svg");
}

nav.navbar.fixed-top .nav-link {
    color: var(--text-color-5);
}

.navbar-nav .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.navbar-nav .dropdown-item {
    padding: .45rem 1rem;
}

.navbar-nav .dropdown:hover .dropdown-menu ul li a.nav-link:hover {
    color: var(--text-color-9);
    background-color: transparent;
}

ul.navbar-nav>li>a.nav-link:hover {
    text-decoration: underline;
}

.btn-signup {
    /* background-color: #0d6efd;
    border-color: #0d6efd; */
    background: var(--btn-nav-color);
    border: 1px solid var(--btn-primary-color);
    border-radius: 4px;
    color: var(--bg-9);
    font: var(--PT-sans-regular-18px);
    box-shadow: var(--box-shadow-value-2);
}

.btn-hero {
    background: var(--btn-hero-color);
    border: 1px solid var(--btn-primary-color);
    border-radius: 8px;
    color: #FFFFFF;
    font: var(--inter-normal-20px);
    box-shadow: var(--box-shadow-value-2);
    width: 400px;
}

.btn-primary {
    /* background-color: #0d6efd;
    border-color: #0d6efd; */
    background: var(--btn-primary-color);
    border: 1px solid var(--btn-primary-color);
    border-radius: 8px;
    color: var(--text-color-5);
    color: #2D2D2D;
    font: var(--lato-bold-21px);
    box-shadow: var(--box-shadow-value-2);
}

.btn-lg {
    /* width: 400px; */
    min-height: 60px;
    margin: 10px 0;
    padding: 16px;
}

.gold-heading {
    color: var(--text-color-11) !important;
}

.container-fluid {
    padding: 0;
}

.adjustable-width {
    width: 99%;
}

.dark-bg {
    background: var(--bg-1);
    background-size: cover;
    color: var(--text-color-4);
}

.light-bg {
    color: var(--text-color-5);
}

.faq-bg {
    background-color: #FAFAFA;
    color: var(--text-color-5);

}

#desc-section.dark-bg,
#section-8.dark-bg,
#section-13.dark-bg {
    background: var(--bg-2);
    background-size: cover;
    padding: 90px 0;
    color: var(--text-color-4) !important;
}

.color-white {
    color: var(--bg-9) !important;
}

.desc-h2 {
    color: var(--text-color-4) !important;
    text-align: center;
    font: normal normal bold 32px/45px Inter Tight;
    letter-spacing: 0px;
    opacity: 1;
    margin-bottom: 50px;
}

/* #desc-section.dark-bg,
span,
#section-8.dark-bg h2,
span,
span,
#section-13.dark-bg h2,
span {
    color: var(--text-color-5) !important;
} */


#desc-section.dark-bg a,
#section-8.dark-bg a,
#section-13.dark-bg a {
    color: var(--text-color-4);
    text-align: center;
    font: normal normal bold 20px/29px "Inter";
    letter-spacing: 0px;
    opacity: 1;
}


.varied-desc-section {
    position: relative !important;
    overflow: hidden;
}

.varied-desc-section-two {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 100%;
}

.hero-graphic {
    width: 100%;
}

.sub-section {
    background: var(--bg-3);
    background: #FFEDF3 url("https://web.picmaker.com/assets/images/instagrampost/floral-bg.svg") center bottom no-repeat;
    background-size: 100%;
    margin-top: 50px;
    background-position: bottom;
    padding: 90px 60px;
}

.sub-section h3 {
    font: var(--lato-bold-26px-30px);
    margin: 20px 0 0;
}

.quote-image {
    width: 100%;
    max-width: 20px;
    margin: 18px auto 0 auto;
}

#section-11 {
    background-size: cover;
    padding: 100px 0;
}

#section-11 h3 {
    font: var(--lato-bold-24px-17px);
    letter-spacing: 0px;
    color: var(--text-color-2);
    opacity: 1;
}

.header-section {
    padding: 85px 30px;
}

nav.navbar.fixed-top+.header-section {
    padding-top: 260px;
}

.header-section .btn-lg {
    margin: 18px 0;
}

h1 {
    font: var(--DM-serif-regular-45px);
    letter-spacing: 0.32px;
    /* max-width: 448px; */
    /* TO BREAK THE TEXT */
    margin-bottom: 20px;
}

h6 {
    font: var(--inter-regular-20px);
    margin: 0;
}

span.disclaimer-txt {
    font: var(--Open-sans-regular-13px);
}

.header-section span.disclaimer-txt {
    font: var(--Open-sans-regular-13px);
    /* position: absolute;
    transform: translate(50px, 0px); */
    text-align: center;
    width: 400px;
}

h2 {
    font: var(--DM-serif-regular-36px);
    letter-spacing: 0.29px;
    color: var(--text-color-1);
    text-align: center;
}

h5 {
    /* font: var(--lato-normal-20px); */
    color: var(--text-color-2);
    text-align: center;
    margin: 20px 0;
}

#feature-section {
    padding: 150px 0;
}

#feature-section h2 {
    max-width: 720px;
    margin: 0 auto 0 auto;
}


.article-section-1+.article-section-1 {
    margin-top: 130px;
}

.header-section .row>*,
.row.article-section-1>*,
.row.reasons-section>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}

/* #section-2 .row>* {
    position: relative;
} */

figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 500%);
    -ms-transform: translate(-50%, 500%);
    visibility: hidden;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}


h4 {
    font: var(--DM-serif-regular-36px);
    letter-spacing: 0.29px;
    color: var(--text-color-1);
}

article {
    font: var(--lato-regular-18px);
    color: var(--text-color-3);
    margin-top: 12px;
    max-width: 443px;
}

.dark-bg h2 {
    color: var(--text-color-4);
}

.dark-bg h5 {
    color: var(--text-color-2);
}

.step-section {
    padding-top: 60px;
}

.step-image {
    max-width: 74px;
    margin-bottom: 26px;
}

.step-section h5 {
    max-width: 217px;
}

h3 {
    font: var(--lato-bold-26px);
    color: var(--text-color-1);
    letter-spacing: 0.21px;
}

#section-7 {
    padding: 120px 0;
}

ul.collapsable-menu-vertical {
    border-left: 1px solid var(--border-color-1);
}

ul.collapsable-menu-vertical li span.border-image {
    background: var(--bg-7);
}

ul.collapsable-menu-vertical li a.nav-link {
    font: var(--lato-bold-24px);
    letter-spacing: 0.19px;
    color: var(--text-color-6);
    cursor: pointer;
    padding: 16px 16px 16px 32px;
}

ul.collapsable-menu-vertical li[aria-expanded='true'] a.nav-link {
    color: var(--text-color-1);
    padding-left: 26px;
}

ul.collapsable-menu-vertical li[aria-expanded='true'] {
    border: 6px solid transparent;
    border-image-source: var(--border-color-3);
    border-image-repeat: none;
    border-image-slice: 1;
    border-image-width: 0 0 0 6px;
    border-image-outset: 3px;
}

ul.collapsable-menu-vertical li div.collpase-sub-text {
    font: var(--lato-regular-16px);
    letter-spacing: 0px;
    color: var(--text-color-2);
    padding: 0;
    max-width: 345px;
}

ul.collapsable-menu-vertical li div.collpase-sub-text img {
    display: none;
}

.reasons-section {
    padding: 90px 0 0 0;
}

.reasons-image-section,
.reasons-image-section-three,
.reasons-image-section-two,
.reasons-image-section-one,
.reasons-image-section-four {
    align-items: center;
    display: flex;
    justify-content: center;
}



.reasons-image-section,
.reasons-image-section-three,
.reasons-image-section-two,
.reasons-image-section-one,
.reasons-image-section-four .collapsing {
    transition: none;
}

.swiper-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub-section .col-lg-4 {
    /* margin-top: 100px; */
}

.sub-section .col-lg-4:nth-child(4),
.sub-section .col-lg-4:nth-child(5) {
    margin-top: 80px;
}

.sub-section article {
    max-width: 249px;
    color: var(--text-color-2);
}


.card-section {
    padding: 60px 0;
}

.card-section .card {
    text-align: center;
    padding: 65px 0;
    background: var(--bg-9);
    box-shadow: var(--box-shadow-value-1);
    border-radius: 20px;
    border: none;
    height: 90%;
}

.card-section article {
    max-width: 258px;
    margin: auto;
}

.card-section h4 {
    font: var(--lato-bold-16px);
    letter-spacing: 0px;
    color: var(--text-color-2);
    margin: 0;
}

.card-section .card-image {
    width: 100%;
    max-width: 101px;
    margin: 0 auto 25px auto;
}

.card-section span {
    font: var(--lato-regular-12px);
    letter-spacing: 0px;
    color: var(--text-color-2);
}

ul.faq-section {
    margin-top: 20px;
}

.faq-container {
    background-color: #FAFAFA;
}

ul.faq-section .col-1,
ul.faq-section .col-md-1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.faq-section li {
    padding: 35px 50px 35px 35px;
}

ul.faq-section li a.nav-link {
    font: var(--lato-regular-18px-22px);
    letter-spacing: 0px;
    color: var(--text-color-2);
    cursor: pointer;
    padding-left: 0;
}

ul.faq-section li[aria-expanded='true'] {
    background: var(--bg-5);
    border: none;
}

ul.faq-section li[aria-expanded='true'] .icon-expand {
    display: none;
}

.icon-expand {
    cursor: pointer;
}

.icon-collapse {
    display: none;
    cursor: pointer;
}

ul.faq-section li[aria-expanded='true'] .icon-collapse {
    display: block;

}

ul.faq-section li[aria-expanded='true'] a.nav-link {
    font: var(--lato-bold-18px);
    padding-bottom: 10px;

}

ul.faq-section li:after {
    display: block;
    content: '';
    border: 1px solid #F2F2F2;
    position: relative;
    top: 36px;
}

.faq-section-content {
    font-family: 'Lato', sans-serif;
    color: var(--text-color-2);
}

footer {
    padding: 100px 0 70px 0;
    background: var(--bg-8);
    font: var(--lato-regular-15px-34px);
    color: var(--text-color-8) !important;
}

footer h3 {
    font: var(--lato-900-24px-17px);
    padding-bottom: 30px;
    color: var(--text-color-7);
    margin: 0;
}

footer .nav-item a,
.faq-section a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

img.show-more {
    margin: 50px auto;
    cursor: pointer;
}

footer h4 {
    font: var(--lato-900-24px-34px);
    color: var(--text-color-4);
    margin-bottom: 24px;
}

footer h5 {
    font: var(--lato-regular-18px);
    color: var(--text-color-8);
    letter-spacing: 0px;
    text-align: left;
    margin: 0;
    margin-top: -5p
}

footer h5 span {
    font: var(--lato-bold-18px);
    color: var(--text-color-9) !important;
}

footer h6 {
    color: #f86a6e;
    font-weight: 900;
    font-size: 1.25rem;
    margin-bottom: 20px;
    font-family: Lato,sans-serif;
}
footer ul{
    padding:0;
    list-style: none;
}




footer address {
    margin-top: 18px;
    font: var(--lato-regular-15px-27px);
}

ul.social-icons-list li {
    display: flex;
}

ul.social-icons-list li+li {
    margin-left: 15px;
}

ul.social-icons-list li:first-child {
    padding: 0;
}

.footer-logo {
    margin: 80px 0 26px 0;
}

h7 {
    font: var(--lato-900-40px-24px);
    color: var(--text-color-4);
}

h7 span {
    color: var(--text-color-9) !important;
}

span.copy-right-text {
    font: var(--lato-regular-16px-27px);
    color: var(--text-color-8) !important;
}

span.copy-right-text span {
    color: var(--text-color-10) !important;
}

.navbar-nav .dropdown-toggle::after {
    background: var(--bg-10);
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-top: 0px;
    border: none;
    position: relative;
    top: 7px;
}

.fixed-top .navbar-nav .dropdown-toggle::after {
    background: var(--bg-13);
}

.navbar-nav .dropdown-toggle:hover:after {
    top: 4px;
    transform: rotate(180deg);
}

.swiper {
    /* width: 600px; */
    height: 600px;
}

#reasons-section .swiper {
    height: auto;
}

.custom-swiper-btn-left,
.custom-swiper-btn-right {
    display: inline-flex;
    position: initial;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.custom-swiper-btn-left {
    padding-right: 50px;
}

.navbar-nav .dropdown-menu.show {
    animation: rotateMenu 600ms ease-in-out forwards;
    transform-origin: top center;
}

button.navbar-toggler {
    border: none;
    color: transparent;
}

button.navbar-toggler:focus {
    box-shadow: none;
}

footer ul.nav.flex-column li {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

footer ul.nav.flex-column li:hover {
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
}

.reasons-section .accordion-item,
.faq-section .accordion-item {
    background: none;
    border: none;
}

.icon-expand {
    content: url('https://web.picmaker.com/assets/images/instagrampost/icon-expand1.png');
    width: 21px;
    display: block;
    /* margin-right: 20px; */
}

article a.nav-link,
article a.nav-link:hover {
    text-decoration: underline;
    font: normal normal normal 18px/24px 'Lato', 'sans-serif';
    letter-spacing: 0px;
    color: #929293;
    cursor: pointer;
    padding: 10px 0 0 0;
}

img.standout-icon {
    width: 100%;
    max-width: 33px;
}

img.enhance {
    margin: 60px auto auto;
    width: 80%;
}


@-moz-keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@-o-keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    body {
        text-align: center;
    }

    .btn-hero {
        font: var(--lato-bold-18px)
    }

    .btn-primary {
        font: var(--lato-bold-18px);
    }

    .varied-desc-section {
        position: unset;
        overflow: unset;
    }

    .varied-desc-section-two {
        position: unset;
    }

    .navbar .container,
    h1,
    h6,
    article {
        max-width: none;
    }

    nav.navbar .navbar-logo,
    nav.navbar.fixed-top .navbar-logo {
        background-position: center;
    }

    .navbar .container {
        justify-content: center;
    }

    nav.navbar li.nav-item {
        padding: 0 5px;
    }

    .header-section {
        padding: 50px 0;
    }

    .header-section .btn-lg {
        margin: 18px auto;
    }

    .header-section img {
        margin-top: 50px;
    }

    nav.navbar.fixed-top+.header-section {
        padding-top: 150px;
    }

    br.line-break-md {
        display: none;
    }

    h1,
    h2 {
        margin-bottom: 30px;
    }


    #seature-section {
        padding: 90px 0;
    }

    .template-image-gallery {
        padding-top: 30px;
    }

    .header-section span.disclaimer-txt {
        width: auto;
        /* position:initial; */
    }

    .step-image {
        margin-top: 60px;
    }

    .template-image {
        margin: 14px 0;
    }

    .sub-section article,
    ul.collapsable-menu-vertical li div.collpase-sub-text {
        margin: auto;
    }

    ul.collapsable-menu-vertical li div.collpase-sub-text {
        max-width: none;
    }

    ul.collapsable-menu-vertical li div.collpase-sub-text img {
        display: block;
        margin-top: 20px;
    }

    .row.reasons-section .reasons-image-section,
    .reasons-image-section-three,
    .reasons-image-section-two,
    .reasons-image-section-one,
    .reasons-image-section-four {
        display: none;
    }

    ul.collapsable-menu-vertical,
    ul.collapsable-menu-vertical li[aria-expanded='true'] {
        border: none;
    }

    .article-section-1 {
        padding: 0;
    }

    .article-section-1 h4 {
        /* margin-top: 50px; */
    }

    .article-section-1 img {
        margin: 50px 0 0 0;
    }

    .sub-section {
        padding: 0 15px 60px 15px;
        background: #ffeef4;
    }

    .sub-section article {
        max-width: none;
        margin-top: 20px;
    }

    .sub-section .col-lg-4 {
        margin-top: 60px;
    }

    #section-7 {
        padding: 70px 0;
    }

    .reasons-section {
        padding: 50px 0 0 0;
    }

    footer {
        padding: 60px 0;
    }

    footer .nav-item,
    footer h3,
    footer h4,
    footer h6,
    footer address {
        text-align: left;
    }

    footer h3 {
        margin-top: 30px;
    }

    footer .col-md-4 {
        padding: 0 30px;
    }

    footer h4 {
        margin-top: 60px;
    }

    footer h7 span {
        display: block;
        margin-top: 30px;
    }

    .card-section {
        padding: 60px 20px;
    }

    .reasons-section img {
        width: 100%;
    }

    .article-section-1+.article-section-1 {
        margin: 60px 0 0 0;
    }

    .icon-expand {
        content: url('https://web.picmaker.com/assets/images/instagrampost/icon-expand1.png');
        width: 21px;
        display: block;
        margin-right: 20px;
    }

    ul.faq-section li[aria-expanded='true'] .icon-expand {
        content: url('https://web.picmaker.com/assets/images/instagrampost/icon-collapse.png');
        display: block;
    }

    ul.faq-section .col-md-1 {
        display: none;
    }

    .sub-section .col-lg-4:nth-child(4) {
        margin-top: 30px;
    }

    .sub-section .col-lg-4:nth-child(5) {
        margin-top: 60px;
    }

    img.enhance {
        width: 100%;
    }

    .faq-q {
        text-align: left;
    }

    .faq-section-content {
        text-align: left;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    :root {
        --DM-serif-regular-40px: normal normal normal 35px/43px 'DM Serif Display', sans-serif;
        --DM-serif-regular-36px: normal normal normal 31px/34px 'DM Serif Display', sans-serif;
    }

    .btn-hero {
        font: var(--lato-bold-18px)
    }

    .btn-primary {
        font: var(--lato-bold-18px) !important;
    }

    .navbar-collapse {
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        left: 0px;
        top: 0px;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 10px 20px 20px;
        min-height: 100%;
        width: 240px;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        height: 100vh;
        overflow-y: scroll;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .navbar-collapse {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .navbar-nav .dropdown-toggle::after {
        display: none;
    }

    div#collapsibleNavbar.show {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
    }

    ul.navbar-nav li:nth-child(2),
    .dropdown-menu ul:nth-child(2) li:last-child {
        padding-bottom: 0;
    }

    .navbar-collapse .dropdown-menu,
    nav.navbar ul>li .dropdown-menu,
    #collapsibleNavbar>ul>li:nth-child(2):hover>.dropdown-menu {
        position: static;
        opacity: 1;
        -webkit-box-orient: vertical;
        flex-direction: column;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        background: 0 0;
        box-shadow: 0 0;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        padding: 0 0 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navbar-collapse a.nav-link {
        color: var(--text-color-4) !important;
    }

    nav.navbar li.nav-item {
        width: 100%;
        border-bottom: 1px dotted rgba(255, 255, 255, .3);
        text-align: left;
        padding: 20px 0;
    }

    nav.navbar li li.nav-item:last-child {
        border: none;
    }

    .navbar-dark .navbar-toggler .navbar-toggler-icon {
        background-image: url('https://web.picmaker.com/assets/images/instagrampost/icon-menu-white.svg');
    }

    .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url('https://web.picmaker.com/assets/images/instagrampost/icon-menu-black.svg');
    }

    .navbar-toggler[aria-expanded='true'] {
        padding-right: 6px;
    }

    .navbar-dark .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon {
        background-image: url('https://web.picmaker.com/assets/images/instagrampost/icon-close-white.svg');
        width: 40px;
        padding-right: 0;
    }

    .navbar-light .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon {
        background-image: url('https://web.picmaker.com/assets/images/instagrampost/icon-close-black.svg');
        width: 40px;
        padding-right: 0;
    }

    #navbar_top .d-flex {
        flex-wrap: inherit;
        flex: auto;
    }

    button.navbar-toggler {
        margin-left: auto;
    }


    #feature-section {
        padding: 60px 0;
    }

    .step-section {
        padding-top: 0;
    }

    .step-image {
        margin-top: 30px;
    }

    .reasons-section {
        padding: 20px 0 0 0;
    }

    .btn-lg {
        width: 90%;
        margin: 10px auto;
    }

    .header-section .btn-lg {
        margin: 18px auto;
    }

    #section-11 {
        padding: 60px 0;
    }

    ul.faq-section li {
        padding: 15px;
    }

    img.enhance {
        margin-top: 0;
    }

    .sub-section .col-lg-4:nth-child(4) {
        margin-top: 60px;
    }

    .faq-q {
        text-align: left;
    }

    .faq-section-content {
        text-align: left;
    }
}