/* GENERIC */
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700');

@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-Light;
  src: url('../fonts/poppins/Poppins-Light.ttf'); 
}*/

@font-face {
  font-family: Inter;
  src: url('../fonts/inter/Inter-VariableFont_opsz,wght.ttf'); 
}

:root {
    --bs-border-radius:0.6rem;
    --bs-danger-rgb: 228, 29, 32;
}
body {
    color:#2B2D34;
    background-color:#EBEBEB;
    /*font-family: Poppins-Regular;*/
    font-family: Inter, Arial;
}
body:not(.fade-out) {
    opacity:1 !important; /* because of the animsition */
}
.btn-danger {
    --bs-btn-bg:#E41D20;
    --bs-btn-border-color:#E41D20;
}
.btn-outline-danger {
    --bs-btn-color:#E41D20;
    --bs-btn-border-color:#E41D20;
}
.github {
    -webkit-mask: url(../img/icon/github.svg) no-repeat center;
    mask: url(../img/icon/github.svg) no-repeat center;
}
.btn-link:not(:hover) {
    text-decoration:none;
}
.nav-item a.active {
    font-weight:bold !important;
}
[role=tablist] .nav-item a {
    margin-left:5px;
    margin-right:5px;
}
[role=tablist] .nav-item a.active {
    padding-bottom:10px;
    border-bottom:2px solid var(--bs-danger);
}
[role=tablist] .nav-item a:not(.active) {
    padding-bottom:10px;
    border-bottom:2px solid var(--bs-gray-400);
    opacity: .8;
}

form:not(.submitted) [required] {
    box-shadow:none;
}

.modal.show {
    z-index:10004;
}
.modal-backdrop.show {
    z-index:10003;
}
.modal .modal-dialog.modal-fullscreen {
    width:auto;
    max-width: none;
    height:auto;
    min-height:auto;
    position:fixed;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
}

/* SCROLLBARS */
    /* Let's get this party started */
::-webkit-scrollbar {
    width:5px;
}
 
    /* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
    /* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:rgba(255,0,0, .1); 
    -webkit-box-shadow:inset 0 0 6px rgba(250,250,250,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(250,250,250,0.8); 
}

/* BACKGROUNDS */
.section-bg-1 {
    background-image:url(../img/bg/bg_1.png);
    background-size:cover;
    background-position: center;
}
.section-bg-2 {
    background:linear-gradient(180deg, #E41D20 0%, rgba(240, 116, 118, 1) 70%);
    background-image:url(../img/bg/bg_2.svg);
    background-size:cover;
    background-position: center;
}
.section-bg-3 {
    background-image:url(../img/bg/bg_3.svg);
    background-size:cover;
    background-position: center;
    background-color: linear-gradient(180deg, #E41D20 1.97%, #EBEBEB 76.31%);
}
.section-bg-4 {
    background-image:url(../img/bg/bg_4.svg);
    background-size: cover;
    background-position: center 100%;
    background-repeat: no-repeat;
}
.section-bg-5 {
    background-image:url(../img/bg/bg_5.svg);
    background-size:cover;
    background-position: center;
}
.section-bg-6 {
    background-image:url(../img/bg/bg_6.svg);
    background-size:cover;
    background-position: center;
}
.section-bg-7 {
    background-image:url(../img/bg/bg_7.svg);
    background-size:cover;
    background-position: center;
}
.section-bg-8 {
    background-image:url(../img/bg/bg_8.svg);
    background-size: 100% auto;
    background-position: center 100%;
    background-repeat: no-repeat;
}
.section-bg-9 {
    background-image:url(../img/bg/bg_9.png);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-10 {
    background-image:url(../img/bg/bg_10.png);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-11 {
    background-image:url(../img/bg/bg_11.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-12 {
    background-image:url(../img/bg/bg_12.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-13 {
    background-image:url(../img/bg/bg_13.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-14 {
    background-image:url(../img/bg/bg_14.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-15 {
    background-image:url(../img/bg/bg_15.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-16 {
    background-image:url(../img/bg/bg_16.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-17 {
    background-image:url(../img/bg/bg_17.svg);
    background-size:100% 100%;
    background-position: center;
}
.section-bg-18 {
    background-image:url(../img/bg/bg_18.svg);
    background-size: contain;
    background-position: center 100%;
    background-repeat: no-repeat;
}

.bg-pattern-1 {
	background-image: url(../img/icon/pattern1.png);
  	background-repeat: repeat;
}

.bg-pattern-2 {
	background-image: url(../img/icon/pattern2.png);
  	background-repeat: repeat;
}

.bg-pattern-3 {
	background-image: url(../img/icon/pattern3.png);
  	background-repeat: repeat;
}

/* YOUTUBE */
.youtube-container {
    max-height:calc(100vh - 200px);
}

/* VIDEO */
.video-container {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
}
.video-container:hover {
    cursor:pointer;
}
.video-container:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.2);
    z-index:1;
}
.video-container.show:before {
    display:none;   
}
.video-container .video-thumbnail {
    width: 100%;
    display: block;
}
.video-container.show .video-thumbnail {
    display:none;   
}
.video-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:2;
    font-size:400%;
}
.video-container.show .play-button {
    display:none;   
}
@keyframes blink {
    0% { opacity: 1; font-size:400%; }
    50% { opacity: 0.7; font-size:500%; }
    100% { opacity: 1; font-size:400%; }
}
.video-container:hover .play-button {
    animation: blink 1.8s infinite;
    
}
.video-container:not(.show) video {
    display:none;
}

/* Modal video 01 */
.modal-video {
  z-index: 1250;
}

.modal-video .wrap-video-mo {
    max-width: 854px;
}

/* Modal websummit 01 */
.modal-websummit {
  background-color: rgba(0,0,0,0.6);
}
.modal-websummit .modal-body li {
  margin-left:20px;
  list-style-type:disc;
}

/* Contact Popup */
#contact_popup {
}

/* Call Popup */
#call_popup > .modal-dialog {
    max-width:400px;
}

/* Map Popup */
#map_popup iframe {
	width:100%;
	height:500px;
	max-width:90vw;
	max-height:80vh;
}

/* Loading bar */
.loading {
    padding-left:40px !important;
    background-image:url('../img/icon/loading.gif');
    background-repeat:no-repeat;
    background-position:10px center;
}

.animsition-loading-1 {
    width:auto;
    height:auto;
    padding-top:50vh;
    text-align:center;
    position: fixed;
    top: 50%;
    left: 50%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    z-index:99999999999;
    
    /*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.cp-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    position: relative
}

.cp-meter {
    border-radius: 50%;
    border-top: solid 6px #bb2d3b;
    border-right: solid 6px #bb2d3b;
    border-bottom: solid 6px #bb2d3b;
    border-left: solid 6px #bb2d3b;
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box
}

.cp-meter:before {
    border-radius: 3px;
    content: " ";
    width: 6px;
    height: 12px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #bb2d3b;
    position: absolute;
    top: 5px;
    left: 16px;
    transform-origin: center bottom;
    animation: cp-meter-animate-before 1s linear infinite
}

@keyframes cp-meter-animate-before {
    0% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(315deg)
    }
}

/* BACK TO TOP */
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  right: 40px;
  background-color: black;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 22px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 576px) {
  .btn-back-to-top {
    bottom: 15px;
    right: 15px;
  }
}

/* HEADER */
.header {
    height:100px;
}
.header > div {
    padding-bottom: 2rem !important;
    background:#EBEBEB;
    background:linear-gradient(180deg, #EBEBEB 70%, #FFFFFF00 100%);
    z-index:9999;
}
.header .logo img {
    width:170px;
    margin-top: -5px;
}
.header .github {
    width:30px;
    height:30px;
    mask-position:0 2px;
}

.sidebar {
    z-index:10001;
}
.sidebar .logo img {
    width:170px;
}
.sidebar .github {
    width:30px;
    height:30px;
    mask-position:0 2px;
}

.offcanvas-backdrop {
    z-index:10000;
}

@media (max-width: 575px) {
    .header {
        height:80px;
    }
    .sidebar.offcanvas-end {
        top: 0;
        right: 0;
        left: 0;
        width:auto;
        transform: translateY(-100%);
    }
}

/* FOOTER */
.footer {
}
.footer .logo img {
    width:170px;
    margin-top: -5px;
}
.footer a:not(:hover):not(.contact-us-now) {
    text-decoration:none;
}
.footer .icons a {
    text-decoration:none;
}
.footer form input {
}
.footer .subscribe-email {
    max-width:550px;
}
.footer .subscribe-email input[type=email] {
    width:calc(100% - 170px);
    box-shadow:none !important;
}
.footer .subscribe-email input.loading {
    width:160px;
    text-overflow:ellipsis;
}
@media (max-width: 520px) {
    .footer .subscribe-email input[type=email] {
        width:100%;
        text-align:center;
    }
}

/* INDEX PAGE  */
@media (max-width: 575px) {
    .index-page .content,
      .landing-page .content {
        background-image: url(../img/bg/bg_14.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* INDEX PAGE - SECTION 1 */
.index-page .section-1 .title,
  .landing-page .section-1 .title {
    position:relative;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.40) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*.index-page .section-1 .title:before,
  .landing-page .section-1 .title:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    box-shadow: 0 0 100px 5px #E41D20;
    z-index: 1;
}*/
.index-page .section-1 .clients-logo img,
  .landing-page .section-1 .clients-logo img {
    width:200px;
}

@media (max-width: 767px) {
    .index-page .section-1 .clients-logo img,
      .landing-page .section-1 .clients-logo img {
        width:150px;
    }
}
@media (max-width: 576px) {
    .index-page .section-1 .clients-logo img,
      .landing-page .section-1 .clients-logo img {
        width:100px;
    }
}

/* INDEX PAGE - SECTION 2 */
.index-page .section-2,
  .landing-page .section-2 {
    position:relative;
    overflow:hidden;
}
.index-page .section-2:before,
  .landing-page .section-2:before {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:-1;
}
.index-page .section-2 .screenshots div,
  .landing-page .section-2 .screenshots div {
    width:100%;
    position:relative;
    overflow:hidden;
    white-space: nowrap;
}
.index-page .section-2 .screenshots ul,
  .landing-page .section-2 .screenshots ul {
    margin:0 -350px 0 -50px;
    padding:0;
    min-width:1110px;
    text-align:left;
}
.index-page .section-2 .screenshots li,
  .landing-page .section-2 .screenshots li {
    display:inline-block;
    vertical-align: top;
    outline:10px solid #E41D2020;
    border-radius: .5rem;
}
.index-page .section-2 .screenshots li,
  .landing-page .section-2 .screenshots li {
    max-width:300px;
}
.index-page .section-2 .screenshots li.vertical,
  .landing-page .section-2 .screenshots li.vertical {
    max-width:150px;
    max-height:270px;
    overflow:hidden;
}
.index-page .section-2 .screenshots li img,
  .landing-page .section-2 .screenshots li img {
    width:100%;
    border-radius: .5rem;
}

/* INDEX PAGE - SECTION 4 */
.index-page .section-4,
  .landing-page .section-4 {
    position:relative;
    overflow:hidden;
}
.index-page .section-4:before,
  .landing-page .section-4:before {
    content:"";
    width:1000px;
    height:900px;
    display:block;
    position:absolute;
    left:-600px;
    bottom:-900px;
    box-shadow:-200px -150px 200px 0 rgb(255 84 88);
    z-index:-1;
}
.index-page .section-4:after, 
  .landing-page .section-4:after {
    content:"";
    width:1000px;
    height:900px;
    display:block;
    position:absolute;
    right:-1400px;
    bottom:-150px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(45deg);
    z-index:-1;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .landing-page.pt .section-4 .nav.justify-content-xl-center {
        justify-content: start !important;
    }
}

/* INDEX PAGE - SECTION 5 */
.index-page .section-5 .testimonials ul,
  .landing-page .section-5 .testimonials ul {
    white-space:nowrap;
    list-style-type:none;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.index-page .section-5 .testimonials ul::-webkit-scrollbar,
  .landing-page .section-5 .testimonials ul::-webkit-scrollbar {
  display: none;
}
.index-page .section-5 .testimonials ul li,
  .landing-page .section-5 .testimonials ul li {
    vertical-align:top;
}
.index-page .section-5 .testimonials ul li .card,
  .landing-page .section-5 .testimonials ul li .card {
    white-space:normal;
}
.index-page .section-5 .testimonials .card-img-top,
  .landing-page .section-5 .testimonials .card-img-top {
    max-height:150px;
    overflow:hidden;
}

@media (max-width: 767px) {
    .index-page .section-5,
      .landing-page .section-5 {
        position:relative;
        padding-bottom: 4rem !important;
    }
    .index-page .section-5 .navigation,
      .landing-page .section-5 .navigation {
        position:absolute;
        left:calc(50% - 35px);
        bottom:120px;
    }
}

/* INDEX PAGE - SECTION 6 */
.index-page .section-6,
  .landing-page .section-6 {
    position:relative;
    overflow:hidden;
}
.index-page .section-6:before,
  .landing-page .section-6:before {
    content:"";
    width:100px;
    height:800px;
    display:block;
    position:absolute;
    left:-100px;
    bottom:50%;
    border-radius: 100%;
    z-index:0;
    box-shadow:0 50px 200px 0 rgb(255 84 88);
}
.index-page .section-6:after,
  .landing-page .section-6:after {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:-1;
}
.index-page .section-6 .value-propositions .row > div,
  .landing-page .section-6 .value-propositions .row > div {
    min-width:200px;
    max-width:300px;
}
.index-page .section-6 .value-propositions .card,
  .landing-page .section-6 .value-propositions .card {
    background:linear-gradient(0deg, #E41D20 -30%, #EBEBEB 100%)
}
.index-page .section-6 .value-propositions,
  .landing-page .section-6 .value-propositions {
    position:relative;
}
/*.index-page .section-6 .value-propositions .section-bottom-bg,
  .landing-page .section-6 .value-propositions .section-bottom-bg {
    position: absolute;
    width: 100%;
    height: calc(100% + 700px);
    left:0;
    right:0;
    bottom:0;
    z-index: -1;
    overflow:hidden;
}
.index-page .section-6 .value-propositions .section-bottom-bg:before,
  .landing-page .section-6 .value-propositions .section-bottom-bg:before {
    content:"";
    width: 120%;
    height: 100%;
    display: block;
    position: absolute;
    left: -10%;
    bottom: 0;
    background: radial-gradient(circle, #E41D2070 0%, #EBEBEB 100%);
    border-radius: 100%;
    z-index: -2;
}
.index-page .section-6 .value-propositions .section-bottom-bg:after,
  .landing-page .section-6 .value-propositions .section-bottom-bg:after {
    content:"";
    width: 120%;
    height: calc(100% + 300px);
    display: block;
    position: absolute;
    left: -10%;
    bottom: -500px;
    background: radial-gradient(circle, #E41D20 0%, #EBEBEB 100%);
    border-radius: 100%;
    z-index: -2;
}*/

@media (min-width: 1200px) and (max-width: 1850px) {
    .index-page .section-6 .value-propositions .row.justify-content-xl-center,
      .landing-page .section-6 .value-propositions .row.justify-content-xl-center {
        justify-content: start !important;
    }
}
/* INDEX PAGE - SECTION 8 */
.index-page .section-8,
  .landing-page .section-8 {
    position:relative;
    overflow:hidden;
}
.index-page .section-8:before,
  .landing-page .section-8:before {
    content: "";
    width: 500px;
    height: 200px;
    display: block;
    position: absolute;
    left: -700px;
    bottom: 100px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: 200px 0px 200px 0 rgb(255 84 88);
}
.index-page .section-8 .accordion,
  .landing-page .section-8 .accordion {
    max-width:550px;
}
.index-page .section-8 .accordion button:focus,
  .landing-page .section-8 .accordion button:focus {
    box-shadow:none;
    color:inherit;
}

/* INDEX PAGE - SECTION 9 */
.index-page .section-9, 
  .landing-page .section-9 {
    position:relative;
    overflow:hidden;
}
.index-page .section-9:before,
  .landing-page .section-9:before {
    content: "";
    width: 500px;
    height: 200px;
    display: block;
    position: absolute;
    right: -700px;
    bottom: 50px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: -200px 0px 100px 0 rgb(255 84 88);
}

/* INDEX PAGE - SECTION 10 */
.index-page .section-10 img,
  .landing-page .section-10 img {
    max-width:300px;
}

/* INDEX PAGE - SECTION 11 */
.index-page .section-11 .card,
  .landing-page .section-11 .card {
    max-width:1000px;
}
.index-page .section-11 .subscribe-email,
  .landing-page .section-11 .subscribe-email {
    width:500px;
    max-width:100%;
}
.index-page .section-11 .subscribe-email input[type=email],
  .landing-page .section-11 .subscribe-email input[type=email] {
    width:calc(100% - 200px);
    box-shadow:none !important;
}
@media (max-width: 520px) {
    .index-page .section-11 .subscribe-email input[type=email],
      .landing-page .section-11 .subscribe-email input[type=email] {
        width:100%;
        text-align:center;
    }
}

/* FRAMEWORK PAGE */
@media (max-width: 575px) {
    .framework-page .content {
        background-image: url(../img/bg/bg_11.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* FRAMEWORK PAGE - SECTION 1 */
.framework-page .section-1 .nav-item a {
    border-bottom-color:white;
}
.framework-page .section-1 img.out {
    width:140% !important;
}

/* FRAMEWORK PAGE - SECTION 2 */
@media (min-width: 1200px) {
    .framework-page .section-2 img.h-100 {
        width:100%;
        height:auto !important;
        position:relative !important;
    }
}

/* FRAMEWORK PAGE - SECTION 3 */
.framework-page .section-3 {
    position:relative;
    overflow:hidden;
}
.framework-page .section-3:before {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:-1;
}
.framework-page .section-3 .value-propositions .row > div {
    min-width:200px;
    max-width:300px;
}
.framework-page .section-3 .value-propositions .card {
    background: linear-gradient(0deg, #E41D2070 0%, #EBEBEB 80%);
}

@media (min-width: 1200px) and (max-width: 2150px) {
    .framework-page .section-3 .value-propositions .row.justify-content-xl-center {
        justify-content: start !important;
    }
}

/* FRAMEWORK PAGE - SECTION 4 */
.framework-page .section-4 .row > div {
    min-width:200px;
    max-width:300px;
}
.framework-page .section-4 .card.card1 {
    background:linear-gradient(60deg, #000 0%, #EBEBEB 100%);
}
.framework-page .section-4 .card.card2 {
    background:linear-gradient(180deg, #000 0%, #EBEBEB 100%);
}
.framework-page .section-4 .card.card3 {
    background:linear-gradient(180deg, #000 0%, #EBEBEB 100%);
    /*background:linear-gradient(90deg, #000 0%, #EBEBEB 100%);*/
}

/* FRAMEWORK PAGE - SECTION 5 */
.framework-page .section-5 {
    margin-top:-20px;
    margin-bottom:-20px;
    background:linear-gradient(0deg, #EBEBEB -100%, var(--bs-dark) 100%);
}

/* FRAMEWORK PAGE - SECTION 6 */
.framework-page .section-6 {
    position:relative;
    overflow:hidden;
}
.framework-page .section-6:before {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:-1;
}
.framework-page .section-6:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -200px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}

.framework-page .section-6 .card .btn {
    cursor:auto;
}

/* PRICING PAGE */
@media (max-width: 575px) {
    .pricing-page .content {
        background-image: url(../img/bg/bg_15.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* PRICING PAGE - SECTION 2 */
.pricing-page .section-2 {
    position:relative;
}
.pricing-page .section-2:before {
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    top: 400px;
    left: -400px;
    box-shadow: -200px 200px 200px 0 rgb(255 84 88);
    transform: rotate(230deg);
}
.pricing-page .section-2 .card .card-sub-title {
    min-height:60px;
}
.pricing-page .section-2 .card .billed-monthly {
    min-height:40px;
}
.pricing-page .section-2 .card .plan-features.collapse:not(.show) {
    display:block;
}

.pricing-page .section-2 .packages.annually .monthly-payment,
  .pricing-page .section-2 .packages:not(.annually) .annually-payment,
  .pricing-page .section-2 .modal table.annually .monthly-payment,
  .pricing-page .section-2 .modal table:not(.annually) .annually-payment {
   display:none;
}

.pricing-page .section-2 a[title]:active:after,
  .pricing-page .section-2 a[title]:focus:after,
  .pricing-page .section-3 a[title]:active:after,
  .pricing-page .section-3 a[title]:focus:after { /* for mobile */
    content:attr(title);
    position:absolute;
    margin-top:25px;
    margin-left:-20px;
    padding:5px;
    border:1px solid white;
    background:#222;
    color:white;
    font-size: .8rem;
    line-height: 1rem;
    z-index:1;
}
.pricing-page .section-2 a[title][data-title-position=top]:active:after,
  .pricing-page .section-2 a[title][data-title-position=top]:focus:after,
  .pricing-page .section-3 a[title][data-title-position=top]:active:after,
  .pricing-page .section-3 a[title][data-title-position=top]:focus:after {
    margin-top:-25px;
    margin-left:0px;
}

@media (min-width: 576px) {
    .pricing-page .section-2 .modal table thead {
        position:sticky;
        top:0;
        z-index:2;
    }
    .pricing-page .section-2 .modal table tfoot {
        padding-top:20px;
        position:sticky;
        bottom:-1px;
        z-index:2;
    }
    .pricing-page .section-2 .modal table thead th:first-child,
      .pricing-page .section-2 .modal table tbody th,
      .pricing-page .section-2 .modal table tfoot th {
        min-width:200px;
        padding-left:1rem;
        position:sticky;
        left:0;
        z-index:1;
        background:var(--bs-secondary-bg);
    }
    .pricing-page .section-2 .modal table thead th,
     .pricing-page .section-2 .modal table thead td,
     .pricing-page .section-2 .modal table tfoot td {
        background:var(--bs-secondary-bg);
    }
    .pricing-page .section-2 .modal table tbody th,
      .pricing-page .section-2 .modal table tbody td {
        
    }
    .pricing-page .section-2 .modal table .separator {
        
    }
}
@media (max-width: 575px) {
    .pricing-page .section-2 .card button {
        width:100%;
    }
    .pricing-page .section-2 .card a[aria-expanded="true"] > i::before {
        content: "\f106"; /* Código Unicode para fa-angle-up */
    }
    .pricing-page .section-2 .card .plan-features.collapse:not(.show) {
        display:none;
    }
}

/* PRICING PAGE - SECTION 3 */
.pricing-page .section-3 {
    position:relative;
    overflow:hidden;
}
.pricing-page .section-3:before {
    content: "";
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -700px;
    bottom: 200px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: 200px 0px 200px 0 rgb(255 84 88);
}

/* PRICING PAGE - SECTION 5 */
.pricing-page .section-5 {
    position:relative;
    overflow:hidden;
}
.pricing-page .section-5:before {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:1;
}

/* PRICING PAGE - SECTION 6 */
.pricing-page .section-6 {
    position:relative;
    overflow:hidden;
}
.pricing-page .section-6:before {
    content: "";
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -700px;
    bottom: 50px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: 200px 0px 100px 0 rgb(255 84 88);
}
.pricing-page .section-6:after {
    content: "";
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    right: -600px;
    bottom: -300px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: -200px 0px 200px 0 rgb(255 84 88);
}
.pricing-page .section-6 .accordion {
    max-width:550px;
}
.pricing-page .section-6 .accordion button:focus {
    box-shadow:none;
    color:inherit;
}

@media (min-width: 576px) {
    .pricing-page .section-6 {
        background-image: url(../img/bg/bg_13.svg);
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
        background-attachment: local;
    }
}

/* STORE PAGE */
@media (max-width: 575px) {
    .store-page .content {
        background-image: url(../img/bg/bg_16.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* STORE PAGE - SECTION 1 */
.store-page .section-1:before {
    content:"";
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: 300px;
    left: 50%;
    box-shadow: 0px 0px 150px 90px rgb(255 84 88);
    z-index: -1;
}

@media (max-width: 575px) {
    .store-page .section-1 {
        background-size: cover;
    }
}

@media (min-width: 1385px) {
    .store-page .section-1 {
        padding-bottom: 3rem !important;
        background-image:url(../img/bg/bg_7.png);
        background-size:100% 100%;
    }
}

/* STORE PAGE - SECTION 3 */
.store-page .section-3 {
    position:relative;   
}
.store-page .section-3:before {
    content:"";
    width: 80%;
    height: 1px;
    display: block;
    position: absolute;
    top: -100px;
    left: 10%;
    box-shadow: 0px 0px 150px 90px rgb(255 84 88);
    z-index: -1;
}
.store-page .section-3 .testimonials ul {
    white-space:nowrap;
    list-style-type:none;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.store-page .section-3 .testimonials ul::-webkit-scrollbar {
  display: none;
}
.store-page .section-3 .testimonials ul li {
    vertical-align:top;
}
.store-page .section-3 .testimonials ul li .card {
    white-space:normal;
}
.store-page .section-3 .testimonials .card-img-top {
    max-height:150px;
    overflow:hidden;
}

@media (max-width: 767px) {
    .store-page .section-3 {
        position:relative;
        padding-bottom: 4rem !important;
    }
    .store-page .section-3 .navigation {
        position:absolute;
        left:calc(50% - 35px);
        bottom:65px;
    }
}

/* STORE PAGE - SECTION 4 */
.store-page .section-4 {
    position:relative;
    overflow:hidden;
}
.store-page .section-4:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -400px;
    box-shadow:300px 0 400px 150px rgb(255 84 88);
    z-index: -1;
}
.store-page .section-4 .accordion {
    max-width:550px;
}
.store-page .section-4 .accordion button:focus {
    box-shadow:none;
    color:inherit;
}

@media (min-width: 576px) {
    .store-page .section-4 {
        background-image: url(../img/bg/bg_13.svg);
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
        background-attachment:local;
    }
}

/* STORE PAGE - SECTION ITEMS */
.store-page .section-items {
    position:relative;
}
.store-page .section-items:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -400px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}
.store-page .section-items .tab-content .tab-pane a:not(.btn) {
    color:inherit;
    text-decoration:none;
}
.store-page .section-items .tab-content .tab-pane a:hover:not(.btn) {
    color:#E41D20
}
.store-page .section-items .tab-content .tab-pane ul {
    margin:0;
    padding:0;
    list-style:none;
}
.store-page .section-items .tab-content .tab-pane .no-elements {
    list-style:none;
}

@media (max-width: 740px) {
    .store-page .section-items .nav.justify-content-center {
        padding-right: 20px;
        justify-content:start !important;
    }
}

.store-page .section-items #modules .card {
    min-width:150px;
    min-height:220px;
    background: linear-gradient(to bottom, var(--bs-dark) -50%, #EBEBEB 150%);
}
.store-page .section-items #modules .card img {
    width:30px;
    /*filter: invert(24%) sepia(89%) saturate(7480%) hue-rotate(358deg) brightness(102%) contrast(119%);*/
    filter: invert(1);
}

.store-page .section-items #templates .card {
    min-width:150px;
    min-height:220px;
}
.store-page .section-items #templates .card .card-body,
  .store-page .section-items #templates .card .card-footer {
    z-index:1;
}

.store-page .section-items #programs .card {
    min-width:150px;
    min-height:220px;
    background: linear-gradient(to bottom, var(--bs-dark) -50%, #EBEBEB 150%);
}
.store-page .section-items #programs .card img {
    width:30px;
    /*filter: invert(24%) sepia(89%) saturate(7480%) hue-rotate(358deg) brightness(102%) contrast(119%);*/
    filter: invert(1);
}

.store-page .section-items #pages .card {
    min-width:150px;
    min-height:220px;
}
.store-page .section-items #pages .card .card-body,
  .store-page .section-items #pages .card .card-footer {
    z-index:1;
}

/* Store Page - Modal template */
.modal-template {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1250;
}

.modal-template .modal-dialog {
  max-width: 100% !important;
  height: 100% !important;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.modal-template .wrap-template-mo {
  width: 100%;
  height: 100%;
  position: relative;
}

.modal-template .template-mo {
  width: 100%;
  height: 100%;
  padding:50px 15px 15px;
  box-sizing:border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  text-align:center;
  overflow:auto;
  -webkit-overflow-scrolling: touch; /* very important or scroll won't work on iphone */
}

.modal-template .template-mo iframe {
  width: 100%;
  height: 100%;
  margin:0 auto;
  border-radius:5px;
  background:white;
}

.modal-template .menu-mo-template {
  height: 40px;
  padding:0 10px;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1250;
  background: white;
  color: #333;
  border-bottom-right-radius: 10px;
  font-size:80%;
}
.modal-template .menu-mo-template  select {
	height:20px;
	background:none;
	box-sizing:border-box;
	font-size:80%;
	text-align:center;
	border-radius:5px;
	margin-left:5px;
}
.modal-template .menu-mo-template  input {
	width:35px;
	height:20px;
	background:none;
	box-sizing:border-box;
	font-size:80%;
	text-align:center;
	border-radius:5px;
	margin-left:5px;
}
.modal-template .menu-mo-template  input:focus {
    box-shadow:none;
}
.modal-template .menu-mo-template  .dimension,
  .modal-template .menu-mo-template  .orientation {
	display:none;
}

.modal-template .close-mo-template {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1250;
  background: white;
  border-bottom-left-radius: 10px;
}

/* Store Page - Modal program */
.modal-program {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1250;
}

/* Store Page - Modal page */
.modal-page {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1250;
}

/* MEDIA PAGE */
@media (max-width: 575px) {
    .media-page .content {
        background-image: url(../img/bg/bg_17.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* MEDIA PAGE - SECTION 1 */
.media-page .section-1 .subscribe-email {
    width:500px;
    max-width:100%;
}
.media-page .section-1 .subscribe-email input[type=email] {
    width:calc(100% - 180px);
    box-shadow:none !important;
}
.media-page .section-1 .subscribe-email input.loading {
    width:170px;
    text-overflow:ellipsis;
}
@media (max-width: 450px) {
    .media-page .section-1 .subscribe-email input[type=email] {
        width:100%;
        text-align:center;
    }
}

/* MEDIA PAGE - SECTION ARTICLE */
.media-page .section-article {
    position:relative;
    overflow:hidden;
}
.media-page .section-article:before {
    content:"";
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: 250px;
    right: -50px;
    box-shadow: 0px 0px 150px 90px rgb(255 84 88);
    z-index: -1;
}
.media-page .section-article .card {
    max-width:1000px;
}

@media (max-width: 767px) {
    .media-page .section-article img {
        border-radius:var(--bs-border-radius) !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

/* MEDIA PAGE - SECTION 2 */
.media-page .section-2 {
    position:relative;
    overflow:hidden;
}
.media-page .section-2:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -200px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}

/* MEDIA ARTICLE PAGE - SECTION 2 */
.media-article-page .section-2 {
    position:relative;
    overflow:hidden;
}
.media-article-page .section-2:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    right:0px;
    bottom: -400px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}
.media-article-page .section-2 .card {
    max-width:1000px;
}
.media-article-page .section-2 .subscribe-email {
    width:500px;
    max-width:100%;
}
.media-article-page .section-2 .subscribe-email input[type=email] {
    width:calc(100% - 200px);
    box-shadow:none !important;
}
@media (max-width: 520px) {
    .media-article-page .section-2 .subscribe-email input[type=email] {
        width:100%;
        text-align:center;
    }
}

/* ARTICLE PAGE - SECTION ARTICLE */
.article-page .section-article > img {
    max-height:100vh;
}

/* ARTICLE PAGE - SECTION 2 */
.article-page .section-2 .card {
    max-width:1000px;
}
.article-page .section-2 .subscribe-email {
    width:500px;
    max-width:100%;
}
.article-page .section-2 .subscribe-email input[type=email] {
    width:calc(100% - 200px);
    box-shadow:none !important;
}
@media (max-width: 520px) {
    .article-page .section-2 .subscribe-email input[type=email] {
        width:100%;
        text-align:center;
    }
}

/* ARTICLE, MEDIA and MEDIA-ARTICLE PAGE - SECTION ARTICLES */
.section-articles {
    position:relative;
    overflow:hidden;
}
.section-articles:before {
    content: "";
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    left: -750px;
    bottom: 30px;
    border-radius: 100%;
    z-index: 0;
    box-shadow: 200px 0px 200px 0 rgb(255 84 88);
}
.section-articles .articles {
    min-height:400px;
}
.section-articles .articles article:not(.active) {
    display:none;
}
.section-articles .articles article .card .card-img-top {
    max-height:250px;
}
.section-articles .articles article .card .card-text {
    max-height:250px;
    overflow:auto;
}

/* LARAVEL PAGE */
@media (max-width: 575px) {
    .laravel-page .content {
        background-image: url(../img/bg/bg_11.svg);
        background-size: contain;
        background-position: center 100%;
        background-repeat: no-repeat;
    }
}

/* LARAVEL PAGE - SECTION 1 */
.laravel-page .section-1 {
    position:relative;
    overflow:hidden;
}
.laravel-page .section-1:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -450px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}

/* LARAVEL PAGE - SECTION 2 */
@media (min-width: 1200px) {
    .laravel-page .section-2 img.h-100 {
        width:100%;
        height:auto !important;
        position:relative !important;
    }
}

/* LARAVEL PAGE - SECTION 3 */
.laravel-page .section-3 {
    position:relative;
    overflow:hidden;
}
.laravel-page .section-3:before {
    content:"";
    width:200px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    right:-400px;
    box-shadow:-200px 200px 200px 0 rgb(255 84 88);
    transform:rotate(60deg);
    z-index:-1;
}

/* LARAVEL PAGE - SECTION 4 */
.laravel-page .section-4 {
    position:relative;
    overflow:hidden;
}
.laravel-page .section-4:after {
    content:"";
    width: 300px;
    height: 200px;
    display: block;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -200px;
    box-shadow: 300px 0 200px 200px rgb(255 84 88);
    z-index: -1;
}

/* CONTACT PAGE - SECTION 1 */
.contact-page .section-1 {
    background-position: center 0%;
}

@media (max-width: 575px) {
    .contact-page .section-1 {
        position:relative;
        background-size: auto 150%;
    }
    .contact-page .section-1:before {
        content:"";
        width: 100%;
        height: 50%;
        display: block;
        position: absolute;
        top:0;
        left:0;
        background-image: url(../img/bg/bg_12.svg);
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
        z-index:0;
    }
    .contact-page .section-1 > div {
        z-index:1;
        position:relative;
    }
}

/* CONTACT PAGE - SECTION 2 */
/*.contact-page .section-2 {
    position:relative;
    overflow:hidden;
}
.contact-page .section-2:before {
    content:"";
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    top: -300px;
    left: -300px;
    box-shadow: 200px 200px 200px 0 rgb(255 84 88);
    z-index:1;
}*/
.contact-page .section-2 .accordion {
    max-width:550px;
}
.contact-page .section-2 .accordion button:focus {
    box-shadow:none;
    color:inherit;
}

@media (max-width: 576px) {
    .contact-page .section-2 {
        background-image: url(../img/bg/bg_13.svg);
        background-size: cover;
        background-position: center 0%;
        background-repeat: no-repeat;
        background-attachment: local;
    }
}

/* Framework Helps Section */
.section-framework-helps .sections {
    scroll-behavior: smooth;
}
.section-framework-helps .sections nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.section-framework-helps .sections nav ul {
    max-height:calc(100vh - 100px);
    overflow-y:auto;
}
.section-framework-helps .sections nav li a img {
    width:20px;
    margin-right:10px;
}

/* Only stick if you can fit */
@media (max-width: 575px) {
    .section-framework-helps .sections nav ul {
        max-height:none;
        overflow-y:visible;
    }
}

/* Section Framework Projects Carousel */
.section-projects {
	overflow:hidden;
	align-content:center;
}
.section-projects .projects_carousel {
	width:100%;
	height:100%; 
    max-height:400px;
    margin: auto;
	align-content:center;
	overflow:hidden;
	position:relative;
}
.section-projects .projects_carousel.loading {
   background-position:center;
   padding-left:0 !important;
}
.section-projects .projects_carousel img {
	width: 500px;
    max-width: 80vw;
	box-shadow: 5px 10px 18px #888888;
	background-color:white;
	border-radius:var(--bs-border-radius);
	cursor:pointer;
	z-index:9;
}
.section-projects .projects_carousel_buttons {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.section-projects .projects_carousel_buttons button {
    height:100%;
	position:absolute;
	align-content:center;
	background: rgba(0, 0, 0, .3);
	z-index:9;
}
.section-projects .projects_carousel_buttons button:hover,
  .section-projects .projects_carousel_buttons .carousel button:active {
    opacity:.8;   
}
.section-projects .projects_carousel_buttons img {
	width:60px;
	height:200px;
	opacity:.5;
}
.section-projects .projects_carousel_buttons .prev {
	left:0;
}
.section-projects .projects_carousel_buttons .next {
	right:0;
}

/* Project Photos */
#project_photos .carousel ul {
	margin:0;
}
#project_photos .carousel ul.loading {
   background-position:center;
   padding-left:0 !important;
}
#project_photos .carousel .carousel-item {
    text-align:center;
    align-contents:center;
}
#project_photos .carousel .carousel-item img {
	max-width:100%;
	border-radius:var(--bs-border-radius);
}
#project_photos .carousel .carousel-inner {
	overflow: auto;
	height:100%;
}
#project_photos .carousel button {
	background:rgba(0, 0, 0, .5);
}
#project_photos .carousel button:hover,
  #project_photos .carousel button:active {
	opacity:.8;
}
#project_photos .carousel button img {
	width:60px;
	height:200px;
	opacity:.5;
}