.header_area .sidenav_menu .close_icon .close_btn { color: var(--color-primary); } h2.section-title { position: relative; max-width: 570px; margin: auto; margin-bottom: 1rem; } h2.section-title::after {  content: '';  position: absolute; top: -1rem;  background: url('/template/site/images/shape/title.png') no-repeat;  display: inline-block;  width: 96px; height: 67px;  z-index: -1; } .form-checkbox input[type="radio"] {   -webkit-appearance: none;   -moz-appearance: none;   -ms-appearance: none;   -o-appearance: none;   appearance: none;   -webkit-transition: all 0.5s ease-out 0s;   -moz-transition: all 0.5s ease-out 0s;   -ms-transition: all 0.5s ease-out 0s;   -o-transition: all 0.5s ease-out 0s;   transition: all 0.5s ease-out 0s;   display: inline-block;   width:1.5rem; height:1.5rem;   border: 1px solid var(--color-gray);   padding:0.25rem;  background-clip: content-box;   border-radius: 8px;   background-color: var(--color-gray_light);   margin: 0 .75rem 0 0; } .form-checkbox input[type="radio"]:checked { background-color: var(--color-primary); } .form-checkbox input[type="radio"]:focus { outline: none !important; } .form-checkbox input[type="radio"].circle-shape { border-radius: 50%; }  header .main_menu ul { display:flex; align-items: center; } .header_area ul li:hover a:not(.deneb_btn):not(.avatar):after {  content: '';  position: absolute;  left: 0; bottom: 10px;  width: 20px; height: 3px;  background:var( --color-primary ) !important; } .header_area .site_menu .primary_menu .main_menu ul li a.avatar {  width:2.5rem; height:2.5rem;  padding: 0;  font-size:2rem;  display: flex; justify-content:center; align-items:center; } .header_area .site_menu .primary_menu .main_menu ul li a.avatar:hover i { color:var( --color-primary ); }  .banners {  padding: 140px 0 1rem;  background: url('/template/site/images/shape/shape_1.png') no-repeat;  background-position: left 180px; } .banners .container h1 { font-weight: 500; margin-left: -2px; margin-bottom: 10px; } .banners .container span { font-weight: bold; color: var( --color-primary ); } .banners .container h5 { font-weight: 500; margin-bottom: 15px; } .banners .container p { margin-bottom: 36px; } .banners .container a { padding: 0 1.5rem; } .banners .container .img_box { position: relative; float: right; margin-right:1rem; } .banners .deneb_btn { background-color:var( --color-primary ); } @media (max-width: 991px) { .banners .container .img_box { margin-top: 60px; } } @media (max-width: 767px) { .banners .container h1 { font-size: 30px; } } .deneb_btn { background-color:var( --color-primary ); } .deneb_btn:hover, .deneb_btn:focus { color: #fff; box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4); }  .works { padding: 125px 0 90px 0; overflow: hidden; position: relative; z-index: 1; } .works::after {  content: '';  position: absolute;  top: 0; left: 0;  background: url('/template/site/images/shape/shape_7.png') no-repeat;  background-position: right 100px;  width: 100%;  height: 100%;  z-index: -2; } .works .witem-icon {  position:relative;  margin-bottom:30px;  font-size:5rem;  padding: 1.5rem 0 0 2rem;  color: var( --color-secondary );  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .works .witem-icon::before {  content: '';  position:absolute; left:0; top:0;  background-color: var(--color-gray_light);  border-radius:50%;  width:4rem; height:4rem;  z-index:-1; } .works .witem {  max-width: 370px;  margin: auto;  padding: 40px;  text-align: left;  border-radius: 8px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;  border: 2px dashed #fff;  box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.15); } .works .witem:hover { border-color: var(--color-primary); box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15); } .works .witem:hover .witem-icon { color: var(--color-primary); } .works .witem .witem-info h4 { margin-bottom:1rem; font-weight: 600; color: #011a3e; } .works .witem .witem-info p { margin-bottom:1rem; } .works .witem .witem-info .link_btn { font-weight: 500; color: #011a3e; text-transform: uppercase; } .works h2.section-title::after { top: -0.5rem; left: 0; } @media only screen and (min-width: 992px) and (max-width: 1200px) {  .works .witem .witem-info h4 { font-size: 18px; } }  .types { padding: 90px 0; overflow: hidden; position: relative; z-index: 1; } .types::after {  content: '';  position: absolute;  top: 0; left: 0;  background: url('/template/site/images/shape/shape_10.png') no-repeat;  background-position: left 80px;  width: 100%;  height: 100%;  z-index: -2; } .types .titem-icon {  margin-right:1rem; font-size:2rem;   -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .types .titem {  display: flex;  margin: 0.35rem auto;  padding: 1rem;  text-align: left;  border-radius: 8px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;  border: 2px dashed #fff; } .types .titem:hover { border-color:var(--color-primary); box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15); } .types .titem:hover .titem-icon { color:var(--color-primary); } .types .titem h6 { margin-bottom: 0.15rem; font-weight: 600; color: #011a3e; } .types h2.section-title::after { right: 110px; }  .numbers { padding: 80px 0; position: relative; z-index: 1; } .numbers::after {  position:absolute; right:25px; top:40px;  content: '';  background: url('/template/site/images/shape/shape_9.png') no-repeat;  background-position: top right;  width: 100%; height: 100%;  z-index: -2; } .numbers .ncontent {  display: flex;  flex-wrap: wrap;  justify-content: flex-end;  position: relative;  z-index: 9999; } @media only screen and (min-width: 768px) and (max-width: 991px) { .numbers .ncontent { justify-content: center; margin-top:60px; } } @media (max-width: 767px) { .numbers .ncontent { justify-content: center; } } .numbers .nitem .nitem-icon { margin-bottom: 15px; font-size:2rem; color:var(--color-primary); } .numbers .nitem {  width:214px; height:214px;  border-radius: 50%;  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);  text-align: center;  padding-top:40px;  margin-left:40px;  background: #fff;  border:3px dashed #fff;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .numbers .nitem{ width: 180px; height: 180px; padding-top: 30px; } } @media (max-width: 767px) {  .numbers .nitem { margin: auto; margin-bottom: 40px; }  .numbers .nitem:nth-child(even) { margin-top: 0; } } .numbers .nitem:hover { border-color:var(--color-primary); box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.15); } .numbers .nitem:nth-child(even) { margin-top: 35px; } .numbers .nitem h3 { margin-bottom: 5px; color:var(--color-primary); font-weight: 600; } .numbers h2.section-title::after { left: -10px; }  .clients h2.section-title::after { left:calc(50%); } .clients { padding:80px 0; position: relative; z-index: 1; } .clients::after {  position:absolute; left:0; top:7rem;  content: '';  background: url('/template/site/images/shape/shape_13.png') no-repeat;  background-position: top left;  width: 100%; height: 100%;  z-index: -2; }  .prices { padding: 100px 0; position: relative; z-index: 1; } .prices::after {  position:absolute; left:0; top:-2rem;  content: '';  background: url('/template/site/images/shape/shape_12.png') no-repeat;  background-position: top left;  width: 100%; height: 100%;  z-index: -2; } .prices h2.section-title::after { left:9rem; } .prices .pbox .pbox-title { text-align:center; } .prices .pbox .pbox-title h3 {  margin:0 0 .25rem 0;  font-weight: bold; color:var(--color-secondary);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .pbox .pbox-price { display:flex; align-items:center; margin:1.25rem 0; } .prices .pbox .pbox-price span { margin-right:0.5rem; font-size:1rem; } .prices .pbox .pbox-price small { margin-left:0.5rem; font-size:0.75rem; text-transform:uppercase; } .prices .pbox .pbox-price h2 {  font-size:2rem; line-height:2rem; color:var(--color-secondary);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .pbox { flex-direction:column; justify-content:center; } .faq .help-category, .prices .pbox {  position: relative; display:flex; align-items:center;   padding: 1rem 1.5rem;  border-radius: 0.5rem;  background-color: white;  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);  border: 3px dashed #fff;  margin: 1rem;  color:#7a808d;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .faq .help-category:hover, .prices .pbox:hover { border-color:var(--color-primary); box-shadow: 5px 8.66px 24px 0px rgba(0, 0, 0, 0.15); cursor: pointer; } .prices .pbox:hover .pbox-title h3 { color:var(--color-primary); } .prices .pbox:hover .pbox-price h2 { color:var(--color-primary); } .prices .pbox:hover .pbox-qtde span { background: var(--color-primary); } .prices .pbox:hover .pbox-qtde div { color: var(--color-primary); border-color: var(--color-primary); } .prices .pbox .pbox-resource-list { display:flex; align-items:center; justify-content:center; } .prices .pbox .pbox-resource-item {  display:flex; align-items:center;  border-radius: 0.5rem;  padding: 0.2rem;  margin:0 0.35rem;  text-decoration:uppercase; } .prices .pbox .pbox-resource-item i { font-size:.85rem; } .prices .pbox .pbox-resource-item span { margin-left:0.35rem; } .prices .pbox .deneb_btn { height:35px; line-height:35px; } .prices .pbox .pbox-qtde { position:relative; display: flex; justify-content:center; align-items:center; margin:1.25rem 0 0 -1.5rem; } .prices .pbox .pbox-qtde span {  height: 35px;  color: #fff;  text-align: center;  background: #7a808d;  line-height: 35px;  border-radius: 25px;  padding: 0 1.5rem 0 .75rem; } .prices .pbox .pbox-qtde div {  width:100px; height:100px; line-height:100px; border-radius:50px; border:5px solid #7a808d;  background: #fff; margin-left: -1.1rem; font-size:2rem; line-height:90px; text-align:center;  font-weight:bold; color: #7a808d; } .prices .pbox .pbox-qtde div, .prices .pbox .pbox-qtde span {  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .buttons-content { display:flex; align-items:center; } .prices .buttons-group {  display:inline-flex; justify-content:center;  margin: 0 auto;  margin-bottom:2.5rem;  background-color: var(--color-gray_light);  border-radius:1.5rem; } .prices .buttons-group button {  font: 500 15px "Poppins", sans-serif;  color:var(--color-primary);  padding:.5rem 1.5rem;  text-align: center;  background: transparent;  border-radius:1.5rem;  text-transform: uppercase;  letter-spacing: 1px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .buttons-group button.selected { background-color:var(--color-primary); color:#fff; box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4); } .prices .buttons-group button.primary { background-color:var(--color-primary); color:#fff; } .prices .buttons-group button.primary:hover { box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4); } .prices .plegends ul { display:flex; flex-direction:column; } .prices .plegends h5 { font-size:1rem; margin:2rem 0 0.5rem 0; } .prices .plegends ul li { display:flex; align-items:center; margin:0.75rem 0; } .prices .plegends ul li i { flex:0 2rem; font-size:1.25rem; } .prices .plegends p { flex:1; font-size:0.8rem; line-height:1rem; } @media ( max-width:991px ) {  .prices .plegends { margin-bottom:60px; } }  .faq { padding:80px 0 120px 0; position: relative; z-index: 1; } .faq-inner { padding:150px 0 120px 0; } .faq-inner .content p { margin-bottom:1rem;} .faq::after {  position:absolute; left:0; top:-2rem;  content: '';  background: url('/template/site/images/shape/shape_14.png') no-repeat;  background-position: right 100px;  width: 100%; height: 100%;  z-index: -2; } .faq h2.section-title::after { left:-2rem; } .faq h2.help.section-title::after { left:calc( 50% - 6rem ); } .faq .help-category span { width:2.5rem; text-align:center; font-size:2rem; margin-right:1rem; } .faq .help-category h3 { font-size:1rem; } .faq .breadcrumb { background-color:var( --color-gray-light ); border-radius:.5rem; } .faq .breadcrumb a { color:var(--color-primary); } .faq .question h2 button { display:flex; align-items:center; color: var(--color-secondary); padding:1rem; } .faq .question h2 button:focus { box-shadow: none; } .faq .question h2 button:hover { color: var(--color-primary); } .faq .question h2 button::after {  font-family: 'Font Awesome 5 Pro';  flex-shrink: 0;  margin-left: auto;  content: "\f054";  transition: transform .2s ease-in-out; } .faq .question h2 button:not(.collapsed)::after { transform: rotate(90deg); } .faq .question .question-body { min-height: 1px; padding: 1.25rem; }  .card-collection {  display:flex; align-items:center;  padding: 1.5rem;  border-radius: .5rem;  background-color: var(--color-gray-light);  box-shadow: 2.5px 4.33px 1rem 0px rgba(0, 0, 0, 0.1);  color:#7a808d;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .card-collection .card-title { display:flex; align-items:flex-start; } .card-collection .card-title span i { font-size:2em; color:var(--color-primary); } .card-collection .card-title h3 { font-size:1.5rem; font-weight:600; margin:0; color:var(--color-primary); } .card-collection .list-group a { border: 3px dashed #fff; } .card-collection .list-group a:hover { border-color:var(--color-primary); }  .footer-banner {  padding: 2rem;  max-width: 970px;  border-radius: 1rem;  margin: auto;  margin-bottom: -135px;  position:relative;  background-image: -moz-linear-gradient(0deg, rgb(156, 39, 176) 0%, rgb(82, 6, 95) 100%);  background-image: -webkit-linear-gradient(0deg, rgb(156, 39, 176) 0%, rgb(82, 6, 95) 100%);  background-image: -ms-linear-gradient(0deg, rgb(156, 39, 176) 0%, rgb(82, 6, 95) 100%);  box-shadow: 2.5px 4.33px 1rem 0px rgba(115, 113, 116, 0.4);  z-index: 1; } .footer-banner::after {  content: '';  background: url('/template/site/images/background/bb_shape.png') no-repeat;  background-position: bottom;  width: 100%; height: 100%;  border-radius: 1rem;  position: absolute;  bottom: 0; left: 0;  z-index: -1; } .footer-banner-content h3 { color: #fff; font-weight:bold; margin-bottom:2.5rem; } .footer-banner-content p { color: #fff; } .footer-banner-content::after {  content: '';  display: block;  background: url('/template/site/images/shape/line_2.png') no-repeat;  max-width: 110px; height: 2px;  margin-top: 13px; } .footer-banner-button { display:flex; justify-content:flex-end; } .footer-banner-button a { background: #fff; color: var( --color-secondary ); padding: 0px 1rem; } .footer-banner-button a:hover, .footer-banner-button a:focus { color: var(--color-secondary); box-shadow: 2.5px 4.33px 15px 0px rgba(255, 255, 255, 0.35); } @media (max-width: 767px) { .footer-banner { font-size: 24px; margin: 0 2rem; } } @media (max-width: 991px) { .footer-banner-button a { justify-content:center; margin:30px auto 0; } }  footer {  background-repeat: no-repeat;  background-size: cover;  background-position: top center;  background-image: url('/template/site/images/background/footer_bg.png');  padding-top: 200px;  padding-bottom: 1rem; } footer .about { display:flex; justify-content:center; margin-bottom:2rem; } footer .links ul { display:flex; justify-content:center; } footer .links ul li { margin: .5rem 1rem; } footer .links ul li a { text-transform: capitalize; color: #7a808d; } footer .links ul li a:hover, footer .links ul li a:focus { color: var(--color-primary); } footer .copyright { border-top:1px solid #dddddd; margin-top:1.5rem; padding-top:1.5rem; } footer .copyright .social { display:flex; justify-content:center; flex-direction:row; } footer .copyright .social li { margin:0 0.25rem; } footer .copyright .social li a {  display: block;  width:30px; height:30px; line-height:30px;  text-align: center;  border-radius: 50%;  color: #fff;  font-size: 14px;  -webkit-transition: all all 0.5s ease-out 0s;  -moz-transition: all all 0.5s ease-out 0s;  -ms-transition: all all 0.5s ease-out 0s;  -o-transition: all all 0.5s ease-out 0s;  transition: all all 0.5s ease-out 0s; } footer .copyright .social li a:hover, footer .copyright .social li a:focus { color: #fff; box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.2); } footer .copyright .social li a.color-facebook { background-color:#3B5998; } footer .copyright .social li a.color-twitter { background-color:#3cf; } footer .copyright .social li a.color-youtube { background-color:#c4302b; } @media (max-width: 991px) {  footer .links ul { flex-direction:column; } }  .ribbon {  position: absolute;  left: -5px; top: -5px;  z-index: 1;  overflow: hidden;  width: 75px; height: 75px;  text-align: right; } .ribbon span {  font-size: 10px;  font-weight: bold;  color: #FFF;  text-transform: uppercase;  text-align: center;  line-height: 20px;  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  width: 100px;  display: block;  background: rgb(106, 27, 154);  background: linear-gradient(135deg, rgb(82, 6, 95) 0%, rgb(156, 39, 176) 100%);  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);  position: absolute;  top: 19px; left: -21px; } .ribbon span::before {  content: "";  position: absolute; left: 0px; top: 100%;  z-index: -1;  border-left: 3px solid #600c6e;  border-right: 3px solid transparent;  border-bottom: 3px solid transparent;  border-top: 3px solid #600c6e; } .ribbon span::after {  content: "";  position: absolute; right: 0px; top: 100%;  z-index: -1;  border-left: 3px solid transparent;  border-right: 3px solid #9825ac;  border-bottom: 3px solid transparent;  border-top: 3px solid #9825ac; }