@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
/* --color-1: #905ae2; */
--color-1: #242C57;
--color-2: #3D9368;
--color-black: #222222;
--color-white: #ffffff;
--gray-bg: #F2F2F2;
}
*                                       { margin: 0;padding: 0;box-sizing: 0; }
body                                    { font-family: 'Poppins', sans-serif;width: 100%;overflow-x: hidden; }
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6                 { font-family: 'Source Sans Pro', sans-serif; }

::-webkit-scrollbar                     { width: 10px;height: 10px;background-color: #f5f5f5; }
::-webkit-scrollbar-track               { background-color: #e0e0e0;}
::-webkit-scrollbar-thumb               { background-color: var(--color-1);border-radius: 0px;transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease; }
::-webkit-scrollbar-thumb:hover         { background-color: var(--color-2); }

/* Header CSS */
header.header                           { width:100%;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6054796918767507) 100%);position: fixed;top: 0;z-index: 999;padding: 15px 0;transition: all 0.5s; }
header.header.fixed-header              { background: var(--color-black);box-shadow: 0 10px 20px rgb(0 0 0 / 50%);padding: 10px 0;border-radius: 0 0 25px 25px;margin: 0 5px;width: calc(100% - 10px); }
header.header.fixed-header .navbar-brand img{ height: 50px; }
header.header .navbar                   { padding: 0; }
.navbar-brand img.img-fluid             { width: auto;height: 60px; }
header.header ul.navbar-nav             { align-items: center; }
header.header ul.navbar-nav .nav-item   { position: relative; }
header.header ul.navbar-nav .nav-item > ul.submenu{ width: 150px;position: absolute;left: 0;top: 100%;background: #fff;padding: 5px 15px;border-radius: 5px;box-shadow: 0 10px 15px rgb(0 0 0 / 20%);list-style: none;transition: all 0.5s;display: none; }
header.header ul.navbar-nav .nav-item:hover > ul.submenu{ display: block;-webkit-animation: fadein 2s;-moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s; }
header.header ul.navbar-nav .nav-item > ul.submenu .nav-item .nav-link{ color: var(--color-black);padding: 10px 0;border-bottom: 1px solid #f4f4f4;font-size: 14px; }
header.header ul.navbar-nav .nav-item > ul.submenu .nav-item .nav-link:hover{ color: var(--color-2); }
header.header ul.navbar-nav .nav-item > ul.submenu .nav-item:last-child .nav-link{ border-bottom: 0; }
header.header ul.navbar-nav .nav-item .nav-link{ padding-left: 16px;padding-right: 16px;font-size: 14px;font-weight: 400;color: var(--color-white);letter-spacing: 0.5px;transition: all 0.5s; }
header.header ul.navbar-nav .nav-item .nav-link.active { color: var(--color-2); }
header.header ul.navbar-nav .nav-item .nav-link:hover{ color: var(--color-2); }
header.header ul.navbar-nav .nav-item .nav-link.btn-menu{ padding: 10px 30px;margin-left:10px;background: var(--color-white);color: var(--color-1);font-weight: 500;border-radius: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 10%); }
header.header ul.navbar-nav .nav-item .nav-link.btn-menu:hover{ background: var(--color-2);color: var(--color-white); }
header.fixed-header ul.navbar-nav .nav-item .nav-link:hover{ color: var(--color-2); }
header.fixed-header ul.navbar-nav .nav-item .nav-link.btn-menu:hover{ background: var(--color-2);color: var(--color-white); }

/* Hero Section */
.hero-section                           { height: 100vh;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center top;border-radius: 0 0 50px 50px;overflow: hidden; }
.hero-section::before                   { content: "";display: none;width: 870px;height: 1040px;background: #2868a9;border-radius: 170px;box-shadow: -22px 20px 30px rgba(36,44,87, 0.2);transform: rotate(-28deg);position: absolute;right: -20px;top: -415px;z-index: -1; }
.hero-section::after                    { content:"";display: none;width: 100%;height: 100%;/*background: linear-gradient(180deg, rgba(36,44,87,0.2) 0%, rgba(36,44,87,0.1) 66%);*/background: url(../images/hero-section-bg-3.png);background-size: cover;background-position: bottom center; position: absolute;top: 0;left: 0;background-attachment: fixed; }
.hero-section .container                { height: 100%;position: relative;z-index: 99; }
.hero-section .container .row           { height: 100%; }
.app-hero-section .hero-title,
.hero-section .hero-title               { font-size: 40px;font-weight: 700;margin-bottom: 25px;position: relative;padding-bottom: 20px; }
.app-hero-section .hero-title:after,
.hero-section .hero-title:after         { content: "";display: block;width: 30px;height: 4px;background: var(--color-1);border-radius: 8px;position: absolute;left: 0;bottom: 0; }
.app-hero-section .hero-title span,
.hero-section .hero-title span          { color: var(--color-2); }
.app-hero-section p,
.hero-section p                         { font-size: 14px;font-weight: 500;line-height: 32px; }
.btn-theme                              { padding: 20px 55px;background: var(--color-2);border-radius: 50px;color: var(--color-white);font-size: 14px;font-weight: 500;outline:none;box-shadow: 0 10px 20px rgb(62 147 105 / 50%);transition: all 0.5s; }
.btn-theme i                            { font-size: 22px;margin-left: 10px; }
.btn-theme:hover,
.btn-theme:focus                        { background: var(--color-black);color: var(--color-white);box-shadow: 0 10px 20px rgb(0 0 0 / 50%); }
.btn-theme.theme-2                      { background: var(--color-black);color: var(--color-white);box-shadow: 0 10px 20px rgb(0 0 0 / 50%); }
.btn-theme.theme-2:hover,
.btn-theme.theme-2:focus                { background: var(--color-2);color: var(--color-white); }
.hero-section .hero-image,
.app-hero-section .hero-image           { animation: hero-img-ani 5s linear infinite alternate; }
.large-content ul                       { list-style: none;padding: 0; }
.large-content ul li                    { padding-left: 15px;position: relative;margin-bottom: 8px;font-size: 14px; }
.large-content ul li:before             { content: "";display: block;width: 8px;height: 2px;background: var(--color-2);position: absolute;top: 10px;left: 0; }

/* About Section */
.section-padding                        { padding-top: 80px;padding-bottom: 80px; }
.about-image-box                        { position: relative; }
.about-image-box.image-right            { padding-left: 30px;padding-bottom: 30px; }
.about-image-box.image-left             { padding-right: 30px;padding-bottom: 30px; }
.about-image-box:before                 { content: "";display: block;width: calc(100% - 40px);height: calc(100% - 40px);background: var(--color-1);border-radius: 30px;box-shadow: 0 10px 20px rgb(36 44 87 / 50%);position: absolute;bottom: 0;left: 0;z-index: -1; }
.about-image-box.image-left:before      { left: auto;right: 0; }
.about-image-box img                    { border-radius: 30px; }
.about-content .title                   { font-size: 30px;font-weight: 700;margin-bottom: 30px; }
.about-content ul                       { padding: 0;margin: 0;list-style: none; }
.about-content ul li                    { display: flex;align-items: center;margin-bottom: 20px; }
.about-content ul li .count             { padding: 8px;width: 50px;height: 50px;background: var(--color-1);border-radius: 10px 10px 0 10px;color: #ffffff;font-weight: 500;letter-spacing: 2px;display: flex;align-items: center;justify-content: center;margin-right: 15px;transition: all 0.5s; }
.about-content ul li:hover .count       { background: var(--color-2); }
.about-content ul li p                  { width: 100%;font-size: 14px;font-weight: 500;line-height: 25px;margin-bottom: 0; }

/* About Section V2 */
.about-section-2                        { background: #f2f2f2;border-radius: 0 100px 100px 0;position: relative; }
.about-section-2::before                { content: "";display: block;width: 100%;height: 100%;background: url(../images/abstract-bg.png)no-repeat;background-size: contain;position: absolute;top: 0%;left: 0;opacity: 0.6; }
.about-section-2 .container             { position: relative; }
.about-image-box-2                      { padding: 100px 0;position: relative; }
.about-image-box-2:before               { content: "";display: block;width: 350px;height: 350px;background: var(--color-1);border-radius: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotateZ(45deg);z-index: 0; }
.about-image-box-2 img                  { position: relative; }
.about-image-box-2 .video-btn           { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 100px;border-radius: 100%;background: var(--color-black);outline: 0px solid rgba(0,0,0, .5);border: 0;font-size: 44px; }
.about-image-box-2 .video-btn:before    { content: "";width: 100%;height: 100%;background: var(--color-black);display: block;position: absolute;left: 0;top: 0;border-radius: 50%;opacity: .2;animation: cea-zoom-in 800ms infinite linear; }
.about-content-2 .title                 { font-size: 30px;font-weight: 700;margin-bottom: 30px; }
.about-content-2 ul                     { padding: 0;margin: 0;list-style: none; }
.about-content-2 ul li                  { margin-bottom: 20px;position: relative;padding-left: 25px;font-size: 15px;font-weight: 500;line-height: 25px; }
.about-content-2 ul li:before           { content: "";display: block;width: 12px;height: 3px;background: var(--color-1);border-radius: 6px;position: absolute;top: 12px;left: 0; }
.about-content-2 ul li p                { margin-bottom: 0; }

.gallery-section                        { position: relative; }
.gallery-section::before                { content: "";display: block;width: 100%;height: 100%;background: url(../images/abstract-bg-3.png);background-size: 200px;position: absolute;top: 0%;left: 0;opacity: 0.1; }

.title                                  { margin-bottom: 50px; }
.title h2                               { font-size: 30px;font-weight: 600;margin-bottom: 0px;padding-bottom: 15px;position: relative; }
.title h2:after                         { content: "";display: block;width: 60px;height: 3px;background: var(--color-1);border-radius: 5px;position: absolute;bottom: 0;left: 0; }
.title.text-center h2:after             { left: 50%;transform: translateX(-50%); }
.title p                                { margin-top: 20px;font-size: 16px;font-weight: 500;line-height: 30px;margin-bottom: 0; }

.info-box .icon-box                     { width: 60px;height: 60px;background: rgb(36 44 87 / 20%);border-radius: 15px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 30px;font-weight: 500;color: var(--color-1);transition: all 0.5s; }
.info-box.success                       { background: rgb(25 135 84 / 20%); }
.info-box .icon-box.success             { color: #198754;background: rgb(25 135 84 / 20%); }
.info-box.info                          { background: rgb(13 202 240 / 20%); }
.info-box .icon-box.info                { background: rgb(13 202 240 / 20%);color: #0dcaf0; }
.info-box.warning                       { background: rgb(255 193 7 / 20%); }
.info-box .icon-box.warning             { background: rgb(255 193 7 / 20%);color: #ffc107; }
.info-box.danger                        { background: rgb(220 53 69 / 20%); }
.info-box .icon-box.danger              { background: rgb(220 53 69 / 20%);color: #dc3545; }
.info-box.primary                       { background: rgb(13 110 253 / 20%); }
.info-box .icon-box.primary             { background: rgb(13 110 253 / 20%);color: #0d6efd; }
.info-box:hover .icon-box               { background: rgb(61 147 104 / 20%);color: var(--color-2); }
.info-box .info-title                   { font-size: 24px;font-weight: 600;padding-bottom: 15px;margin-bottom: 15px;position: relative; }
.info-box .info-title:after             { content: "";display: block;width: 40px;height: 2px;background: var(--color-1);position: absolute;left: 0;bottom: 0; }
.info-box p                             { font-size: 14px;font-weight: 500;line-height: 26px;margin-bottom: 0; }
.card                                   { border: 0;box-shadow: 0 10px 20px rgb(0 0 0 / 10%);border-radius: 20px; }
.card .card-body                        { padding: 30px; }
/* .info-box a                             { margin-top: 15px;color: var(--color-black);display: inline-block;font-weight: 500;text-decoration: none;padding-bottom: 0px;border-bottom: 2px solid var(--color-black);transition: all 0.5s; } */
.info-box a:hover                       { color: var(--color-2);border-color: var(--color-2); }

.info-box-2                             { border: 2px solid #bfbfbf;border-radius: 15px;padding: 25px;transition: all 0.5s; }
.info-box-2:hover                       { border-color: transparent;box-shadow: 0 15px 20px rgb(0, 0, 0, 20%); }
.info-box-2 .button-group               { margin-top: 20px; }
.info-box-2 .button-group .btn          { padding: 8px 10px; }
.info-box-2 .button-group .btn:hover    { border-color: var(--color-black);color: var(--color-white); }
.info-box-2 .button-group .btn-theme.theme-2:hover{ border-color: var(--color-2); }
.info-box-2 .button-group .btn i        { font-size: 20px; }
.gray-bg                                { background: #f2f2f2; }
  
.app-section .title                     { font-size: 40px;font-weight: 700;padding-bottom: 20px;margin-bottom: 30px;position: relative; }
.app-section .title:after               { content: "";display: block;width: 60px;height: 4px;background: var(--color-2);border-radius: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); }
.app-section p                          { font-size: 18px;font-weight: 400; }
.app-section .button-group              { margin-top: 30px;display: flex;align-items: center;justify-content: center; }
.app-section .button-group a            { padding: 10px 20px;border: 2px solid var(--color-black);color: var(--color-black);margin: 5px 10px;border-radius: 10px;max-width: 220px;font-size: 16px;font-weight: 600;transition: all 0.5s; }
.app-section .button-group a:focus,
.app-section .button-group a:hover      { background: var(--color-black);color: var(--color-white);box-shadow: 0 10px 15px rgb(0 0 0 / 30%); }
.app-section .button-group a i          { font-size: 40px;margin-right: 10px;float: left; }

footer.footer                           { border-top: 1px solid #f2f2f2;padding-top: 50px;background: #fdfcfc url(../images/footer-bg.png);background-position: center center;background-size: 200px;border-radius: 40px 40px 0 0;box-shadow: -20px 0 20px rgb(0 0 0 / 5%); }
footer.footer .navbar-brand             { margin-bottom: 10px;display: block; }
footer.footer .navbar-brand img         { height: 50px; }
footer.footer p                         { font-size: 14px;font-weight: 500;line-height: 26px; }
footer.footer .footer-title             { font-size: 22px;padding-bottom: 10px;margin-bottom: 10px;font-weight: 700; }
footer.footer ul                        { list-style: none;padding: 0;margin-bottom: 0; }
footer.footer ul li                     { margin-bottom: 8px; }
footer.footer ul li a                   { font-size: 14px;font-weight: 500;color: var(--color-black);text-decoration: none;transition: all 0.5s; }
footer.footer ul li a:hover             { color: var(--color-2); }
footer.footer .footer-bottom            { margin-top: 20px;padding: 10px 0;border-top: 1px solid #f2f2f2;font-size: 14px; }
footer.footer .footer-bottom p          { margin: 0; }

.app-hero-section                       { height: 100vh;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center bottom;overflow: hidden; }
.app-hero-section .container            { height: 100%;position: relative;z-index: 99; }
.app-hero-section .container .row       { height: 100%; }
.app-hero-section .hero-title,
.app-hero-section p                     { color: var(--color-white); }
.app-hero-section .hero-title span      { color: var(--color-1); }
.large-content .sub-heading             { margin-bottom: 12px;font-size: 16px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;color: var(--color-2); }
.large-content .title                   { font-size: 56px;font-weight: 700;color: var(--color-1); }
.large-content h4.title                 { font-size: 30px; }
.large-content p                        { line-height: 36px;color: var(--color-black);font-weight: 500; }
.app-about-title .title                 { color: var(--color-2);font-size: 40px; }
img.img-fluid.rounded                   { border-radius: 20px !important; }
.app-screenshot                         { position: relative; }
.app-screenshot::before                 { content: "";display: block;width: 100%;height: 100%;background: url(../images/pngwing.com.png);background-size: 170px;position: absolute;top: 0%;left: 0;opacity: 0.1; }
.testimonial-carousel .owl-nav,
.owl-app-ss .owl-nav                    { margin: 0; }
.testimonial-carousel .owl-nav .owl-prev,
.owl-app-ss .owl-nav .owl-prev, 
.testimonial-carousel .owl-nav .owl-next,
.owl-app-ss .owl-nav .owl-next          { position: absolute;top: 50%;transform: translateY(-50%); }
.testimonial-carousel .owl-nav .owl-prev i,
.owl-app-ss .owl-nav .owl-prev i, 
.testimonial-carousel .owl-nav .owl-next i,
.owl-app-ss .owl-nav .owl-next i        { font-size: 40px; }
.testimonial-carousel .owl-nav .owl-prev:hover,
.owl-app-ss .owl-nav .owl-prev:hover, 
.testimonial-carousel .owl-nav .owl-next:hover,
.owl-app-ss .owl-nav .owl-next:hover    { background: transparent;color: var(--color-2); }
.testimonial-carousel .owl-nav .owl-prev,
.owl-app-ss .owl-nav .owl-prev          { left: -40px; }
.testimonial-carousel .owl-nav .owl-next,
.owl-app-ss .owl-nav .owl-next          { right: -40px; }

.web-hero-section                       { background: var(--color-1);background: -webkit-gradient(left top, right top, color-stop(0%, #71dfa8), color-stop(100%, #0f6e93));background: -webkit-gradient(linear, left top, right top, from(#71dfa8), to(#0f6e93));background: linear-gradient(to right, #71dfa8 0%, #0f6e93 100%);border-radius: 0 0 80px 80px;position: relative; }
.web-hero-section::before               { content: "";width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: url(../images/header-bg-shape.svg);opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);z-index: 1; }
ul.features                             { list-style: none;padding: 0;margin: 0; }
ul.features li                          { position: relative;margin-bottom: 30px;width: 100%;display: inline-block; }
ul.features li h5                       { font-weight: 600; }
ul.features li i                        { padding: 8px 14px;margin-right: 10px;border-radius: 5px;font-size: 26px;color: var(--color-2);font-weight: normal;background: inherit;box-shadow: 0 6px 12px rgb(0 0 0 / 3%); }
ul.features li p                        { width: 80%;line-height: 24px;font-size: 14px;font-weight: 500;margin-bottom: 0; }

.feature-section-2                      { position: relative; }
.feature-section-2:before               { content: "";display: block;position: absolute;right: 0;top: 0;bottom: 0;width: 70%;border-radius: 80px 0 0 80px;background: var(--color-1);background: -webkit-gradient(left top, right top, color-stop(0%, #71dfa8), color-stop(100%, #34428f));background: -webkit-gradient(linear, left top, right top, from(#71dfa8), to(#34428f));background: linear-gradient(to right, #71dfa8 0%, #34428f 100%);z-index: -1; }
.feature-section-2 img.img-fluid        { animation: hero-img-ani 5s linear infinite alternate; }
.feature-section-2 .large-content .sub-heading{ color: #ffffff; }
ul.fearure-list                         { list-style: none;padding: 0;margin: 0; }
ul.fearure-list li                      { margin-bottom: 25px; }
ul.fearure-list li h5                   { font-size: 18px;line-height: 30px;margin-bottom: 10px;color: #fff; }
ul.fearure-list li p                    { font-size: 14px;color: #fff;padding-right: 30%; }

section.page-title-area                 { background-color: #666666;position: relative;border-radius: 0 0 40px 40px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;z-index: 1;padding-bottom: 100px;padding-top: 150px; }
.page-title-content                     { text-align: center; }
.page-title-content h2                  { margin-bottom: 0;color: #ffffff;font-size: 40px;font-weight: 700;letter-spacing: 2px; }
.page-title-content p                   { margin-top: 20px;font-weight: 500;color: #ffffff; }
.page-title-content .breadcrumb         { background: transparent;justify-content: center;margin-top: 15px; }
.page-title-content .breadcrumb li{ color: var(--color-white); }
.page-title-content .breadcrumb li:before{ color: var(--color-1);font-weight: 600; }
.page-title-content .breadcrumb a{ color: var(--black);text-decoration: none;font-weight: 600; }
.lines                                  { position: absolute;top: 0;left: 0;right: 0;height: 100%;margin: auto;width: 90vw;z-index: -1; }
.lines .line                            { position: absolute;width: 1px;height: 100%;top: 0;left: 50%;background: rgba(255, 255, 255, 0.1);overflow: hidden; }
.lines .line:nth-child(1)               { margin-left: -25%; }
.lines .line:nth-child(3)               { margin-left: 25%; }
.lines .line::after                     { content: "";display: block;position: absolute;height: 15vh;width: 100%;top: -50%;left: 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, var(--color-white)), to(var(--color-white)));background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--color-white) 75%, var(--color-white) 100%);-webkit-animation: run 7s 0s infinite;animation: run 7s 0s infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }
.lines .line:nth-child(1)::after{ -webkit-animation-delay: 2s;animation-delay: 2s; }
.lines .line:nth-child(3)::after{ -webkit-animation-delay: 2.5s;animation-delay: 2.5s; }

/* Breadcrumb */
.page-breadcrumb                        { text-align: center;margin-top: 30px; }
.page-breadcrumb .breadcrumb            { margin: 0 auto; }
.page-breadcrumb .breadcrumb .breadcrumb-item{ color: var(--color-white);font-weight: 300;letter-spacing: 0.5px; }
.page-breadcrumb .breadcrumb .breadcrumb-item::before{ opacity: 0.4;color: var(--color-white); }
.page-breadcrumb .breadcrumb .breadcrumb-item a{ text-decoration: none;color: var(--color-white);font-weight: 500; }

.key-feature                            { background: #fff;border-radius: 40px;box-shadow: 0 0px 10px rgb(60 72 88 / 7%) !important;transition: all 0.3s ease; }
.key-feature:hover                      { transform: scale(1.05);box-shadow: 0 10px 20px rgb(60 72 88 / 10%) !important; }
.features .icon, 
.key-feature .icon                      { height: 45px;width: 45px;line-height: 45px;font-size: 26px;color: var(--color-1);background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15)); }
.key-feature:hover .icon                { color: var(--color-2); }
.features .title, 
.key-feature .title                     { font-size: 18px; }

.client-testi                           { padding: 20px;border: 1px solid #f4f4f4;border-radius: 10px;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);margin: 16px;text-align: center; }
.client-testi p                         { font-size: 14px;color: #303030 !important;line-height: 26px;font-weight: 500;margin-top: 15px;margin-bottom: 0; }
.avatar                                 { width: 70px;height: 70px;border-radius: 100%;overflow: hidden;margin: 0 auto 10px; }
.client-testi h6                        { font-size: 16px;font-weight: 500;color: var(--color-2) !important;font-family: 'Poppins', sans-serif; }
.client-testi .sub-title                { font-size: 12px;text-transform: capitalize;margin-top: -5px;display: block;font-weight: 500; }

.ribbon                                 { position: absolute;top: -5px;width: 75px;height: 75px;z-index: 2; }
.ribbon.ribbon-right                    { right: -5px; }
.ribbon span                            { position: absolute;top: 18px;width: 100px;height: 24px;color: #fff;padding: 3px;margin: 0; }
.ribbon.ribbon-warning span             { background-color: #f17425 !important; }
.ribbon.ribbon-right span               { right: -23px;transform: rotate(45deg); }
.ribbon span:before, .ribbon span:after { content: "";position: absolute;top: 100%;z-index: -1;border: 3px solid transparent; }
.ribbon span:before                     { left: 0; }
.ribbon span:after                      { right: 0; }
.ribbon.ribbon-warning span:before      { border-left-color: #d55b0e;border-top-color: #d55b0e; }
.ribbon.ribbon-warning span:after       { border-right-color: #d55b0e;border-top-color: #d55b0e; }

.pricing-rates                          { position: relative;border-radius: 10px;border-bottom: 5px solid transparent;transition: all 0.5s ease;z-index: 1; }
.pricing-rates:hover                    { border-bottom: 5px solid var(--color-2);border-color: var(--color-2); }
.pricing-rates .title                   { font-size: 20px;font-weight: 600;color: var(--color-2); }
.pricing-rates ul li                    { margin-bottom: 14px;display: flex;align-items: center;justify-content: start;font-size: 14px;font-weight: 600;color: #303030; }
.pricing-rates ul li i                  { font-size: 22px;color: var(--color-2); }
.pricing-rates ul li span               { text-align: left; }
.info-box-3                             { padding: 20px;box-shadow: 0px 5px 30px -5px rgb(0 0 0 / 10%);text-align: center;height: 100%; }
.info-box-3 .icon-box                   { margin-left: auto;margin-right: auto; }
.info-box-3 .info-title:after           { display: none; }
.form-group                             { position: relative; }
.form-group label                       { font-size: 14px;margin-bottom: 6px;color: #767676; }
.form-group .form-control ~ i           { position: absolute;bottom: 14px;right: 15px;font-size: 26px; }
.form-group .form-control ~ i.la-angle-down{ font-size: 20px;bottom: 16px;-webkit-text-stroke: 0.5px;-moz-text-stroke: 0.5px;-ms-text-stroke: 0.5px;-o-text-stroke: 0.5px; }
.form-control                           { position: relative;width: 100%;background: transparent;border-radius: 10px;padding-left: 15px;height: 55px;line-height: 55px;font-size: 14px;clear: both;border: 1px solid rgba(134, 140, 156, 0.32);box-shadow: 0 0 !important; }
.form-control[type="file"]              { line-height: 44px;padding-left: 10px; }
select.form-control                     { line-height: 44px;padding-right: 40px; }
textarea.form-control                   { height: auto; }
.form-control:focus                     { border-color: var(--color-1); }
.btn-close                              { position:absolute;right:-30px;top:0; }
.key-feature-2                          { height: 100%;flex-direction: column;justify-content: center;text-align: center;border-style: solid;border-width: 2px;border-color: var(--color-black);padding: 40px 20px;border-radius: 12px 30px;transition: all 0.5s; }
.key-feature-2 .icon                    { font-size: 40px;margin-bottom: 15px;transition: all 0.5s; }
.key-feature-2 .title                   { font-weight: 600;margin-bottom: 15px;letter-spacing: .6px;transition: all 0.5s; }
.key-feature-2 p                        { font-size: 14px;margin-bottom: 0;line-height: 25px;transition: all 0.5s; }
.key-feature-2:hover                    { background: var(--color-2);border-color: var(--color-2); }
.key-feature-2:hover .icon,
.key-feature-2:hover .title,
.key-feature-2:hover p                  { color: var(--color-white); }
.appie-single-service                   { padding: 20px 15px 20px;margin: 0 15px 30px;background: #fff;border-radius: 6px;box-shadow: 0 10px 20px 0 rgb(14 17 51 / 5%);transition: all .3s linear; }
.appie-single-service:hover             { box-shadow: 0 30px 30px 0 rgb(14 17 51 / 10%);transform: translateY(-15px); }
.appie-single-service .icon             { display: inline-block;border-radius: 20px;height: 70px;width: 70px;text-align: center;line-height: 70px;background: linear-gradient(135deg,#84bcfa,#2b70fa);font-size: 35px;color: var(--color-white);box-shadow: 0 6px 10px 0 rgb(16 73 189 / 30%);position: relative; }
.appie-single-service.item-2 .icon      { background: linear-gradient(135deg,#f7b8af,#f8452d); }
.appie-single-service.item-3 .icon      { background: linear-gradient(135deg,#a0eac2,#31c369); }
.appie-single-service.item-4 .icon      { background: linear-gradient(135deg,#d8aaff,#9b2cfa); }
.appie-single-service .appie-title      { font-size: 20px;font-weight: 700;padding-top: 20px;padding-bottom: 5px; }
.appie-single-service p                 { font-size: 14px;margin: 0;line-height: 26px; }
.team-member                            { margin-bottom: 30px; }
.team-member .member-image              { position: relative;overflow: hidden; }
.team-member .member-des                { display: flex;align-items: end;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px;background: rgba(0,0,0,0.4);color: #ffffff;font-size: 14px;line-height: 24px;text-align: center;transform: translateY(100%);-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }
.team-member:hover .member-des          { transform: translateY(0); }
.team-member .member-name               { margin-top: 15px;text-align: center;font-size: 18px;font-weight: 600;padding-bottom: 15px;border-bottom: 2px solid var(--color-1);-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }
.team-member:hover .member-name         { border-color: var(--color-2); }
.cta-box                                { padding: 70px 0 70px 0;background: var(--color-1);box-shadow: 0 25px 40px -15px rgb(44 51 118 / 55%), inset 0 -8px 2px 0 rgb(0 0 0 / 10%);border-radius: 20px; }
.cta-box p                              { font-size: 16px;line-height: 30px; }
.picker__list                           { height: 80vh;overflow-y: auto; }

.post-card                              { margin-bottom: 40px;box-shadow: 0 4px 10px rgb(0, 0, 0, 4%);border: 1px solid #f0f8ff;border-radius: 10px;transition: all 0.5s; }
.post-card:hover                        { box-shadow: 0 10px 20px rgb(0, 0, 0, 10%); }
.post-card .post-thumb                  { height: 340px;border-radius: 10px 10px 0 0;overflow: hidden;background: #f4f4f4; }
.post-card .post-thumb a                { display: block;transition: all 0.5s; }
.post-card .post-thumb .blog-thumbnail  { width: 100%; }
.post-card .wrap-post-item-content      { padding: 20px; }
.post-card .wrap-post-item-content .list-cat{ margin-bottom: 0px; }
.post-card .wrap-post-item-content .list-cat a{ font-size: 14px;color: #999999;text-decoration: none; }
.post-card .post-title                  { margin-bottom: 15px; }
.post-card .post-title a                { font-size: 18px !important;color: #000000;text-decoration: none;line-height: 28px !important;font-weight: 600;transition: all 0.5s; }
.post-card:hover .post-title a          { color: var(--color-2); }
.post-card .post-content                { overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 14px;line-height: 26px;margin-bottom: 15px; }
.post-card ul.post-info                 { padding: 0;margin: 0;list-style: none;display: flex;align-items: center;justify-content: space-between;font-size: 12px;padding-top: 15px;border-top: 1px solid #ebebeb;color: #999999; }
.post-card ul.post-info a               { color: #000000;text-decoration: none;transition: all 0.5s; }
.post-card ul.post-info a:hover         { color: var(--color-2); }
.sidebar-widget                         { margin-bottom: 30px; }
.sidebar-widget .widget-title           { margin-bottom: 20px;font-weight: 500;font-size: 18px;text-transform: uppercase;position: relative;padding-bottom: 8px; }
.sidebar-widget .widget-title:after     { content: "";border-bottom: 2px solid;width: 50px;position: absolute;left: 0;bottom: 0; }
.category-widget ul.cat-list            { list-style: none;padding: 0;margin: 0; }
.category-widget ul.cat-list li         { display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;position: relative;border-bottom: 1px dotted #ebebeb;padding-top: 15px;padding-bottom: 15px; }
.category-widget ul.cat-list li a       { color: #000;text-decoration: none;font-size: 14px;transition: all 0.5s; }
.category-widget ul.cat-list li a:hover { color: var(--color-2); }
.category-widget ul.cat-list li .count  { color: #000000;font-size: 12px;position: static;background: #f5f5f5;margin-left: 6px;height: 22px;line-height: 22px;min-width: 22px;padding: 0 2px;text-align: center;margin-right: 30px;border-radius: 7px; }
.tags-widget .tagcloud .tag-cloud-link  { font-size: 14px;border: 1px solid #ebebeb;padding: 3px 10px;line-height: 20px;margin: 5px 5px 5px 0;display: inline-block;color: #000000;text-decoration: none;transition: all .5s; }
.tags-widget .tagcloud .tag-cloud-link:hover{ background-color: var(--color-2);border-color: var(--color-2);color: var(--color-white); }
.archive-widget .archive-list           { list-style: none;padding: 0;margin: 0; }
.archive-widget .archive-list li        { padding-left: 18px;margin-bottom: 10px;position: relative; }
.archive-widget .archive-list li:before { content: "";width: 8px;height: 2px;background: var(--color-1);position: absolute;top: 11px;left: 0; }
.archive-widget .archive-list li a      { font-size: 14px;color: #000000;font-weight: 500;text-decoration: none;transition: all 0.5s; }
.archive-widget .archive-list li a:hover{ color: var(--color-2); }
.modal                                  { backdrop-filter: blur(8px); }
.modal-content                          { border-radius: 25px; }
.modal .close                           { background: transparent;border: 0;font-size: 26px;padding: 0;line-height: 20px; }
.modal .features .icon, 
.modal .key-feature .icon               { height: 38px;width: 38px;line-height: 38px;font-size: 20px; }
.modal .features .title, 
.modal .key-feature .title              { font-size: 14px; }
.page-title-area ul.post-info           { text-transform: capitalize;margin: 0;padding: 0;letter-spacing: 1px;margin-top: 20px;list-style: none;display: flex;align-items: center;justify-content: center; }
.page-title-area ul.post-info li        { margin: 0 8px;color: var(--color-white);font-size: 14px; }
.page-title-area ul.post-info li a      { color: var(--color-white);text-decoration: none; }
.page-title-area ul.post-info li:after  { content: "";width: 12px;margin-bottom: 4px;margin-left: 10px;border-bottom: 1px solid;display: inline-block; }
.page-title-area ul.post-info li:last-child:after{ display: none; }
.post-thumb                             { margin-bottom: 50px; }
.post-thumb img                         { border-radius: 30px;box-shadow: 0 15px 20px rgb(0 0 0 / 10%); }
.post-content p                         { font-size: 14px;letter-spacing: 0.5px;line-height: 26px;font-weight: 500; }
blockquote, .blockquote                 { position: relative;padding: 5% 13%;margin: 40px 0;font-size: 26px;min-height: 50px;text-align: center;color: var(--black-color);z-index: 1;background: #fff3ee; }
blockquote:before, .blockquote:before   { color: var(--color-2);content: '\201D';clear: both;font-size: 60px;width: 100%;text-align: left;display: block;line-height: 1;font-family: 'Poppins', sans-serif; }
blockquote cite, .blockquote cite       { margin: 15px auto 0;font-weight: 500;font-style: normal;font-size: 14px;text-transform: uppercase;color: #999999;position: relative;padding-left: 40px;display: inline-block; }
blockquote cite:before, 
.blockquote cite:before                 { content: "";border-bottom: 1px solid #999999;position: absolute;left: 0;top: calc(50% - 1px);display: block;width: 30px; }
.post-content h5                        { font-weight: 600;margin-bottom: 10px;letter-spacing: 0.4px; }
.post-content ol,
.post-content ul                        { margin-left: 18px;padding: 0; }
.post-content ol li,
.post-content ul li                     { padding: 5px 0;font-size: 14px;letter-spacing: 0.4px; }
#loader                                 { position: fixed;width: 100%;height: 100vh;background: #FBFBFC;z-index: 999;background-size: cover;z-index: 999999;display: flex;align-items: center;justify-content: center; }
/* Lozad */
.fade                                   { animation-name: fade;animation-duration: 2s;opacity: 1; }
.lozad.fade:not(.show)                  { opacity: 1; }

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Animation CSS */
@keyframes hero-img-ani {
    0%{ transform: translateY(-10px); }
    20%{ transform: translateY(-20px); }
    30%{ transform: translateY(-30px); }
    40%{ transform: translateY(-20px); }
    50%{ transform: translateY(-10px); }
    60%{ transform: translateY(0px); }
    70%{ transform: translateY(10px); }
    80%{ transform: translateY(20px); }
    90%{ transform: translateY(10px); }
    100%{ transform: translateY(0); }
}
/* Animation */
@-webkit-keyframes run {
    0% {
      top: -50%;
    }
    100% {
      top: 110%;
    }
  }
  
  @keyframes run {
    0% {
      top: -50%;
    }
    100% {
      top: 110%;
    }
  }

@keyframes cea-zoom-in{
  0%{transform:scale(1);opacity:.8}
  100%{transform:scale(1.4);opacity:0}
}
@-webkit-keyframes cea-zoom-in{
  0%{transform:scale(1);opacity:.8}
  100%{transform:scale(1.4);opacity:0}
}
@-moz-keyframes cea-zoom-in{
  0%{transform:scale(1);opacity:.8}
  100%{transform:scale(1.4);opacity:0}
}
@keyframes slide-down {
  from {
    margin-top: -200%;
  }
  to {
    margin-top: 0%;
  }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Animation */

@media(min-width: 1400px){
  .blog-listing-section .container    { max-width: 1400px; }
}

@media(max-width:1200px){
  .hero-section::before               { width: 640px;height: 930px; }
}

@media(max-width:992px){
  .navbar-brand img.img-fluid         { height: 35px; }
  header.header                       { padding: 5px 0;border-bottom: 1px solid rgba(255,255,255,0.5); }
  header.header .container            { max-width: 900px; }
  .navbar-brand                       { max-width: 180px; }
  .navbar-toggler                     { border: 0px;border-radius: 0;padding: 0;color: #ffffff;font-size: 32px;box-shadow: 0 0 !important; }
  .navbar-collapse                    { background: var(--color-1);text-align: left;border-radius: 0 0 10px 10px;padding: 10px;position: absolute;top: calc(100% + 6px);width: 100%;left: 0; }   
  header.header ul.navbar-nav         { justify-content: start; }
  header.header ul.navbar-nav .nav-item{ width: 100%; }
  header.header ul.navbar-nav .nav-item .nav-link{ font-size: 12px;padding: 10px 16px; }
  header.header ul.navbar-nav .nav-item > ul.submenu{ position: relative;top: 0;background: transparent;padding: 5px;box-shadow: 0 0;    display: block; }
  header.header ul.navbar-nav .nav-item > ul.submenu .nav-item .nav-link{ color: var(--color-white);font-size: 12px;padding: 10px 16px;border: 0; }
  header.header ul.navbar-nav .nav-item .nav-link.btn-menu{ display: inline-block; }
  header.fixed-header ul.navbar-nav .nav-item .nav-link:hover{ color: var(--color-2); }
  .app-hero-section .hero-title, .hero-section .hero-title{ font-size: 30px;margin-bottom: 15px; }
  .app-hero-section p, .hero-section p{ font-size: 13px;font-weight: 400;line-height: 26px; }
  .btn-theme                          { padding: 12px 30px; }
  .hero-section .hero-title           { color: #ffffff; }
  .hero-section p                     { color: #ffffff; }
  section.hero-section,
  section.app-hero-section            { padding-top: 60px; }
  .large-content .title               { font-size: 26px;font-weight: 700;margin-bottom: 15px; }
  .large-content p                    { font-size: 14px;line-height: 28px; }
  .section-padding                    { padding-top: 30px;padding-bottom: 30px; }
  .title                              { margin-bottom: 20px; }
  .about-section-2                    { border-radius: 0; }
  .app-section .title                 { font-size: 26px;font-weight: 600;margin-bottom: 20px; }
  .app-section p                      { font-size: 14px;font-weight: 500; }
  .app-section .button-group a        { padding: 8px 10px;font-size: 12px; }
  .app-section .button-group a i      { font-size: 30px;margin-right: 0px; }
  footer.footer                       { padding-top: 30px; }
  footer.footer .footer-title         { font-size: 18px;margin-bottom:0; }
  footer.footer ul                    { margin-bottom: 20px; }
  footer.footer ul li                 { margin-bottom: 2px; }
  footer.footer ul li a               { font-size: 12px; }
  footer.footer .footer-bottom        { margin-top: 0; }
  footer.footer p                     { font-size: 12px; }
  .about-image-box-2:before           { width: 250px;height: 250px; }
  .about-image-box.image-left         { padding-right: 20px;padding-bottom: 20px; }
  .about-image-box.image-right        { padding-left: 20px;padding-bottom: 20px; }
}

@media(max-width:767px){
  section.page-title-area               { padding-bottom: 40px;padding-top: 80px; }
  .page-title-content h2                { font-size: 28px; }
  .page-breadcrumb                      { margin-top: 20px; }
  .page-breadcrumb .breadcrumb .breadcrumb-item{ font-size: 14px; }
}