/* 
	RESET
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
}

a:link {
  text-decoration: none;
  color: inherit;
}

a:visited {
  text-decoration: none;
  color: inherit;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
}

/* FIM RESET */

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

strong {
  font-family: "Montserrat-Bold";
}

p {
  line-height: 1.5;
}

body {
  background-color: #f7f7f7;
  font-family: "Montserrat-Regular";
  font-size: 14px;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.container {
  max-width: 1400px;
  margin: 0 auto;
}

.slider {
  background: linear-gradient(94deg, #304d95 0%, #c02d5e 115.32%);
}
.carousel {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
  transition: all ease 0.5s;
}

.carousel-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-item {
  min-width: 100%;
  box-sizing: border-box;
  max-height: 550px;
  height: auto;
}

.carousel-item .div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-item .div img {
  align-self: center;
}

.carousel-item .container {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.carousel-item .content h2 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.3;
}

.carousel-item .content p {
  color: #fff;
  margin-bottom: 20px;
}

.carousel-item .content a {
  display: table;
  background-color: #375ab1;
  color: #fff;
  border-radius: 5px;
  background: #375ab1;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  padding: 15px 50px;
  transition: background-color ease 0.3s;
}

.carousel-item .content a:hover {
  background-color: #c33a68;
}

.carousel-item .content {
  max-width: 44.64285714285714%; /*625px;*/
  padding-left: 20px;
  padding-right: 20px;
}

.carousel-item .images {
  width: 55.35714285714286%; /*775px;*/
  min-height: 550px;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}

.carousel-item .images .absolute-left {
  position: absolute;
  top: 0px;
  left: 80px;
  z-index: 9;
}
.carousel-item .images .absolute-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
}

.carousel-item img {
  max-width: 100%;
}

.carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 8px 10px 5px 10px;
  color: #fff;
  border-radius: 3px;
}

.carousel-button-prev {
  left: 10px;
}

.carousel-button-next {
  right: 10px;
}

header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  padding: 15px 0px;
}
header .container .circle {
  width: 1102px;
  height: 1102px;
  border-radius: 1102px;
  background: linear-gradient(199deg, #304d99 13.02%, #c33a68 117.65%);
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
  position: absolute;
  top: -420px;
  right: -300px;
}

header nav {
  position: relative;
  z-index: 10;
}

header nav .nav-mobile {
  display: none;
}

header nav ul {
  display: flex;
  color: #fff;
}

header nav ul li {
  display: inline-block;
  padding: 15px 40px;
  transition: all ease 0s;
}
header nav ul li.contact {
  border: thin solid #fff;
  border-radius: 5px;
}
header nav ul li.contact:hover {
  border: thin solid #fff;
  background-color: #c33a68;
  border: thin solid transparent;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

header nav ul li:hover {
  font-weight: bold;
}

section.services {
  width: 100%;
  position: relative;
  z-index: 10;
  margin-top: 150px;
}

section.services .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

section.services .container .content {
  width: 83.57142857142857%; /*1170px;*/
  display: flex;
  justify-content: space-between;
  background-color: #faf9fe;
  border-radius: 85px;
  padding: 20px 20px;
  max-height: 450px;
  overflow-y: visible;
  box-shadow: 0px 5.653px 4.788px 0px rgba(0, 0, 0, 0.01),
    0px 18.986px 16.082px 0px rgba(0, 0, 0, 0.01),
    0px 85px 72px 0px rgba(0, 0, 0, 0.02);
  position: relative;
  z-index: 10;
}
section.services .container .content a {
  flex: 1;
}
section.services .container .circle {
  content: "";
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  background: linear-gradient(199deg, #304d99 13.02%, #c33a68 117.65%);
  z-index: 9;
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
}

section.services .container .absolute-right {
  position: absolute;
  bottom: -50px;
  right: 10px;
}

section.services .container .absolute-left {
  position: absolute;
  top: -30px;
  left: 250px;
}

section.services .container .content .section {
  width: 100%; /*350px;*/
  min-height: 450px;
  display: flex;
  flex-direction: column;
  padding: 50px 25px;
  border-radius: 75px;
  position: relative;
  transition: all ease 0.5s;
}

section.services .container .content .section:hover {
  background-color: #fff;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02),
    0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

section.services .container .content .section img {
  max-width: 100%;
  height: 100%;
  border-radius: 15px;
  margin-bottom: 15px;
}

section.services .container .content .section h3 {
  font-size: 22px;
  color: #4962a4;
  font-family: "Montserrat-Bold";
  line-height: 1.2;
  margin-bottom: 10px;
}

section.services .container .content .section h3 span {
  display: block;
}

section.services .container .content .section i {
  color: #fff;
  background-color: #304d95;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  align-self: flex-end;
  border-radius: 100%;
  font-size: 22px;
  margin-top: 20px;
  position: relative;
  flex-shrink: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}

section.services .container .content .section:hover > i {
  opacity: 1;
  visibility: visible;
}

section.services h1 {
  color: #c33c69;
  font-family: "Montserrat-Bold";
  font-size: 14px;
  font-style: normal;
  margin-bottom: 5px;
}

section.services h2 {
  color: #304d98;
  font-family: "Montserrat-bold";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

section.solutions {
  width: 100%;
  height: auto;
  background: #faf9fe;
  margin-top: 150px;
  position: relative;
  padding: 30px 0px 10px 0px;
}
.circle-one {
  width: 500px;
  height: 500px;
  flex-shrink: 0;
  border-radius: 500px;
  background: linear-gradient(199deg, #304d99 13.02%, #c33a68 117.65%);
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
  position: absolute;
  top: -100px;
  left: -350px;
  opacity: 1;
  z-index: 4;
}

.circle-two {
  width: 215px;
  height: 215px;
  flex-shrink: 0;
  border-radius: 215px;
  background: linear-gradient(199deg, #304d99 13.02%, #c33a68 117.65%);
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
  position: absolute;
  bottom: 50px;
  left: -80px;
  opacity: 0.9;
  z-index: 5;
}

section.solutions h1 {
  color: #304d95;
  font-family: "Montserrat-Bold";
  font-size: 25px;
  margin-bottom: 30px;
}

section.solutions h1 span {
  display: block;
  color: #c02d5e;
  font-size: 35px;
}

section.solutions .container {
  position: relative;
  z-index: 10;
  width: 100%;
}

section.solutions .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

section.solutions .content a {
  width: 31.9047619047619%;
}

section.solutions .content .solution {
  width: 100%; /*445px;*/
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease 0.5s;
}
section.solutions .content .solution .image {
  max-width: 120px;
}
section.solutions .content .solution .image img {
  width: 100%;
  border-radius: 19px;
}
section.solutions .content .solution .description {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

section.solutions .content .solution .description span.title {
  font-size: 22px;
  color: #304d95;
  font-family: "Montserrat-Bold";
  margin-bottom: 5px;
}
section.solutions .content .solution i {
  color: #fff;
  background-color: #304d95;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 10px;
  border-radius: 100%;
  visibility: hidden;
  opacity: 0;
}

section.solutions .content .solution:hover {
  background: linear-gradient(94deg, #304d98 2.26%, #c02d5e 137.49%);
  color: #fff !important;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02),
    0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

section.solutions .content .solution:hover > i {
  opacity: 1;
  visibility: visible;
}

section.solutions .content .solution:hover > .description span.title {
  color: #fff !important;
}

section.contact {
  width: 100%;
  min-height: 730px;
  background: url(../img/bg-footer.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

section.contact .container {
  display: flex;
  align-items: center;
}

section.contact .form-container {
  width: 418px;
  position: relative;
}

section.contact .form-container .circle-one-contact {
  width: 285px;
  height: 285px;
  border-radius: 283px;
  background: linear-gradient(
    227deg,
    rgba(48, 77, 153, 0.6) 25.67%,
    rgba(195, 58, 104, 0.6) 93.71%
  );
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
  position: absolute;
  top: -30px;
  left: -50px;
  z-index: 9;
}
section.contact .form-container .circle-two-contact {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background: linear-gradient(227deg, #304d99 25.67%, #c33a68 93.71%);
  box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 85px 80px 0px rgba(0, 0, 0, 0.07);
  position: absolute;
  bottom: 0px;
  right: -50px !important;
  z-index: 9;
}

section.contact form {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 75px;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02),
    0px 100px 80px 0px rgba(0, 0, 0, 0.03);
  padding: 45px 20px;
  position: relative;
  z-index: 10;
}

section.contact input {
  background-color: #faf9fe;
  font-family: "Montserrat-Regular";
  border: none;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 20px;
}

section.contact textarea {
  width: 100%;
  height: 160px;
  background: #faf9fe;
  font-family: "Montserrat-Regular";
  border: none;
  resize: none;
  padding: 15px;
  border-radius: 20px;
}

section.contact input[type="submit"] {
  width: 100%;
  display: block;
  border: 2px solid #304d98;
  border-radius: 25px;
  padding: 15px;
  margin-top: 20px;
  cursor: pointer;
  color: #c02d5e;
  font-size: 16px;
  font-family: "Montserrat-Bold";
  transition: all ease 0.5s;
}

section.contact .bt-send {
  position: relative;
}

section.contact .bt-send i {
  position: absolute;
  top: 40px;
  right: 15px;
}

section.contact input[type="submit"]:hover {
  background-color: #c02d5e;
  color: #fff;
  border-color: #fff;
}

section.contact .content {
  margin-left: 80px;
}

section.contact .content h1 {
  font-size: 25px;
  font-family: "Montserrat-Bold";
  color: #304d95;
}

section.contact .content h1 span {
  display: block;
  font-size: 25px;
  color: #c02d5e;
  font-size: 35px;
  margin-bottom: 20px;
}

section.contact .content p {
  margin-bottom: 20px;
}

section.contact .content p span {
  display: block;
}

section.contact .content .location span.address {
  color: #6a6a6a;
  line-height: 1.4;
  margin-top: 30px;
  display: block;
}

section.contact .content .location span.mail {
  display: block;
  margin: 10px 0px 10px 0px;
  color: #304d98;
}

section.contact .content .location span.phone {
  color: #c02d5e;
}

footer {
  width: 100%;
  background: linear-gradient(94deg, #304d98 2.26%, #c02d5e 137.49%);
  text-align: center;
  color: #fff;
  padding: 25px 0px;
}

section.content-details {
  margin-top: 100px;
}

section.content-details h1 {
  font-size: 35px;
  font-family: "Montserrat-Bold";
  color: #304d95;
  margin-bottom: 15px;
}

section.content-details p {
  width: 50%;
}

section.content-details a.btn {
  display: table;
  background-color: #375ab1;
  color: #fff;
  border-radius: 5px;
  background: #375ab1;
  box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  padding: 15px 50px;
  transition: background-color ease 0.3s;
  margin-top: 15px;
}

section.content-details a.btn:hover {
  background-color: #c33a68;
}

section.content-details .tabs {
  margin-top: 80px;
  position: relative;
  width: 100%;
}

section.content-details .tabs ul {
  display: flex;
  justify-content: space-between;
}

section.content-details .tabs ul .title {
  font-size: 25px;
  font-family: "Montserrat-Bold";
  color: #a1a1a1;
  padding: 15px 15px;
  border-bottom: 10px solid transparent;
  transition: all ease 0.3s;
}

section.content-details .tabs ul li {
  border-bottom: 1px solid #c02d5e;
  width: 33.3333333333333%;
  cursor: pointer;
  transition: all ease 0.3s;
}

section.content-details .tabs ul li > .active {
  border-bottom: 10px solid #c02d5e;
  color: #c02d5e;
  transition: all ease 0.3s;
}

section.content-details .tabs .tab {
  width: 100%;
  height: auto;
  margin-top: 20px;
  position: absolute;
  padding-top: 0px;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.3s;
}

section.content-details .tabs .tab:first-of-type {
  visibility: visible;
  opacity: 1;
}

section.content-details .tabs .tab p {
  width: 80%;
}

section.content-details .tabs .tab .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

section.content-details .tabs .tab .items .item {
  width: 23.39285714285714%;
  margin-bottom: 40px;
}

section.content-details .tabs .tab .items .item img {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom: 15px;
}

section.content-details .tabs .tab .items .item a {
  border: thin solid #000;
  padding: 10px 30px;
  display: table;
  align-self: flex-end;
  margin-top: 20px;
  border-radius: 5px;
  border-color: #304d95;
  color: #304d95;
  transition: all ease 0.3s;
  text-transform: uppercase;
}
section.content-details .tabs .tab .items .item a:hover {
  background-color: #304d95;
  color: #fff;
}

section.content-details .tabs .tab .items .item h3 {
  font-size: 22px;
  color: #4962a4;
  font-family: "Montserrat-Bold";
  line-height: 1.2;
  margin-bottom: 10px;
}

section.content-details .tabs .tab .items .item p {
  margin-bottom: 0px !important;
  padding: 0px;
}

section.content-details span.category {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
  display: block;
}
section.content-details h2 {
  font-size: 18px;
  font-family: "Montserrat-Bold";
  color: #c02d5e;
  margin-bottom: 20px;
  margin-top: -5px;
}



section.content-details .content {
  margin-top: 60px;
}

.tab .content{
  margin-top: 40px !important;
}

section.content-details .content p {
  width: inherit;
  margin-bottom: 10px;
  text-align: justify;
}

section.content-details .content .iframe {
  width: 40%;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

section.content-details .content .iframe img {
  max-width: 100%;
}

section.content-details .content .img {
  float: right;
  width: 40%;
  margin: 0px 0px 20px 20px;
}
section.content-details .content .img img {
  max-width: 100%;
}