* {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: none;
     list-style: none;
 }
 
 body {
     font-family: 'Lexend', prompt;
     font-size: 16px;
 }
 
 .color-1 {
     color: #F8B5B2;
 }
 
 .color-2 {
     color: #343434;
 }
 
 .radius-20 {
     border-radius: 1.25rem;
 }
 
 .shadow-xlg {
     box-shadow: 47px 56px 65.8px 4.2px rgba(0, 0, 0, 0.12);
     width: 100%;
 }
 
 hr {
     background-color: #fff;
 }
 /* ====================== [  Typography  ] ====================== */
 
 h1 {
     font-size: 3.25rem;
 }
 
 h1>.big {
     font-size: 6.3135rem;
 }
 
 h2 {
     font-size: 2.875rem;
     line-height: 4.25rem;
 }
 
 h3 {
     font-size: 1.375rem;
 }
 
 h4 {
     line-height: 2.50rem;
 }
 
 .text-muted {
     color: #7B7B7B!important;
     font-weight: normal;
 }
 
 a {
     text-decoration: none;
     color: #F8B5B2;
 }
 
 a:hover {
     color: #f59d99;
 }
 
 p {
     line-height: 30px;
 }
 
 .lh-40 {
     line-height: 2.5rem;
 }
 /* ====================== [  Spacing  ] ====================== */
 
 .p-120 {
     padding-top: 7.5rem;
     padding-bottom: 7.5rem;
 }
 
 .pt-120 {
     padding-top: 7.5rem;
 }
 
 .pb-120 {
     padding-bottom: 7.5rem;
 }
 
 .p-150 {
     padding-top: 9.375rem;
     padding-bottom: 9.375rem;
 }
 
 .pt-60 {
     padding-top: 3.75rem;
 }
 
 .pb-60 {
     padding-bottom: 3.75rem;
 }
 
 .g-6,
 .gx-6 {
     --bs-gutter-x: 6rem;
 }
 /* ====================== [  Form  ] ====================== */
 
 .btn {
     background-color: #F8B5B2;
     border-color: #F8B5B2;
 }
 
 .btn:hover {
     background-color: #f59d99;
     border-color: #f59d99;
 }
 
 .btn-check:focus+.btn-primary,
 .btn-primary:focus {
     background-color: #f59d99;
     border-color: #f59d99;
     box-shadow: none !important;
 }
 
 .btn-lg {
     font-size: 1.125rem;
     border-radius: 1.25rem;
     padding: 1rem 4.375rem;
 }
 
 .btn-lg-alt {
     background-color: #5cd38c;
     font-size: 1.125rem;
     border-radius: 1.25rem;
     padding: 1rem 4.375rem;
 }
 
 .btn-link {
     color: #F8B5B2;
 }
 
 .btn-link:hover {
     color: #f59d99;
 }
 
 .color-3 {
     color: white;
 }
 
 .form-control {
     border: none;
 }
 
 .form-control:focus {
     box-shadow: none;
 }
 
 .form-control::placeholder {
     color: #7B7B7B;
 }
 
 .form-control-lg {
     border-radius: 1.25rem;
     padding: 1rem 2.375rem;
 }
 
 .form-control-lg::placeholder {
     color: #7B7B7B;
     font-size: 1rem;
 }
 
 .dropdown-toggle::after {
     display: none;
 }
 /* ====================== [   Scroll To Top  ] ====================== */
 
 .scroll-to-top {
     background-color: #F8B5B2;
     width: 45px;
     height: 45px;
     position: fixed;
     bottom: 40px;
     right: 40px;
     z-index: 99;
     text-align: center;
     -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
     display: none;
     border: 1px solid #fff;
     border-radius: 50%;
     transition: all 0.4s ease;
 }
 
 .scroll-to-top i {
     color: #fff;
     line-height: 2;
     font-size: 1.4rem;
 }
 /* ====================== [ Modal --> (Navbar)  ] ====================== */
 
 .navbar .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #F8B5B2;
     background-clip: padding-box;
     border: none;
     border-radius: 1.3rem;
     outline: 0;
     right: 0.5rem;
 }
 
 .navbar .modal-dialog {
     margin-top: 0rem;
 }
 
 .navbar .modal-close {
     color: white;
     font-size: 2rem;
 }
 
 .navbar .modal-close:hover {
     color: white;
 }
 
 @media (min-width: 1200px) {
     .modal-xl {
         max-width: 1320px;
     }
 }
 /* ====================== [ Navbar  ] ====================== */
 
 .navbar {
     background-color: #fff !important;
     padding-top: 0;
     padding-bottom: 0;
     border-radius: 1.25rem;
     box-shadow: 47px 56px 65.8px 4.2px rgba(0, 0, 0, 0.12);
 }
 
 .navbar-light .navbar-nav .nav-link {
     color: #1b1b1b;
     margin-left: 1.8rem;
 }
 
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
     color: #F8B5B2;
 }
 
 .navbar-nav .search-icon {
     background-color: #F8B5B2;
     border-radius: 100%;
     display: inline-flex;
     height: 2.5rem;
     width: 2.5rem;
     color: white !important;
     justify-content: center;
     align-items: center;
 }
 
 .navbar-toggler:focus {
     box-shadow: none;
 }
 /* ====================== [   Header  ] ====================== */
 
 header {
     /* background-color: #edf8f4; */
     background-image: url(../images/bg.jpg)!important;
     background-size: cover;
     background-position: center;
 }
 /* ====================== [   About Us  ] ====================== */
 
 .feature-box {
     background-color: #edf8f4;
     padding: 2.063rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: .3s;
 }
 
 .feature-box:hover {
     background-color: #F8B5B2;
     transition: .3s;
 }
 
 .feature-box:hover h3 {
     color: #fff;
     transition: .3s;
 }
 
 .feature-box:hover .circle-large {
     box-shadow: 47px 56px 65.8px 4.2px rgba(0, 0, 0, 0.12);
 }
 
 .circle-large {
     height: 7.813rem;
     width: 7.813rem;
     background-color: #fff;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .circle-large i {
     font-size: 2.344rem;
     color: #343434;
 }
 /* ====================== [   Services  ] ====================== */
 
 .services {
     background-color: #FBE1E0;
 }
 
 .circle-small {
     height: 6.625rem;
     width: 6.625rem;
     background-color: #fff;
     border-radius: 100%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     transition: .3s;
 }
 
 .circle-small:hover {
     background-color: #F8B5B2;
     transition: .3s;
 }
 
 .circle-small i {
     font-size: 2.863rem;
     color: #F8B5B2;
     transition: .3s;
 }
 
 .circle-small:hover i {
     color: #fff;
     transition: .3s;
 }
 /* ====================== [   Call To Action  ] ====================== */
 
 .cta {
     background-color: #edf8f4;
     border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
 /* ====================== [   Pricing  ] ====================== */
 
 .pricing-table {
     background-color: #edf8f4;
     position: relative;
 }
 
 .circle-extra-small {
     height: 3.25rem;
     width: 3.25rem;
 }
 
 .circle-extra-small i {
     font-size: 1.625rem;
     color: #343434;
 }
 
 .price-circle {
     height: 5.313rem;
     width: 5.313rem;
     background-color: #F8B5B2;
     border-radius: 100%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     transition: .3s;
     font-size: 1.625rem;
     color: #fff;
 }
 /* ====================== [   Customer Reviews  ] ====================== */
 
 .reviews {
     background-color: #edf8f4;
     background-image: url(../images/bg-circle.png);
     background-position: center 15%;
     background-repeat: no-repeat;
 }
 
 .slide .position {
     font-size: 0.875rem;
     color: #5c5c5c;
     padding-bottom: 2rem;
 }
 /* ====================== [   Recent Posts  ] ====================== */
 
 .post-heading {
     background-color: #edf8f4;
 }
 /* ====================== [   Footer  ] ====================== */
 
 footer {
     background-color: #F8B5B2;
     color: #fff;
 }
 
 .socials li a {
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #fff;
     border-radius: 100%;
     height: 3.125rem;
     width: 3.125rem;
     color: #fff;
     font-size: 1.25rem;
     transition: 0.3s;
 }
 
 .socials li a:hover {
     background-color: #fff;
     color: #F8B5B2;
     transition: 0.3s;
 }
 /* ====================== [   Media Queries  ] ====================== */
 
 @media (max-width: 1200px) {
     h1 {
         font-size: 2.25rem;
     }
     h1>.big {
         font-size: 5.3135rem;
     }
 }
 
 @media (max-width: 991px) {
     .modal-xl {
         max-width: 1320px;
     }
     .navbar-nav,
     .navbar-nav .dropdown-menu {
         text-align: center;
     }
     .navbar-nav .nav-item {
         padding-top: 0.7rem;
     }
 }
 
 @media (max-width: 768px) {
     h1 {
         font-size: 2.25rem;
     }
     h1>.big {
         font-size: 5.3135rem;
     }
 }
 
 @media (max-width: 576px) {
     h1 {
         font-size: 2.25rem;
     }
     h1>.big {
         font-size: 4.3135rem;
     }
 }
 
 @media (max-width: 480px) {
     h1>.big {
         font-size: 3.25rem;
     }
 }