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

body,
html {

    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #22419B;
    font-weight: 600;

}





a:hover {
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

strong {
  font-family: 'DM Sans', sans-serif;
}


::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
    font-family: 'DM Sans', sans-serif;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: 'DM Sans', sans-serif;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
    font-family: 'DM Sans', sans-serif;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
   font-family: 'Roboto', sans-serif;
}


input,
select {
    vertical-align: middle;
}








.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mr-40 {
    margin-right: 40px;
}

.ml-2 {
    margin-left: 20px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

label {
    font-size: 14px;
    color: #000;
    margin: 0 0 10px;
}

img {
    max-width: 100%;
}

body {
    background: #fff;
    font-family: 'DM Sans', sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    background: url("../images/main-bg.jpg") no-repeat left top; background-size:cover;
    overflow-x: hidden;
}

p {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color:#000;
}


h1{font-size:96px; line-height: 96px; color:#000; font-weight: 400; margin-bottom: 75px; }


h2 {
    color: #000; font-size:62px; line-height: 66px; font-weight: 400; margin-bottom: 75px; 
}
h3{font-size:20px; line-height: 28px; font-weight:500; font-family: 'DM Sans', sans-serif; color:#000; }


.btn {
    background: #fff;
    color: #000;
    padding: 14px 28px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    font-weight: 500;
    line-height: 16px;
    display:inline-flex;
    justify-content: space-between;
    transition: all .3s ease;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    border:2px solid #9ECAFD;
    transition: all .5s ease;
    text-transform:uppercase;
    
}


.btn:hover {
    background: #9ECAFD; color:#fff; border-color:#9ECAFD;
}
.btn:hover i{color:#21409A; transform:translateX(5px) }



.container{
    max-width: 1540px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    
}

.header .flex-col{
    display: flex; justify-content: space-between; align-items: center; padding-left: 90px;
}

.header .text-content, .header h1{position: relative; z-index: 2;}
.header .left-col .logo{z-index: 2;}
.header .logo{position: absolute; top:90px;}

.header h1{margin-top: 100px; display: inline-block;}
.header .text-content{display: flex; justify-content: flex-end;}

.header .text-content .flex-end{ max-width: 310px;}

.header .btn{margin: 60px 0 0;}

.header .banner-image{ margin: 0 -180px 0 0;}

.inline-text-section{ display: inline-block;}


.content-section .flex-col{
    display: flex; align-items: center;
}

.first-section{padding:185px 0 240px; }

.first-section .left-col{
    width:50%;
}

.first-section .left-col img{
    border-radius: 250px;
}

.first-section .right-col{
    width:50%;
}

.first-section .right-col .text-section{padding-left: 200px; position: relative; z-index: 2;}

.second-section{max-width: 850px; padding-bottom: 240px;}

.second-section .text-section{padding-left: 90px;}

.second-section .text-section h2{margin-bottom: 53px;}

.start-your-success-section .flex-col{display:flex; justify-content: space-between; grid-gap:15px; align-items: flex-start;}
.service-list{border-radius: 5px; border: 1px solid #9ECAFD; background: rgba(255, 251, 242, 0.60); width:20%; box-sizing: border-box; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.service-content{
 padding: 24px;    
}

.service-list .text-panel{padding: 22px 0 70px 23px;}
.service-list .image-panel img{border-radius: 10px;}
.service-list.reverse .service-content{display: flex; flex-wrap: wrap;}
.service-list.reverse .text-panel{order:2; padding: 46px 0 22px 23px;}
.service-list.reverse .image-panel{order:1; padding-top: 10px;}

.service-list:nth-child(odd){
    margin-top:120px;
}


.service-list:nth-child(3) .service-content{padding-left: 21px;}
.service-list:nth-child(4) .service-content{padding-left: 17px;}
.service-list:nth-child(5) .service-content{padding-left: 13px;}

.service-list:nth-child(5) .text-panel{padding-left: 15px;}

.start-your-success-section .button-section{padding: 128px 0; display: flex; justify-content: center;}

.footer{padding-bottom: 62px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}



.footer .container{background:#08142A; border-radius: 20px; padding: 136px 0; position: relative; z-index: 2;}
.footer  .footer-content{padding-left: 150px; position: relative; z-index: 3;}

.relative-pos{position: relative;  max-width: 1540px; margin: 0 auto;}

.relative-pos .circleRounded{
    position: absolute; left:380px;top:-29px; z-index: 1; width:76px; height: 76px; border-radius: 100%; background: #9ECAFD;
    
}


.footer .logo{margin-bottom: 146px;}
.footer .logo img{height: 70px;}

.footer ul{margin: 0; padding: 0; list-style: none; display: flex;}
.footer ul li{font-size:16px; color:#B2B5CC; font-weight: 400; display: flex;}
.footer ul li{padding-right: 110px;}
.footer ul li:last-child{padding: 0;}
.footer ul li a{color:#B2B5CC; text-decoration: none; font-weight: 400;}
.footer ul li a:hover{color:#fff;}
.footer ul li span{margin: 0 5px 0 0; display:inline-block}
.first-circle{position: absolute; left:0; max-width: 1200px;}
.second-circle{position: absolute; right:0; top:450px; max-width: 1169px;}

.third-circle{position: absolute; right:119px; bottom:-119px; max-width: 832px; z-index: 2;}

.content-section{position: relative;}

.fade-in-image { animation: fadeIn 3s;  animation-delay: -.5s;}
@keyframes fadeIn {
  0% { opacity: 0; left:-1%;}
  100% { opacity: 1; left:0;}
}