* {     box-sizing: border-box; }  body {     font-family: "Nunito Sans", sans-serif;     background-color: #120f54;;     font-size: 18px;     line-height: 30px;     padding: 0;     margin: 0;     font-weight: 400; }  body, footer, section {     overflow-x: hidden; }  ul, ol {     list-style: none;     padding: 0;     margin: 0; }  a {     text-decoration: none;     font-weight: 400;     font-size: 18px;     line-height: 30px;     color: #ffffff; }  h5 {     margin: 0;     color: #ffffff; }  img {     max-width: 100%;     height: auto; }  p {     font-weight: 400;     font-size: 18px;     line-height: 30px;     color: #ffffff; }  h1, h2, h3, h4, h5, h6 {     padding: 0;     margin: 0; }  h1, h1 > a {     font-size: 76px;     line-height: 99px;     margin-top: -20px; }  h1, h1 > a, h2, h2 > a, h3, h3 > a, h4, h4 > a, h5, h5 > a, h6, h6 > a {     font-family: "Nunito Sans", sans-serif;     color: #ffffff;     font-weight: 600;     text-transform: none;     transition: all .3s; }  button {     background: none;     border: none;     cursor: pointer; }  .container {     max-width: 1320px;     margin: 0 auto; }  .header {     position: absolute;     top: 0;     left: 0;     width: 100%;     z-index: 999; }  .header.header-fixed {     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 999;     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);     background-color: #2d0572;     animation-name: fadeInDown;     animation-duration: 1s;     animation-fill-mode: both; }  @keyframes fadeInDown {     0% {         opacity: 0;         transform: translate3d(0, -100%, 0);     }      100% {         opacity: 1;         transform: none;     } }  .header__inner {     display: flex;     justify-content: space-between;     align-items: center;     padding: 30px 15px; }  .navbar-toggler {     padding-right: 0;     display: none;     border: none;     cursor: pointer; }  .header-section .navbar-toggler i {     color: #fe8f9c; }  .nav {     display: flex;     flex-basis: auto;     margin: 0; }  .nav-link {     line-height: 30px;     display: block;     padding: 5px 15px;     color: #fff;     text-transform: capitalize;     font-weight: 600;     transition: .3s;     position: relative; }  .nav-link:hover {     color: #fe8f9c;     transition: .3s; }  .navbar-collapse {     display: flex; }  .flex {     display: flex;     justify-content: flex-end; }  .header__inner__btn__item {     padding: 10px 30px; }  .header__inner__btn__item__link {     color: #ffffff; }  .sing {     margin-left: 15px;     font-weight: 600;     text-align: center;     background: #571ce0;     color: #fff;     transition: .3s;     border-radius: 25px;     border: 1px solid #571ce0; }  .dropdown-menu, .sub-menu {     padding: 0.5rem 0;     margin: 0;     font-size: 1rem;     color: #212529;     text-align: left;     background-clip: padding-box;     border: 1px solid rgba(0, 0, 0, .175);     border-radius: 0.375rem;     background: #1f2340;     box-shadow: 0 12px 24px rgba(0, 0, 0, .25); }  .dropdown-menu {     opacity: 0;     position: absolute;     top: 110%;     left: 50%;     transform: translateX(-50%);     min-width: 180px;     visibility: hidden;     transition: .3s;     z-index: 999; }  .nav-link.dropdown-toggle {     margin-right: 15px; }  .dropdown-toggle:after {     position: absolute;     content: "";     background: url(/shared/empty.gif) no-repeat;     background-size: contain;     display: inline-block;     margin-left: 0.255em;     margin-top: 0.45em;     width: 14px;     height: 15px; }  .nav-link:hover.dropdown-toggle:after {     background: url(/shared/empty.gif) no-repeat;     background-size: contain; }  .dropdown-item {     color: #ffffff; }  .dropdown-item.dropdown-toggle:after {     background: none;     display: inline-block;     margin-left: 0.255em;     vertical-align: 0;     content: "";     border-top: 0.3em solid transparent;     border-right: 0;     border-bottom: 0.3em solid transparent;     border-left: 0.3em solid;     width: auto;     height: auto;     margin-top: 0.6em; }  .dropdown-menu .nav-link:hover, .dropdown-item.dropdown-toggle:hover {     color: #ffffff;     background: #571ce0;     transition: .3s;     display: block;     padding: 5px 15px; }  .nav-item {     position: relative; }  .nav-item:hover .dropdown-menu {     opacity: 1;     visibility: visible;     top: 30px; }  .sub-menu {     visibility: hidden;     position: absolute;     opacity: 0;     right: -60%;     top: 0; }  .sub-navbar {     position: relative; }  .sub-navbar:hover .sub-menu {     opacity: 1;     visibility: visible; }  .sub-navbar .sub-menu {     margin-left: -30%; }  .header__inner__btn {     display: flex; }  .banner-section.blog .overlay {     background-color: #000;     background-image: url(/shared/2832/blog-lines.png);     background-repeat: no-repeat;     background-position: 0;     position: relative;     background-size: auto; }  .bottom-0 {     bottom: 0; }  .end-0 {     right: 0; }  .banner-section .overlay .shape-area img {     position: absolute; }  .banner-section.blog .overlay .banner-content {     padding: 281px 0 182px; }  .banner-section .overlay .banner-content .container {     position: relative; }  .row {     display: flex;     flex-wrap: wrap;     margin-top: calc(-1 * 0);     margin-right: calc(-.5 * 1.5rem);     margin-left: calc(-.5 * 1.5rem); }  .row > * {     flex-shrink: 0;     width: 100%;     max-width: 100%;     padding-right: calc(var(--bs-gutter-x) * .5);     padding-left: calc(var(--bs-gutter-x) * .5);     margin-top: var(--bs-gutter-y); }  .col-lg-9 {     flex: 0 0 auto;     width: 75%; }  .banner-section.inner-banner .banner-content .main-content .breadcrumb-area {     margin-top: 10px; }  .d-flex {     display: flex; }  .align-items-center {     align-items: center; }  .banner-section.inner-banner .banner-content .main-content .breadcrumb-area .breadcrumb li {     display: flex;     align-items: center;     color: #ffffff;   display: inline; }  .breadcrumb-item + .breadcrumb-item {     padding-left: 0.5rem; }  .banner-section.inner-banner .banner-content .main-content .breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item:before {     background-image: url(/shared/2832/arrow-right-3.png);     background-repeat: no-repeat;     height: 13px;     padding: 0 14px;     content: ""; }  .breadcrumb-item + .breadcrumb-item:before {     float: left; }  .pt-120 {     padding-top: 120px; }  .blog-section .blog-post {     background: #322a71;     border-radius: 20px;     padding: 40px; } .blog-section .blog-post a {   color: #F2D4B5;   text-decoration: underline; }  .blog-section .blog-post .title {     width: 60%;     margin: 30px 0 35px;     font-size: 43px;     line-height: 55.9px; }  .blog-section .blog-post .author {     margin-right: 30px; }  .blog-section .blog-post .author .author-img {     border: 3px solid #0dd8b3;     border-radius: 50%;     max-width: none; }  .blog-section .blog-post .author .author-bottom {     display: grid;     justify-content: center;     text-align: center;     margin-top: 20px; }  .blog-section .blog-post .author .author-bottom .icon-area {     margin-bottom: 15px; }  .blog-section .blog-post .author .author-bottom .icon-area i {     color: #ffffff;     background: #5b2ed9;     border-radius: 20px;     width: 40px;     height: 40px;     display: flex;     align-items: center;     justify-content: center;     margin-bottom: 10px; }  .footer-section {     background-image: url(/shared/empty.gif);     background-repeat: no-repeat;     background-position: bottom;     margin-top: 120px; }  .col-xl-12 {     flex: 0 0 auto;     width: 100%; }  .footer-section .menu-item {     display: flex;     justify-content: space-between;     align-items: center; }  .footer-section .menu-item .footer-link {     display: flex; }  .footer-section .menu-item .footer-link li {     padding-right: 20px;     margin-right: 20px;     border-right: 1px solid #7876d5; }  .footer-section .menu-item .footer-link li a {     color: #ffffff; }  .col-12 {     flex: 0 0 auto;     width: 100%; }  .footer-section .copyright {     margin-top: 30px;     padding: 30px 0;     border-top: 1px solid #857fc7;     display: flex;     align-items: center;     justify-content: space-between; }  .footer-section .copyright .copy-area a {     color: #41cd7d; }  .footer-section .copyright .copy-area .auth {     color: #ff96a5; }  .footer-section .copyright .social-link a {     width: 35px;     height: 35px;     border: 1px solid #5653a8;     border-radius: 50%;     display: flex;     align-items: center;     justify-content: center;     margin-left: 20px;     transition: .3s; }  .footer-section .copyright .social-link a svg {     color: #5ac4ff;     transition: .3s; }  .footer-section .menu-item .footer-link li:last-child {     padding: 0;     margin: 0;     border: none; }  .scrollToTop {     position: fixed;     bottom: 0;     right: 30px;     width: 45px;     height: 45px;     background-color: #571ce0;     border-radius: 5px;     color: #fff;     line-height: 45px;     font-size: 20px;     text-align: center;     z-index: 9;     cursor: pointer;     transition: all 1s;     transform: translateY(100%); }  .scrollToTop.active {     bottom: 30px;     transform: translateY(0); }  @media only screen and (max-width: 1400px) {     .row {         justify-content: center;     } }  @media only screen and (max-width: 1250px) {     .container {         max-width: 960px;     }      .nav {         flex-direction: row;         margin-bottom: 0;     }      .nav-link {         font-size: 16px;     }      .header__inner__btn__item {         display: none;     }      .header__inner__btn__item.sing {         display: inline-block;     }      .header__inner__btn__item {         padding: 5px 15px;     }      .sing {         margin-left: 12px;         font-weight: 400;     }      .nav-link {         font-size: 14px;         padding: 5px 10px;     }      .banner-section .overlay {         background-size: 45%, 80%;     }      .banner-section .overlay .banner-content {         padding: 220px 0 230px;     }      .title {         font-size: 57px;         line-height: 74.1px;         margin-top: -16px;         margin-bottom: 14px;     }      .bottom-area {         display: inline-block;         border: 1px solid #571ce0;         border-radius: 30px;         padding: 6px;     }      h2.title {         font-size: 38px;     }      p {         font-size: 16px;     }      .banner-section.blog .overlay {         background-size: 45%, 80%;     }     .banner-section.blog .overlay .shape-area img {         width: 25%;     } }  @media only screen and (max-width: 991px) {     .container {         max-width: 720px;     }      .header {         box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);         background-color: #2d0572;     }      .header .navbar-toggler {         display: inline-block;         padding-right: 0;         color: #fe8f9c;         background: none;         border: none;     }      .header__inner {         display: block;     }      .navbar-collapse {         justify-content: space-between;     }      .header__inner__btn__item {         display: block;     }      .flex {         display: none;         animation-name: fadeInDown;         animation-duration: 1s;         animation-fill-mode: both;     }      .nav {         flex-direction: column;     }      .dropdown-menu {         position: static;         display: inline-block;         margin-left: 130px;     }      .dropdown-menu {         display: none;     }      .nav-item:hover .dropdown-menu {         display: inline-block;     }      .navbar-toggler {         padding: 0.25rem 0.75rem;         font-size: 1.25rem;         line-height: 1;         background-color: transparent;         border-radius: 0.375rem;         transition: box-shadow 0.15s ease-in-out;     }      .nav-link {         font-size: 14px;         padding: 5px 15px;     }      .banner-section .overlay {         background-size: 0, 60%;     }      .text-area p {         font-size: 16px;         line-height: 22px;     }      .pb-120 {         padding-bottom: 60px;     }      .pt-120 {         padding-top: 60px;     }      h2.title {         font-size: 43px;         line-height: 51.6px;         margin-top: -10px;     }      .col-lg-7 {         flex: 0 0 auto;         width: 100%;     }      .blog-section .blog-post .title {         width: 100%;     }      .blog-section .blog-post .author {         display: flex;         justify-content: flex-start;         text-align: center;     }      .author-blog-post {         flex-direction: column;     }       .blog-section .blog-post .author .author-bottom {         display: flex;         justify-content: center;         text-align: center;         margin-top: 0;     }      .blog-section .blog-post .author .author-bottom .icon-area i {         margin-bottom: 0;     }      .mdr {         margin: 0;     }      .blog-section .blog-post .author .author-img {         height: fit-content;         margin-right: 10%;     }      .blog-section .blog-post .author .author-bottom .icon-area {         margin-right: 15px;     }     .banner-section.blog .overlay {         background-image: none;     } }  @media only screen and (max-width: 767px) {     .container {         max-width: 95%;     }      .banner-section .overlay {         background-size: 0, 0;     }      .banner-section .overlay .banner-content {         padding: 200px 0 190px;     }      .footer-section .copyright {         display: grid;         justify-content: center;         text-align: center;     }      .footer-section .copyright .copy-area {         order: 1;     }      .footer-section .copyright .social-link {         justify-content: center;         margin-bottom: 10px;     }      .footer-section .menu-item .footer-link li a {         font-size: 16px;         line-height: 22px;         font-weight: 400;     }      .footer-section .menu-item .footer-link li {         padding-right: 10px;         margin-right: 10px;     }      .blog-section .blog-post .title {         font-size: 28px;     }      p {         font-size: 14px;         line-height: 20px;     }     .banner-section .overlay .banner-content .container .content-shape, .banner-section .overlay .shape-area {         display: none;     } }  @media only screen and (max-width: 575px) {     h1, h1 > a {         font-size: 62px;     }      .container {         max-width: 100%;         width: 100%;         padding-right: calc(1.5rem * .5);         padding-left: calc(1.5rem * .5);         margin-right: auto;         margin-left: auto;     }      .title {         font-size: 40px;         line-height: 46px;         margin-top: -9px;         margin-bottom: 15px;     }      .xlr {         font-size: 16px;         line-height: 22.4px;     }      .header__inner__btn__item__link {         font-size: 15px;         line-height: 19px;     }      .row {         margin: 0;     }      .text-area p {         font-size: 15px;         line-height: 19px;     }      h2.title {         font-size: 30px;         line-height: 36px;         margin-top: -7px;     }      p,     .text-area .text-area-p {         font-size: 15px;         line-height: 19px;         font-weight: 400;     }      .col-xl-10 {         flex: 0 0 auto;         width: 100%;     }      .footer-section {         position: relative;         background-image: unset;     }      .footer-section:before {         content: "";         width: 100%;         height: 85%;         bottom: 0;         background-color: #291b6b;         position: absolute;         z-index: -1;     }      .pt-120 {         padding-top: 50px;     }      .footer-section {         margin-top: 0;     } }  @media only screen and (max-width: 460px) {     .footer-section .menu-item {         display: grid;         justify-content: center;         text-align: center;     } }  /*Aleks adde*/    ul.line {     margin: 0;     padding: 4px;    }    ul.line li {     display: inline;     margin-right: 5px;     border: 1px solid #000;     padding: 3px;    }