@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    transition: all 0.4s ease;
}

.spinner {
    width: 80px;
    height: 80px;
    border: 7px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spinner 0.7s linear infinite;
}

@keyframes spinner {
    from {
    }

    to {
        transform: rotate(360deg);
    }
}

:root {
    --body-color: #E4E9F7;
    --nav-color: #4070F4;
    --side-nav: #010718;
    --text-color: #FFF;
    --footer-color: #140B5C;
    --bottom-color: #0F0844;
    --header-color: #000000;
    --background-color: cornflowerblue;
}

.container-common{
    margin-left: 50px;
}

.container-common p {
    padding: 2px;
    margin-left: 10px;
    width: 70%;
    color:gray;
    text-align: justify;
}

.container-common ul{
    margin-left: 50px;
    color:gray;
}

.container-common h2, h3, h5, h1 {
    margin-left: 10px;
    padding:2px;
    color: var(--header-color);
}

p {
    color: var(--text-color);
}


body{
    height: 100vh;
    background-color: var(--body-color);
}

main {
    visibility: hidden;
    opacity: 0;
    animation: show-content 1.5s linear forwards;
    animation-delay: .2s;
}

@keyframes show-content {
    100% {
        visibility: visible;
        opacity: 1;
    }
}

body.dark {
    --body-color: #18191A;
    --nav-color: #242526;
    --side-nav: #242526;
    --text-color: #CCC;
    --footer-color: #242526;
    --bottom-color: #242526;
    --header-color: #FFF;
    --background-color: black;
}

nav{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 70px;
    width: 100%;
    background-color: var(--nav-color);
    z-index: 100;
    
}

body.dark nav {
    border: 1px solid #393838;
}

.nav-bar{
    position: relative;
    height: 100%;
    max-width: 1000px;
    width: 100%;
    background-color: var(--nav-color);
    margin: 0px auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav .nav-bar .sidebarOpen {
    color: var(--text-color);
    font-size: 25px;
    padding: 5px;
    cursor: pointer;
    display: none;
}


nav .nav-bar .logo a{
    font-size: 25px;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none;
}

nav .nav-bar .logo img {
    width:75px;
}

.menu .logo-toggle {
    display: none;
}

.nav-bar .nav-links{
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.nav-bar .nav-links li {
    margin: 0px 5px;
    list-style: none;
    
}

.nav-links li a {
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: var(--text-color);
    text-decoration: none;
    padding: 10px;
}

    .nav-links li a::before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: #7cf03d;
        opacity: 0;
        transition: all 0.3s ease;
    }

.nav-links li:hover a::before{
    opacity: 1;
}

.nav-bar .dark-light {
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    justify-content: center;
    margin: 0 5px;
}

.dark-light i {
    position: absolute;
    color: var(--text-color);
    font-size: 22px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dark-light i.sun{
    opacity: 0;
    pointer-events: none;
}

.dark-light.active i.sun{
    opacity: 1;
    pointer-events: auto;
}

.dark-light.active i.moon {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 790px) {
    nav .nav-bar .sidebarOpen {
        display: block;
    }

    .menu {
        position: fixed;
        height: 100%;
        width: 320px;
        left: -100%;
        top: 0;
        padding: 20px;
        background-color: var(--side-nav);
        z-index: 100;
        transition: all 0.4s ease;
    }

    nav.active .menu {
        left: -0%;
    }

    nav.active .nav-bar .navLogo a {
        opacity: 0;
        transition: all 0.3s ease;
    }

    .menu .logo-toggle {
        display: block;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .logo-toggle .siderbarClose {
        color: var(--text-color);
        font-size: 24px;
        cursor: pointer;
    }

    .nav-bar .nav-links {
        flex-direction: column;
        padding-top: 30px;
    }

    .nav-links li a {
        display: block;
        margin-top: 20px;
    }
}

/*---------------------------Bar-Animation-------------------------*/
.bars-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1;
}

.bars-animation .bar {
    width: 100%;
    height: 100%;
    background: var(--background-color);
    transform: translateY(-100%);
    animation: show-bars .5s ease-in-out forwards;
    animation-delay: calc(.1s * var(--i));
}

@keyframes show-bars {
    100% {
        transform: translateY(0%);
    }
}

/*---------------------------Home-------------------------*/
.home {
    /*background-color: var(--background-color);*/
    display:flex;
    align-items: center;
    height: 100vh;
    padding: 60px 5% 0;
    color:var(--text-color);
}

.home .home-info h1 {
    font-size: 55px;
    white-space:nowrap;
}

.home .home-info h2 {
    margin: 0px 0px 0px 10px;
    font-size: 32px;
    display: inline-block;
    white-space:nowrap;
}

.home .home-info span {
    position: relative;
    white-space:nowrap;
    font-size: 32px;
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: .7px #7cf03d;
    animation: display-text 16s linear infinite;
    animation-delay: calc(-4s * var(--i));
}

@keyframes display-text {
    25%, 100% {
        display: none;
    }
}

.home .home-info span::before {
    content: attr(data-text);
    position: absolute;
    width: 0;
    border-right: 2px solid #7cf03d;
    color: #7cf03d;
    white-space: nowrap;
    overflow: hidden;
    animation: fill-text 4s linear infinite;
}

@keyframes fill-text {
    10%,100% {
        width: 0;
    }

    70%,90% {
        width: 100%;
    }
}

.home .home-info p {
    font-size: 16px;
    margin: 10px 80px 25px 10px;
    position:relative
}

.home .home-info .btn-sci {
    display:flex;
    align-items: center;
}

.home-info .btn-sci .btn {
    display: inline-block;
    padding: 10px 30px;
    background:#7cf03d;
    border: 2px solid #7cf03d;
    border-radius: 40px;
    font-weight: 600;
    box-shadow: 0 0 10px #7cf03d;
    transition: .5s;
}

.btn-sci .btn:hover {
    background: transparent;
    color: #7cf03d;
    box-shadow: none;
}

.home-img .img-box {
   position: relative;
   width: 32vw;
   height: 32vw;
   border-radius:50%;
   padding: 5px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
}

.home-img .img-box::before, 
.home-img .img-box::after {
   content: '';
   position: absolute;
   width: 610px;
   height: 620px;
   background: conic-gradient(transparent, transparent, 
   transparent, #7cf03d);
   transform: rotate(0deg);
   animation: rotate-border 10s linear infinite;
}

.home-img .img-box::after {
    animation-delay: -5s;
}

@keyframes rotate-border {
    100% {
        transform: rotate(360deg);
    }
}

.home-img .img-box .img-item {
   position: relative;
   width: 100%;
   height: 100%;
   background: var(--background-color);
   border-radius: 50%;
   border: .1px solid var(--background-color);
   display:flex;
   justify-content:center;
   z-index: 1;
   overflow: hidden;
}

.home-img .img-box .img-item img {
   position: absolute;
   display: block;
   width: 100%;
   object-fit: cover;
   mix-blend-mode: hard-light;
}

@media (max-width: 768px) {
    .home {
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 40px 5%;
        height: auto;
        text-align: center;
    }

    .home .home-info {
        margin-top: 30px;
    }

    .home .home-info h1 {
        font-size: 36px;
    }

    .home .home-info h2,
    .home .home-info span {
        font-size: 24px;
        white-space: normal;
    }

    .home .home-info p {
        margin: 15px 10px;
        font-size: 14px;
    }

    .home-img .img-box {
        width: 70vw;
        height: 70vw;
    }

    .home-img .img-box::before,
    .home-img .img-box::after {
        width: 100%;
        height: 100%;
    }

    .home .home-info .btn-sci {
        justify-content: center;
    }
}



/*-----------------------------Consents Style -------------------------------*/

#cookieConsentdiv {
z-index: 1000;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.95);
padding: 15px 30px;
font-family: 'Century Gothic', sans-serif;
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}

#cookieConsentdiv .text-section {
    font-size: 14px;
    flex-grow: 1;
    color:var(--text-color);
}

#cookieConsentdiv .text-section h3 {
    font-size: 18px;
    margin: 0;
    color:black;
}

#cookieConsentdiv .text-section p {
    margin: 5px 0 0 0;
    color:black;
}

#cookieConsentdiv .text-section a {
    color: cornflowerblue;
    text-decoration: underline;
}

#cookieConsentdiv .button-section {
    display: flex;
    gap: 10px;
}

#cookieConsentdiv .accept-btn,
#cookieConsentdiv .reject-btn {
    border: none;
    padding: 10px 25px;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

#cookieConsentdiv .accept-btn {
    background-color: green;
}

#cookieConsentdiv .accept-btn:hover {
    background-color: darkgreen;
}

#cookieConsentdiv .reject-btn {
    background-color: red;
}

#cookieConsentdiv .reject-btn:hover {
    background-color: darkred;
}

/* ---------------------------- FOOTER --------------------------------------*/

footer {
    position: relative;
    background: var(--footer-color);
    width: 100%;
    bottom: 0;
    left: 0;
}

.body.dark footer {
    border: 1px solid #393838;
}


footer::before {
    content: '';
    position: absolute;
    left: 0;
    top: 100px;
    height: 1px;
    width: 100%;
    background: #AFAFB6;
}

footer .content {
    max-width: 90%;
    margin: auto;
    padding: 30px 40px 40px 40px;
}

footer .content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.content .top .logo-details {
    color: #fff;
    font-size: 30px;
}

.content .top .media-icons {
    display: flex;
}

.content .top .media-icons a {
    height: 40px;
    width: 40px;
    margin: 0 8px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: all 0.4s ease;
}

.top .media-icons a:nth-child(1) {
    background: #4267B2;
}

.top .media-icons a:nth-child(1):hover {
    color: #4267B2;
    background: #fff;
}

.top .media-icons a:nth-child(2) {
    background: #1DA1F2;
}

.top .media-icons a:nth-child(2):hover {
    color: #1DA1F2;
    background: #fff;
}

.top .media-icons a:nth-child(3) {
    background: #E1306C;
}

.top .media-icons a:nth-child(3):hover {
    color: #E1306C;
    background: #fff;
}

.top .media-icons a:nth-child(4) {
    background: #0077B5;
}

.top .media-icons a:nth-child(4):hover {
    color: #0077B5;
    background: #fff;
}

.top .media-icons a:nth-child(5) {
    background: #FF0000;
}

.top .media-icons a:nth-child(5):hover {
    color: #FF0000;
    background: #fff;
}

footer .content .link-boxes {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

footer .content .link-boxes .box {
    width: calc(100% / 4 - 5px);
}

.content .link-boxes .box .link_name {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
}

.link-boxes .box .link_name::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 35px;
    background: #fff;
}

.content .link-boxes .box li {
    margin: 6px 0px;
    list-style: none;
    color: #fff;
}

.content .link-boxes .box li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.4s ease
}

.content .link-boxes .box li a:hover {
    opacity: 1;
    text-decoration: underline;
}

.content .link-boxes .input-box {
    margin-right: 55px;
}

.link-boxes .input-box input {
    height: 40px;
    width: calc(100% + 55px);
    outline: none;
    border: 2px solid #AFAFB6;
    background: #140B5C;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 15px;
    color: #fff;
    margin-top: 5px;
}

.link-boxes .input-box input::placeholder {
    color: #AFAFB6;
    font-size: 16px;
}

.link-boxes .input-box input[type="button"] {
    background: #fff;
    color: #140B5C;
    border: none;
    font-size: 18px;
    font-weight: 500;
    margin: 4px 0;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.4s ease;
}

.input-box input[type="button"]:hover {
    opacity: 1;
}

footer .bottom-details {
    width: 100%;
    background: var(--bottom-color);
}

body.dark .bottom-details {
    border: 1px solid #393838;
}

footer .bottom-details .bottom_text {
    max-width: 100%;
    margin: auto;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
}

.bottom-details .bottom_text span,
.bottom-details .bottom_text a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
}

.bottom-details .bottom_text a:hover {
    opacity: 1;
    text-decoration: underline;
}

.bottom-details .bottom_text a {
    margin-right: 10px;
}

@media (max-width: 900px) {
    footer .content .link-boxes {
        flex-wrap: wrap;
    }

    footer .content .link-boxes .input-box {
        width: 40%;
        margin-top: 10px;
    }
}

@media (max-width: 700px) {
    footer {
        position: relative;
    }

    .content .top .logo-details {
        font-size: 26px;
    }

    .content .top .media-icons a {
        height: 35px;
        width: 35px;
        font-size: 14px;
        line-height: 35px;
    }

    footer .content .link-boxes .box {
        width: calc(100% / 3 - 10px);
    }

    footer .content .link-boxes .input-box {
        width: 60%;
    }

    .bottom-details .bottom_text span,
    .bottom-details .bottom_text a {
        font-size: 12px;
    }
}

@media (max-width: 520px) {
    footer::before {
        top: 145px;
    }

    footer .content .top {
        flex-direction: column;
    }

    .content .top .media-icons {
        margin-top: 16px;
    }

    footer .content .link-boxes .box {
        width: calc(100% / 1 - 10px);
    }

    footer .content .link-boxes .input-box {
        width: 100%;
    }

    .bottom-details .bottom_text span,
    .bottom-details .bottom_text a {
        width: calc(80% / 2 - 1px);
    }
}

/*---------------------------------- Banner --------------------------------*/

.banner {
    width: 100%;
    height: auto;
    margin-top: 70px; /* To avoid overlapping with fixed nav */
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/banner-bg.png) no-repeat center center;
    background-size: cover;
    aspect-ratio: 2 / 1; /* Maintains 1600x800 ratio responsively */
}


.common-heading {
    background-image: url(../img/common-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 230px 0px 180px 0px;
}

.contact-heading {
    width: 100%;
    height: auto;
    margin-top: 70px; /* To avoid overlapping with fixed nav */
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/contact-bg.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: 0px 0px 0px 30px;
    aspect-ratio: 3; /* Maintains 1600x800 ratio responsively */
}

/*------------------------ Contact Style ----------------------------*/

svg {
    margin-top: 70px;
    height: 20rem;
    margin-right: 4rem;
    margin-bottom:30px;
}


#envelope {
    animation: float 2s ease-in-out infinite;
}

#star1, #star2, #star3, #star4, #star5, #star6 {
    animation: blink 1s ease-in-out infinite;
}

#star2 {
    animation-delay: 100ms;
}

#star3 {
    animation-delay: 500ms;
}

#star4 {
    animation-delay: 700ms;
}

#star5 {
    animation-delay: 300ms;
}

#star6 {
    animation-delay: 200ms
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.column {
    flex: 1 1 50%;
    padding: 20px;
}

/* Left Column */



.column.left p {
    color: #555;
}

/* Right Column Form */

.column.right {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
}

.section-heading {
    margin-bottom: 80px;
}

.section-heading span {
    color: #00bcd4;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-top: 0px;
}

.section-heading h2 {
    color: var(--header-color);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.section-heading p {
    font-size: 15px;
    margin-bottom: -50px;
}



.contact-form input,
.contact-form textarea {
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #6a6a6a;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    width: 100%;
    height: 46px;
    outline: none;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 30px;
}

.contact-form textarea {
    height: 150px;
    resize: none;
    padding: 20px;
}

.contact-form h2 {
    color: var(--header-color);
    margin-bottom:20px;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
    color: #6a6a6a;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6a6a6a;
}

.contact-form ::placeholder {
    color: #6a6a6a;
}

.contact-form button {
    outline: none;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    border: none;
    background-color: #00bcd4;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.5s;
}

.contact-form button:hover {
    background-color: #00a4b9;
}

.right-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.right-content ul li {
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;
    letter-spacing: 0.5px;
}

.right-content ul li:last-child {
    margin-bottom: 0px;
}

.right-content ul i {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    background-color: #00bcd4;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    font-size: 24px;
}


/* Media Query for Responsive Design */
@media (max-width: 768px) {
    .column {
        flex: 1 1 100%;
    }

    svg {
        height: 14rem;
    }
}
/*----------------------------------------Service-------------------------------*/

.services-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height:100vh;
    padding: 20px 0;
    margin-top: 140px;
    margin-bottom:50px;
    
}

.services-section .section-heading h2 {
    color: var(--header-color);
}

.services-section .section-heading p {
    color: gray;
}

.services-section .wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.services-section .wrapper .box {
    padding: 30px 20px;
    text-align:center;
    background:#fff;
    border-radius: 10px;
    transition: .5s;
}

.wrapper .box:hover {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}



.wrapper .box i {
    font-size: 60px;
    color:#7494ec;
}

.wrapper .box h4 {
    margin-top: 25px;
    font-size: 19px;
    color: #1e1e1e;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}

.wrapper .box p {
    color: #000000;
    margin: 10px 0 18px;
}


.services-section .service-item {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 50px 40px;
    text-align: center;
    margin-bottom: 30px;
}

.services-page .service-item {
    margin-bottom: 30px;
}

.services-section .service-item i {
    color: #fff;
    background-color: #00bcd4;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    font-size: 32px;
}

.services-section .service-item h4 {
    margin-top: 35px;
    font-size: 19px;
    color: #1e1e1e;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}

.services-section .service-item p {
    color: gray;
}

@media (max-width: 768px) {
    .services-section .wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
}

/*--------------------------------------About------------------------------------*/

/* About Us Page Style */
.about-us {
    margin-top: 70px;
    padding: 30px;
}

.about-us .left-image {
    margin-top: 0px;
    width:85%;
}

.about-us .right-content {
    margin-left: 30px;
}

.about-us .left-image img {
    max-width: 100%;
    overflow: hidden;
}

.about-us .section-heading h2 {
    color: var(--header-color);
}

.about-us .section-heading p {
    color: gray;
}

    .about-us .section-heading {
        margin-bottom: 0px;
        border-bottom: 3px solid #7cf03d;
        padding-bottom: 70px;
    }

#tabs {
    margin-right: 0px;
}

#tabs ul {
    margin-top: 20px;
    padding: 0px;
}

#tabs ul li {
    margin-right: 40px;
    display: inline-block;
}

#tabs ul li:last-child {
    margin-right: 0px;
}

#tabs ul li a {
    font-size: 18px;
    color: var(--header-color);
    letter-spacing: 0.5px;
    font-weight: 700;
    transition: all 0.3s;
}

#tabs ul .ui-tabs-active span {
    background: #faf5b2;
    border: #faf5b2;
    line-height: 90px;
    border-bottom: none;
}

#tabs ul .ui-tabs-active a {
    color: #00bcd4;
}

#tabs ul .ui-tabs-active span {
    color: #1e1e1e;
}

.tabs-content {
    text-align: left;
    display: inline-block;
    transition: all 0.3s;
}

.tabs-content p {
    font-size: 14px;
    color: #7a7a7a;
    margin-top: 10px;
    margin-bottom: 0px;
}


/*---------------------Features----------------------------*/

.features-section {
    /*background-color: #f7f7f7;*/
    margin-top: 50px;
}

.features-section .section-heading {
    text-align: center;
}

.features-section .section-heading h2 {
    color: var(--header-color);
}

.features-section .feature-item {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 50px;
    background:white;
    padding: 30px;
    margin-bottom: 50px;
}

.features-section .feature-item .icon {
    float: left;
    margin-top: 12px;
}

.features-section .feature-item .icon img {
    max-width: 80px;
    margin-right: 30px;
}

    .features-section .feature-item h4 {
        font-size: 18px;
        color: #fa1845;
        letter-spacing: 0.5px;
        font-weight: 700;
    }

.features-section .feature-item p {
    margin-left: 30px;
    color: black;
}