@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
html {
    overflow-x: hidden;
    min-height: 100vh;
    font-family: "Poppins", sans-serif !important;
    margin: auto;
}

/* Home page css  */
.main-section-spacing {
    padding-top: 100px;
}

.hero-wrapper {
    background: #ffffff;
}

.hero-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3;
}

.highlight {
    color: #4B5563;
}

.download-btn {
    background: #eff4ff;
    border-radius: 50px;
    font-weight: 600;
}

.users-img {
    width: 41px;
    border-radius: 50%;
    margin-left: -12px;
    position: relative;
}

.users-img:nth-child(1) {
    z-index: 3;
    margin-left: 0;
}

.users-img:nth-child(2) {
    z-index: 2;
}

.users-img:nth-child(3) {
    z-index: 1;
}

.happy-users {
    color: #4B5563;
    font-size: 18px;
}

.element-image {
    top: 20%;
    left: 7%;
    transform: translate(-20%, -20%);
    z-index: 0;
}

.element-image2 {
    bottom: 26%;
    right: -11%;
    transform: translate(-20%, -20%);
    z-index: 0;
}

.hero-right-section {
    max-width: 305px !important;
    margin-left: auto;
}

.mobile-img {
    transition: all 0.4s ease-in-out;
}

.mobile-img:hover {
    transform: translateX(25px);
}

.sim-icon {
    border: 0.65px solid #FFFFFF4D;
    backdrop-filter: blur(15.603400230407715px);
    background: #1447C8;
    border-radius: 50%;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    z-index: 2;
}

.sim-icon img {
    width: 40px;
    height: 40px;
}

.white-shape-element {
    z-index: 1;
    left: 0;
    height: 105px;
}

.sim-box {
    position: relative;
    background: linear-gradient(317.58deg, #0140C1 12.15%, #3452D2 81.11%, #677AFB 112.08%);
    margin: 0 auto;
    padding: 16px;
    border-radius: 12px;
    color: #ffffff;
    overflow: visible;
}

/* LEFT → RIGHT shadow */
.sim-box::before,
.sim-box::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: inherit;
    filter: blur(20px);
    opacity: 0.6;
    z-index: 1;
}


/* LEFT → RIGHT */
.sim-box::before {
    top: 0;
    left: -40px;
    background: rgba(255, 255, 255, 2.8);
    animation: leftToRight 3s infinite linear;
}

/* RIGHT → LEFT */
.sim-box::after {
    bottom: 0;
    right: -40px;
    background: rgba(255, 255, 255, 2.8);
    animation: rightToLeft 3s infinite linear;
}

@keyframes leftToRight {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(100% + 300px));
    }
}

@keyframes rightToLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - 300px));
    }
}

.blue-banner {
    background: url(../images/blue-banner-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 30px;
    margin-top: -7%;
    overflow: hidden;
    position: relative;
}

.banner-text {
    font-weight: 600;
    font-size: 91.07px;
    line-height: 91.07px;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(90deg, #D1E0FF 0%, #7EA6FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scroll-wrapper {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 130px;
    overflow-x: hidden;
}

.scroll-content {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 32s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* LEFT SHADOW */
.blue-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 65%;
    pointer-events: none;
    background: linear-gradient(to right, rgb(0 38 110 / 60%), rgb(6 77 213));
    z-index: 5;
    transform: translateX(-20px);
    filter: blur(30px);
}

/* RIGHT SHADOW */
.blue-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 300px;
    height: 65%;
    pointer-events: none;
    background: linear-gradient(to left, rgb(0 38 110 / 60%), rgb(6 77 213));
    z-index: 5;
    transform: translateX(-20px);
    filter: blur(30px);
}

.fs-24 {
    font-size: 24px;
}

.country-row {
    text-align: center;
    gap: 30px;
}

.country-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.country-item span {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}

.flag-img {
    object-fit: cover;
    border-radius: 50%;
}

/* Header and Footer css  */
.main-header {
    background-color: #FAFAFA;
    border-radius: 20px;
}

a.nav-item-custom {
    position: relative;
    padding: 12px 30px !important;
    border-radius: 50px;
    transition: 0.3s ease;
    font-size: 16px;
    color: #171717 !important;
}

.nav-item-custom:hover,
.nav-item-custom.active {
    background-color: #EFF4FF;
    color: #2D76FF !important;
}

.nav-item-custom:hover::before,
.nav-item-custom.active::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #2D76FF;
    border-radius: 50%;
    transform: translateY(-50%);
}

.fs-16 {
    font-size: 16px;
}

.footer-section {
    background: url(../images/Secondline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 70px 0px 50px 0px;
}

a.footer-menu-items {
    font-size: 16px;
    color: #171717 !important;
    padding: 6px 15px;
}

.copyright {
    color: #959595;
    font-size: 13px;
}

a.download-btn {
    background-color: #EFF4FF;
    border-radius: 60px;
    color: #2D76FF;
    border: 1px solid #EFF4FF;
    font-size: 16px;
    padding: 13px 50px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

a.download-btn:hover {
    border-color: transparent !important;
    background: transparent;
}

a.download-btn .icon-right {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: all 0.5s ease;
    z-index: 2;
}

/* BACKGROUND FILL (RIGHT → LEFT) */
a.download-btn .bg-fill {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    z-index: 0;
    background: #2D76FF;
    transition: width 0.6s ease;
    border-radius: 60px;
}

a.download-btn .text {
    position: relative;
    z-index: 2;
}

/* FILL BG */
a.download-btn:hover .bg-fill {
    width: 100%;
}

a.download-btn:hover {
    color: white;
}

/* SLIDE ICON LEFT → OUT */
a.download-btn:hover .icon-right {
    right: 60px;
    opacity: 0;
}

/* CLICK EFFECT */
a.download-btn:active {
    transform: scale(0.95);
}



/* Second sections css  */


.features-area {
    background: #fff;
    position: relative;
    padding: 80px 0px 100px;
}

.tag-pill {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 12px;
    border: 1px solid #EAECF0;
    background: #F9FAFB;
    color: #031B1D;
    font-weight: 500;
}

.section-title {
    font-size: 48px;
    font-weight: 500;
}

.section-title .highlight {
    color: #0072ff;
}

/* CARD */
.feature-card {
    border-radius: 24px;
    padding: 20px;
    position: relative;
    height: 100%;
    transition: 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-4px);
}

.feature-card img {
    box-shadow: 0px 4px 9px 0px #00000012;

}

.feature-card h5 {
    font-weight: 600;
    margin-bottom: 8px;
    color: #232D42;
    font-size: 18px;
}

.feature-card p {
    font-size: 16px;
    color: #6E6E6E;
}

.top-bar {
    height: 6px;
    width: 65px;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    left: 115px;
    box-shadow: 0px 10px 40px 0px #A08ED733;
}

/* COLORS */
.green-bg {
    background: #F5FFF8;
}

.green-bar {
    background: #00D246;
}

.red-bg {
    background: #FFF5F6;
}

.red-bar {
    background: #FD4C5C;
}

.blue-bg {
    background: #F6FCFF;
}

.blue-bar {
    background: #26C1FF;
}

.orange-bg {
    background: #FFFCF5;
}

.orange-bar {
    background: #FFA600;
}

.teal-bg {
    background: #F5FFFF;
}

.teal-bar {
    background: #11c9b4;
}

.purple-bg {
    background: #F8F5FF;
}

.purple-bar {
    background: #7951F9;
}

/* Third section css  */

.hero-business-wrapper {
    background-color: #F3F5FF;
    padding: 80px 0px;
}

.hero-business-right h2 {
    font-size: 48px;
    font-weight: 500;
    color: #171717;
}

.hero-business-right p {
    color: #6B7280;
    font-size: 18px;

}

.fs-18 {
    font-size: 18px;
    color: #171717;
}

.check-icon {
    background: #D1E0FF;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
}


a.download-btn-blue {
    background-color: #2D76FF;
    border-radius: 60px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 50px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

a.download-btn-blue:hover {
    border-color: transparent !important;
    background: transparent;
}

a.download-btn-blue .icon-right {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: all 0.5s ease;
    z-index: 2;
}

/* BACKGROUND FILL (RIGHT → LEFT) */
a.download-btn-blue .bg-fill {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    z-index: 0;
    background: #ffffff;
    transition: width 0.6s ease;
    border-radius: 60px;
}

a.download-btn-blue .text {
    position: relative;
    z-index: 2;
}

/* FILL BG */
a.download-btn-blue:hover .bg-fill {
    width: 100%;
}

a.download-btn-blue:hover {
    color: #2D76FF !important;
}

/* SLIDE ICON LEFT → OUT */
a.download-btn-blue:hover .icon-right {
    right: 60px;
    opacity: 0;
}

/* CLICK EFFECT */
a.download-btn-blue:active {
    transform: scale(0.95);
}


/* Fouth Section css  */

.timeline-img {
    z-index: 0;
    max-width: 875px !important;
    left: 10%;
    top: 7%;
}

.feature-showcase-section {
    position: relative;
    overflow: hidden;
}

.phone-wrapper {
    display: flex;
    justify-content: center;
}

.phone-img {
    z-index: 2;
    position: relative;
}

.feature-box {
    padding: 20px;
    border-radius: 12px;
    z-index: 2;
    position: absolute;
    width: 33%;
}

.feature-box-1 {
    top: 20%;
    left: -2%;
    background: #FFF1D2;
    border: 1px solid #FFB6181A;
    box-shadow: 0px 30px 40px 0px #A08ED71A;
}

.feature-box-2 {
    bottom: 10%;
    left: 0%;
    background: #D2D3FF;
    box-shadow: 0px 30px 40px 0px #A08ED71A;
}

.feature-box-3 {
    top: 20%;
    right: -2%;
    background: #D3FFD6;
    border: 1px solid #00D2461A;
    box-shadow: 0px 30px 40px 0px #A08ED71A;
}

.feature-box-4 {
    bottom: 10%;
    right: 0%;
    background: #FFD6E4;
    box-shadow: 0px 30px 40px 0px #A08ED71A;
}


.pricing-card {
    border-radius: 32px;
    box-shadow: 0px 5.05px 33.09px -2.52px #0000004d;
    backdrop-filter: blur(14px);
    background: linear-gradient(188.77deg, #D2CEFF -65.71%, #FFFFFF 27.74%);
    border: 1px solid #F1F2F9;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px;
    position: relative;
    overflow: hidden;
}

.pricing-card-head {
    font-weight: 500;
    font-size: 20px;
    color: #171717;
    margin: 20px 0;
}

.pricing-card-para {
    color: #343159;
    font-size: 16px;
}

.feature-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    line-height: 1.4;
}

.feature-list li span {
    color: #413F5C;
}

.rounded-check-icon {
    border: 1px solid #2D76FF;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.price .amount {
    color: #171717;
    font-weight: 700;
    font-size: 30px;
}

.price .months {
    color: #A0A3BD;
    font-weight: 400;
    font-size: 14px;
}

.most-popular-card {
    border-radius: 32px;
    box-shadow: 0px 5.05px 33.09px -2.52px #0000004d;
    backdrop-filter: blur(14px);
    background: linear-gradient(188.77deg, #D2CEFF -65.71%, #FFFFFF 27.74%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 43px 26px;
    position: relative;
    overflow: hidden;
}

.most-popular-card::before {
    content: "";
    position: absolute;
    top: -158px;
    right: -30px;
    width: 358px;
    height: 312px;
    border-radius: 40px;
    pointer-events: none;
    background: radial-gradient(90% 90% at 50% 50%, rgba(98, 152, 255, 0.25) 0%, rgba(140, 180, 255, 0.1) 100%);
    z-index: 0;
    backdrop-filter: blur(75px);
    filter: blur(100px);
    transform: rotateX(360deg);
}

.testimonial-card {
    background: #F3F5FF;
    border-radius: 20px;
    padding: 32px;
    transition: 0.3s ease;
    height: 100%;
}

.testimonial-card p,
.testimonial-card h6 {
    columns: #161919;
}

.testimonial-card small {
    color: #454747;
}

.testimonial-card.active-card p,
.testimonial-card.active-card h6,
.testimonial-card.active-card small {
    color: #ffffff;
}

.active-card {
    background: #2D76FF;
    color: #fff;

}

.testimonial-card svg {
    color: #2D76FF;
    fill: currentColor;
    transition: 0.3s ease;
}

.active-card svg {
    color: #fff;
    fill: currentColor;
}

.user-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-card-spacing .carousel-inner {
    display: flex !important;
}

.testimonial-card-spacing .carousel-item {
    transition: transform .8s ease;
}

button.left-arrow,
button.right-arrow {
    background-color: #E0EBFF;
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

button.left-arrow:hover,
button.right-arrow:hover,
button.left-arrow.active,
button.right-arrow.active {
    background-color: #2D76FF !important;
    border-color: transparent !important;
}

.left-arrow svg,
.right-arrow svg {
    color: #002B6B;
    fill: currentColor;
    transition: 0.3s ease;
}

#testimonialCarousel .left-arrow:hover svg,
#testimonialCarousel .right-arrow:hover svg,
button.left-arrow.active svg,
button.right-arrow.active svg {
    color: #ffffff;
}

.testimonial-card-spacing {
    margin: 40px 0px;
}

.bottom-banner-box {
    background: url(../images/bottom-baaner-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 30px 0px;
    text-align: center;
    border-radius: 35px;
}

.buttom-banner-heading {
    color: #FFFFFF;
    font-size: 64px;
    font-weight: 500;
}

.buttom-banner-para {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
}

.divider::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
            rgba(209, 224, 255, 0) 7.32%,
            #D1E0FF 50%,
            rgba(209, 224, 255, 0) 90.08%);
    top: 30px;
}

.qr-text {
    font-size: 20px;
    color: #ffffff;
}

/* About us page css  */

.about-us-list li{
    color: #6C6C6C;
    font-size: 16px;
}

.about-hero-left img{
    border: 1px solid #0000000F;
    border-radius: 20px;
}

a.download-btn-black{
    border: 1.27px solid #A6A6A6;
    background-color: #000;
    padding: 7px 30px;
    border-radius: 40px;
    color: #ffffff;
}

/* Contact us page css  */

.hero-contact-right p{
    font-size: 16px;
    color: #000;
}

.contact-us-form .form-check-input{
    border: 1px solid #58606D !important;

}

.contact-us-form .form-check-input:focus{
    box-shadow: none !important;
}

.contact-us-form .form-check-input:checked{
    background-color: #000000;
}

.contact-us-form .form-check-input:checked[type=checkbox] {
    filter: invert(1) !important;
}



/* FQA page css  */

div#faqAccordion {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.custom-faq .faq-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

div#faqAccordion .accordion-button:focus{
    box-shadow: none !important;
    background-color: transparent !important;
}

div#faqAccordion .accordion-item{
box-shadow: 0px 5px 15px 0px #19213D0F;
border: 1px solid #D9DBE9 !important;
background: #FFFFFF;
border-radius: 16px;
margin-bottom: 15px;
overflow: hidden;

}
button.accordion-button.faq-card.collapsed{
    font-weight: 500;
font-size: 22px;
}

div#faqAccordion .accordion-button:not(.collapsed){
      background-color: transparent !important;
      border: 0;
      box-shadow: none;
      color: #000000;
font-weight: 500;
font-size: 24px;
padding-bottom: 0px;
}

.custom-faq .faq-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
}

.custom-faq .faq-title {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.custom-faq .faq-text {
    font-size: 14px;
    color: #777;
    margin-top: 6px;
}

#faqAccordion .accordion-button::after {
    box-shadow: 0px 0.5px 1px 0px #19213D12;
    background: #F1F2F9;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #6F6C8F;
    font-weight: 600;

    /* KEEP the icon visible */
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;

}

#faqAccordion .accordion-button:not(.collapsed)::after {
    background: #2D76FF;
      height: 40px;
    width: 40px;
    border-radius: 50%;

    /* White arrow icon */
    background-image: url("https://img.icons8.com/ios-glyphs/30/ffffff/expand-arrow.png");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

div#faqAccordion .accordion-item .accordion-body {
    color: #686868;
    font-weight: 400;
    font-size: 18px;
}


.custom-faq .accordion-button {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

.custom-faq .accordion-body {
    padding: 0 5px 12px 5px;
    color: #666;
}

/* RESPONSIVE */
@media (min-width: 991px) and (max-width: 1024px) {
    .timeline-img {
        max-width: 626px !important;
        left: 16%;
        top: 9%;
    }

    a.nav-item-custom {
    padding: 12px 22px !important;
    }
    .nav-item-custom:hover::before, .nav-item-custom.active::before{
        left: 10px;
    }
    .blue-banner{
        margin-top: 0%;
    }
}

@media (max-width: 991px) {
    .hero-right-section {
        max-width: 100% !important;
    }

    .hero-title,
    .section-title {
        font-size: 40px;
    }

    .hero-business-right h2 {
        font-size: 35px;
    }

    .blue-banner {
        margin-top: 0px;
    }

    .timeline-img {
        display: none;
    }

    .feature-box {
        position: static;
    }

    .bottom-banner-box {
        padding: 35px 15px 0px;
    }

    .buttom-banner-heading {
        font-size: 40px;
    }

    .features-area {
        padding: 50px 0px 50px;
    }

    .qr-text {
        font-size: 15px;
    }

    .feature-box {
        width: 100%;
        height: 100%;
    }
    .fs-24 {
    font-size: 20px;
}
   #faqAccordion .accordion-button:not(.collapsed),
   button.accordion-button.faq-card.collapsed {
    font-size: 20px;
}
}



@media (max-width: 768px) {
    .popula-mode-box {
        padding: 30px 22px 25px;
    }

    .pricing-card {
        padding: 22px;
    }

    .pricing-card-head {
        font-size: 22px;
}


@media (max-width: 767px) {
        }
   div#faqAccordion .accordion-button:not(.collapsed),
   button.accordion-button.faq-card.collapsed {
    font-size: 18px ;
}
div#faqAccordion .accordion-item .accordion-body {
    font-size: 16px;
}
#faqAccordion .accordion-button:not(.collapsed)::after,
#faqAccordion .accordion-button::after {
    height: 30px;
    width: 30px;
}
    .blue-banner {
        padding: 10px;
    }

    .blue-banner::before {
        width: 228px;
        height: 44%;
        transform: translateX(-185px);
    }

    .blue-banner::after {
        width: 228px;
        height: 44%;
        transform: translateX(115px);
    }

    .banner-text {
        font-size: 54px;
    }

    .scroll-wrapper {
        height: 100px;
    }

    .fs-24 {
        font-size: 18px;
    }

    .hero-title,
    .section-title {
        font-size: 30px;
    }

    .hero-business-right h2 {
        font-size: 30px;
    }

    .buttom-banner-heading {
        font-size: 30px;
    }

    br {
        display: none;
    }
    button.left-arrow, button.right-arrow{
        display: none;
    }
}

@media (max-width: 576px) {

    .popula-mode-box {
        padding: 28px 20px 22px;
    }
}


@media (max-width: 525px) {

    .hero-title,
    .section-title {
        font-size: 28px;
    }

    .hero-business-right h2 {
        font-size: 28px;
    }

    .buttom-banner-heading {
        font-size: 28px;
    }

    .hero-business-right p {
        font-size: 16px;
    }

    .fs-18 {
        font-size: 16px;
    }

    a.download-btn-blue{
        margin: auto;
    }
}



.header {
    background: #2D76FF;
    padding: 40px 20px;
    text-align: center;
    color: #ffffff;
}
.header h1 {
    font-size: 36px;
    margin-bottom: 0px;
}
.header p {
    font-size: 21px;
    opacity: 1;
    text-transform: uppercase;
    font-weight: 500;
}

/* Main Content */
.content {
    width: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.content h2 {
    color: #000000;
    font-size: 28px;
    margin-bottom: 15px;
}

.content h3 {
    color: #40C4FF;
    font-size: 22px;
    margin: 20px 0 10px;
}

.content p, .content ul {
    margin-bottom: 15px;
    font-size: 16px;
}

.content ul {
    padding-left: 20px;
}

.content li {
    margin-bottom: 10px;
}