@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans.zip');
	src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
		url('../fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-Regular.woff') format('woff'),
		url('../fonts/NunitoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-Light.eot');
	src: local('Nunito Sans Light'), local('NunitoSans-Light'),
		url('../fonts/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-Light.woff') format('woff'),
		url('../fonts/NunitoSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-LightItalic.eot');
	src: local('Nunito Sans Light Italic'), local('NunitoSans-LightItalic'),
		url('../fonts/NunitoSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-LightItalic.woff') format('woff'),
		url('../fonts/NunitoSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-BlackItalic.eot');
	src: local('Nunito Sans Black Italic'), local('NunitoSans-BlackItalic'),
		url('../fonts/unitoSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-BlackItalic.woff') format('woff'),
		url('../fonts/NunitoSans-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-SemiBold.eot');
	src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'),
		url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-SemiBold.woff') format('woff'),
		url('../fonts/NunitoSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-Bold.eot');
	src: local('Nunito Sans Bold'), local('NunitoSans-Bold'),
		url('../fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-Bold.woff') format('woff'),
		url('../fonts/NunitoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-ExtraBold.eot');
	src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'),
		url('../fonts/NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-ExtraBold.woff') format('woff'),
		url('../fonts/NunitoSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-SemiBoldItalic.eot');
	src: local('Nunito Sans SemiBold Italic'), local('NunitoSans-SemiBoldItalic'),
		url('../fonts/NunitoSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-SemiBoldItalic.woff') format('woff'),
		url('..fonts/NunitoSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-Black.eot');
	src: local('Nunito Sans Black'), local('NunitoSans-Black'),
		url('../fonts/NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-Black.woff') format('woff'),
		url('NunitoSans-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-ExtraLightItalic.eot');
	src: local('Nunito Sans ExtraLight Italic'), local('NunitoSans-ExtraLightItalic'),
		url('../fonts/NunitoSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-ExtraLightItalic.woff') format('woff'),
		url('../fonts/NunitoSans-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-ExtraLight.eot');
	src: local('Nunito Sans ExtraLight'), local('NunitoSans-ExtraLight'),
		url('../fonts/NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-ExtraLight.woff') format('woff'),
		url('../fonts/NunitoSans-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-BoldItalic.eot');
	src: local('Nunito Sans Bold Italic'), local('NunitoSans-BoldItalic'),
		url('../fonts/NunitoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-BoldItalic.woff') format('woff'),
		url('../fonts/NunitoSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-ExtraBoldItalic.eot');
	src: local('Nunito Sans ExtraBold Italic'), local('NunitoSans-ExtraBoldItalic'),
		url('../fonts/NunitoSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-ExtraBoldItalic.woff') format('woff'),
		url('../fonts/NunitoSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito';
	src: url('../fonts/NunitoSans-Italic.eot');
	src: local('Nunito Sans Italic'), local('NunitoSans-Italic'),
		url('../fonts/NunitoSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NunitoSans-Italic.woff') format('woff'),
		url('../fonts/NunitoSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}  
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:  'Nunito';
    font-style: normal;
}
.logo{
    padding-left: 15px;
}
header{
    background-image: url(../img/header-image.png);
    position: relative;
    width: 100%;
    background-size: cover;
    z-index: 99;
    padding-bottom: 50px;
} 
header::after{
    content: "";
    display: block;
    width: 100%;
    background-image: url(../img/background-sea-image.png);
    position: absolute;
    top: 100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 99;
    background-repeat: no-repeat;
    height: 100%;
    background-size: contain;
    margin-top: -1px;
}
.header-icons{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}
.number-and-gmail{
    display: flex;
}
.number{
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    margin-left: 12px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 480;
}
.gmail-icon{
    margin-left: 20px;
}
.gmail{
    display: inline-block;
    text-decoration: none;
    color:  #FFFFFF;
    margin-left: 12px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 480;
}
.number:hover{
    color: #FFFFFF;
}
.gmail:hover{
    color: #FFFFFF;
}
.app-icons{
    display: flex;
}
.instagram{
    padding-right: 16px;
}
.twitter{
    padding-right: 16px;
}
.facebook{
    padding-right: 16px;
}
.navigation-bar{
    background-color: white;
    border-radius: 10px;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navs-list{
    display: flex;
}
.dropdown-select{
    margin-left: 15px;
}
.nav-button{
    margin-left: 15px;
    margin-right: 15px;
    color: #232425;
    text-decoration: none;
    font-size: 16px;
    font-weight: 480;
}
.nav-button:hover{
    color: #232425;
}
.enquiry{
    margin-right: 15px;
}
.enquiry-button{
    text-decoration: none;
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 27px;
    padding-right: 26px;
    background:  #F4AB00;
    border-radius: 34px;
    transition: 0.3s ease;
}
.enquiry-button:hover{
    color: #232425;
    background-color: #6425CB;
}
.contents{
    margin-top: 100px;
    padding-bottom: 100px;
}
.content-theme{
    font-size: 68px;
    color: #FFFFFF;
    font-weight: 480;
    line-height: 78px;
    width: 488px;
}
.content-theme span{
    color: #F4AB00;
}
.contents{
    display: flex;
    justify-content: space-between;
}
.content-text{
    margin-top: 41px;
}
.text{
    font-size: 18px;
    color: white;
    font-weight: 480;
    line-height: 34px;
    width: 416px;
}
.explore-content{
    margin-top: 25px;
}
.explore-button{
    font-size: 16px;
    line-height: 22px;
    font-weight: 480px;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 46px;
    padding-left: 46px;
    border-radius: 32px;
    background-color: #F4AB00;
    text-decoration: none;
    transition: 0.3s ease;
}
.explore-button:hover{
    color: #232425;
    background-color: white;
}
.section1{
    background: white;
    margin-top: -100px;
}
.large-box{
    height: 518px;
    border-radius: 10px;
    box-shadow: 9px 9px 35px rgba(56, 11, 113, 0.1);
    background: white;
    position: relative;
    z-index: 209;
    display: flex;
    align-items: center;
}
.text-box{
    font-size: 19px;
    line-height: 38px;
    color: #F4AB00;
}
.box-theme{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #2C1258;
}
.box-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
    width: 470px;
    margin-top: 26px;
}
.box-inside{
    display: flex;
    margin-top: 35px;
}
.box{
    margin: auto;
}
.box2{
    margin: auto;
}
.box-image{
    margin-right: 24px;
}
.marketing span{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.marketing p{
    width: 272px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #604B83;
    padding-top: 9px;
}
.result-contents{
    display: flex;
    justify-content: space-between;
}
.result-box{
    font-size: 19px;
    line-height: 38px;
    color: #F4AB00;
}
.result-theme{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #2C1258;
}
.result-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
    width: 446px;
    margin-top: 26px;
}
.result-content{
    margin-left: 80px;
}
.checked-text{
    display: flex;
}
.checked-text p{
    margin-left: 19px;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
}
.true-text{
    display: block;
}
.results{
    display: flex;
}
.result-contents{
    margin-top: 100px;
}
.Seo-industry{
    margin-top: 100px;
    background-color: white;
}
.satsfication{
    display: flex;
    padding-left: 25px;
    padding-right: 58px;
    padding-top: 25px;
    padding-bottom: 25px;
    background:  #F6F1FF;
    border-radius: 10px;
    width: fit-content;
}
.conversion{
    display: flex;
    padding-left: 25px;
    padding-right: 58px;
    padding-top: 25px;
    padding-bottom: 25px;
    background:  #F6F1FF;
    border-radius: 10px;
    width: fit-content;
    margin-left: 25px;
}
.percants{
    margin-left: 20px;
}
.percants span{
    font-weight: 400;
    font-size: 28px;
    color: #2C1258;
}
.percants p{
    font-weight: 400;
    font-size: 15px;
    color: #2C1258;
}
.reasons-box{
    display: flex;
}
.reason-box{
    font-size: 19px;
    line-height: 38px;
    color: #F4AB00;
}
.reason-theme{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #2C1258;
}
.reason-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
    width: 446px;
    margin-top: 26px;
}
.Seo-industry{
    display: flex;
}
.section2{
    background: white;
    position: relative;
    width: 100%;
    background-size: cover;
    z-index: 0;
} 
.section2::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image2.png);
    position: absolute;
    top: 100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 0;
    background-repeat: no-repeat;
}
.section3{
    background: #6425CB;
}
 .section3{
    background: #6425CB;
    margin-top: 100px;
    width: 100%;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
    z-index: unset;
} 
.section3::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image3.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 1;
    background-repeat: no-repeat;
}
 .optamization-theme{
     font-size: 42px;
     color: #FFFFFF;
     font-weight: 480;
     line-height: 56px;
     width: 448px;
 }
 .content-text{
    margin-top: 41px;
 }
 .rate-text{
     font-size: 18px;
     color: white;
     font-weight: 480;
     line-height: 34px;
     width: 441px;
 }
 .section2{
     background: white;
     position: relative;
     width: 100%;
     background-size: cover;
     z-index: 1;
 } 
 .optamizations{
     display: flex;
     justify-content: space-between;
     margin-top: 100px;
 }
.get-quote{
    margin-top: 35px;
}
.get-quote-button{
    font-size: 16px;
    line-height: 22px;
    font-weight: 480px;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 46px;
    padding-left: 46px;
    border-radius: 32px;
    background-color: #F4AB00;
    text-decoration: none;
    transition: 0.3s ease;
}
.get-quote-button:hover{
    color: #232425;
    background-color: white;
}
.optamization-cards{
    margin-top: -50px;
}
.rate-content{
    margin-top: 50px;
}
.Cro-techniques{
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #FFFFFF;
    width: 318px;
    height: 286px;
    margin-top: -30px;
}
.User-recording{
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #FFFFFF;
    margin-left: 30px;
    width: 318px;
    height: 286px;
}
.Split-testing{
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #FFFFFF;
    width: 318px;
    height: 286px;
}
.Website-roi{
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #FFFFFF;
    margin-left: 30px;
    width: 318px;
    height: 286px;
    margin-top: 30px;
}
.Cro-text-box span{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
    padding-top: 24px;
}
.Cro-text-box p{
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #604B83;
    width: 244px;
    margin-top: 14px;
}
.Cro-text-box div{
    padding-bottom: 24px;
}
.Cro-text-box{
    padding-left: 35px;
    padding-right: 39px;
    padding-top: 34px;
    padding-bottom: 50px;
}
.boxes{
    display: flex;
}
.boxes2{
    display: flex;
    padding-bottom: 50px;
}
.section4{
    margin-top: 100px;
    position: relative;
    z-index: 0;
}
.services{
    display: flex;
    justify-content: center;
}
.services span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: #2C1258;
}
.Category-button{
    display: flex;
    justify-content: space-between;
}
.Categories{
    margin-top: 31px;
}
.list{
    width: 165px;
    height: 110px;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.05);
    text-align: center;
    cursor: pointer;
    color: #2C1258;
}
.list.active{
    background: #F4AB00;
    color: white;
}
.lists{
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    padding-top: 14px;
    padding-bottom: 30px;
    text-decoration: none;
}
.list div{
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 26px;
}
.cvadrat{
    width: 25px;
    height: 25px;
    margin: auto;
    background: #F4AB00;
}
.itemBox{
    margin-top: 100px;
}
.marketings span{
    font-weight: 400;
    font-size: 34px;
    line-height: 54px;
    color: #2C1258;
}
.marketings p{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    margin-top: 15px;
    width: 420px;
    color: #604B83;
}
.category-checked-text p{
    margin-left: 19px;
    font-weight: 400;
    font-size: 18px;
    line-height: 0px;
    color: #604B83;
}
.category-checked-text{
    display: flex;
    padding-top: 15px;
}
.category-true-text{
    display: block;
    margin-top: 5px;
}
.category-explore-button{
    font-size: 16px;
    line-height: 22px;
    font-weight: 480px;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 46px;
    padding-left: 46px;
    border-radius: 32px;
    background-color: #F4AB00;
    text-decoration: none;
    transition: 0.3s ease;
}
.category-explore-button:hover{
    color: white;
    background-color: #6425CB;
}
.itemBox{
   position: relative;
}
.inside-itembox{
    display: flex;
    justify-content: space-between;
}
.section4{
    margin-top: 100px;
    width: 100%;
    background-size: cover;
    z-index: 1;
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
} 
.section4::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image4.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 1;
    background-repeat: no-repeat;
}
.section5{
    background: #421B81;
    padding-top: 100px;
}
.seo-plans p{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: #FFFFFF;
    width: 425px;
    margin: auto;
}
.seo-plans span{
    color: #F4AB00;
}
.community p{
    font-size: 18px;
    line-height: 9px;
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 50px;
    margin: auto;
    padding-top: 44px;
}
.step-images{
    display: flex;
    justify-content: space-evenly;
}
.space-line{
    background: rgba(255, 255, 255, 0.3);
    height: 2px;
    width: 267px;
    margin: 30px auto ;
}
.step-images span{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
}
.step-images p{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    width: 245px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 13px;
}
.step-images img{
    margin: auto;
    justify-content: center;
    display: flex;
}
.line-box{
    display: flex;
    justify-content: center;
}
.step-box{
    display: flex;
}
.section5{
    width: 100%;
    background-size: cover;
    z-index: -1;
    position: relative;
    padding-top: 4%;
    padding-bottom: 50px;
} 
.section5::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image5.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 99;
    background-repeat: no-repeat;
}
.how-to-work{
    margin-top: 100px;
}
.section6{
    margin-top: 100px;
}
.marketing-team{
    text-align: center;
}
.marketing-team span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: #2C1258;
}
.marketing-team p{
    font-weight: 400;
    font-size: 18px;
    line-height: 24px; 
    color: #604B83; 
}
.identity{
    display: flex;
    align-items: center;
    width: 331px;
    height: 86px;
}
.informations{
    margin-left: 24px;
}
.informations span{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.informations p{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #604B83;
}
.teamates{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;

}
.section6{
    padding-top: 60px;
    width: 100%;
    background-size: cover;
    z-index: 1;
    position: relative;
} 
.section6::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image6.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 99;
    background-repeat: no-repeat;
    border-top: 1px solid white;
}
.section7{
    padding-top: 139px;
    width: 100%;
    background-size: cover;
    z-index: 0;
    position: relative;
    background: #6425CB;
    padding-bottom: 55px;
} 
.section7::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image7.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 99;
    background-repeat: no-repeat;
}
.banner{
    width: 360px;
    height: 710px;
    border-radius: 10px;
    background: white;
}
.marketing-price{
    text-align: center;
    padding-top: 50px;
}
.marketing-price span{
    font-weight: 400;
    font-size: 38px;
    line-height: 56px;
    color: #FFFFFF;
}
.marketing-price p{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
}
.banners{
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
    padding-top: 50px;
}
.banner-text{
    display: flex;
    justify-content: center;
}
.banner-text p{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #5B25B3;
    padding-top: 33px;
}
.banner-text span{
    font-weight: 400;
    font-size: 50px;
    line-height: 36px;
    color: #5B25B3;
}
.banner li{
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    color: #F4AB00;
}
.banner .li{
    margin-top: 56px;
}
.banner .popular{
    margin-top: 25px;
}
.effects{
    display: flex;
    margin-left: 30px;
    margin-top: 10px;
}
.effects p{
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    margin-left: 19px;
    color: #604B83;
}
.get{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 40px;
    padding-left: 41px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    border: 2px solid #2C1258;
    border-radius: 32px;
    text-align: center;
    color: #2C1258;
}
.get:hover{
    color: #FFFFFF;
    background-color: #F4AB00;
    border: none;
}
.get-button .active{
    color: #FFFFFF;
    background-color: #F4AB00;
    border: none;
}
.get-button{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.section8{
    padding-top: 100px;
    position: relative;
    z-index: 9999;
}
.slider-text{
    text-align: center;
}
.slider-text span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    letter-spacing: 1px;
    color: #2C1258;
}
.slider-text p{
    font-weight: 400;
    font-size: 24px;
    line-height: 43px;
    margin: auto;
    width: 703px;
    color: #604B83;
}
.slider-text .slider-span{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #604B83;
    list-style: none;
}
.slider-text .slider-p{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    list-style: none;
    color: #604B83;
}
.slider-text img{
    margin: auto;
}
.slider-logos{
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}
.border{
    margin-top: 100px;
}
.news-box{
    width: 357px;
    height: 480px;
    background: white;
}
.section8{
    padding-top: 100px;
    width: 100%;
    background-size: cover;
    z-index: 1;
    position: relative;

    padding-bottom: 55px;
} 
.section8::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/background-sea-image8.png);
    position: absolute;
    top:  100%;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
}
.section9{
    background: #E5D8FA;
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
}
.news-boxes{
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}
.news-box img{
    width: 357px;
}
.news-box p{
    margin-top: 22px;
    font-weight: 480;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    color: #2C1258;
    display: flex;
    justify-content: center;
}
.card-nav{
    display: flex;
    justify-content: center;
}
.card-nav a{
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 27px;
    color: #604B83;
    position: relative;
    z-index: 999;
}
.button-cards{
    display: flex;
    justify-content: center;
    margin-top: 35px;
    position: relative;
    z-index: 999;
}
.cards-get-button{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 40px;
    padding-left: 41px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    border: 2px solid #2C1258;
    border-radius: 32px;
    text-align: center;
    color: #2C1258;
}
.Get-in-touch{
    text-align: center;
}
.cards-get-button:hover{
    color: #FFFFFF;
    background-color: #F4AB00;
}
.Get-in-touch span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #FFFFFF;
}
.Get-in-touch p{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
}
.section10{
    background: #2C1258;
}
.section10{
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;   
    z-index: 1;
    position: relative;
} 
.section10::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(../img/background-sea-image10.png);
    position: absolute;
    top:  100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 99;
    background-repeat: no-repeat;
}
.personal-content{
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    width: 355px; 
    height: 283px;
    justify-content: center;
    align-items: center;
    display: flex;

}
.personal-content img{
    display: block;
    margin: auto;
    padding-bottom: 20px;
}
.personal-content span{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #2C1258;
}
.personal-content p{
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    margin-top: 18px;
    color: #604B83;
    width: 199px;
}
.personal-informations{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 999;
    margin-top: -50px;
}
.news-and-studies{
    text-align: center;
    padding-bottom: 50px;
    margin-top: 89px;
}
.news-and-studies span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #2C1258;
}
.news-and-studies p{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
}
.section12{
    margin-top: 100px;
}
.forms-and-texts{
    display: flex;
    justify-content: space-between;
}
.input-text span{
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    color: #2C1258;
}
.input-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    width: 552px;
    margin-top: 16px;
    color: #604B83;
}
.inputs{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
label{
    display: contents;
}
.inputs input{
    width: 255px;
    height: 57px;
    border-radius: 5px;
    border: 1px solid rgba(44, 18, 88, 0.1);
    margin-top: 25px;
}

::placeholder{
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #604B83;
    width: 299px;
}
input[type=text] {
    padding-left: 19px;
    margin:  0;
  }
  input[type=number] {
    padding-left: 19px;
    margin:  0;
  }
  textarea{
    height: 133px !important;
    width: 100% !important;
    margin-top: 25px;
    padding-left: 19px;
    padding-top: 14px;
    border: 1px solid rgba(44, 18, 88, 0.1);
    border-radius: 5px;
  }
.submit{
    padding: 12px 51px 11px 48px;
    border-radius: 38px;
    border: none;
    background-color: #F4AB00;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 25px;
}
.submit:hover{
    background: white;
    color: black;
    border: 1px solid black;
}
.submit-content{
    margin-top: 25px;
}
.input-mail{
    color: #F4AB00;
    text-decoration: none;
}
.input-mail:hover{
    color: #F4AB00;
}
.footer-text p{
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    width: 205px;
    margin-top: 24px;
    color: #604B83; 
}
.quick-links p{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.footer-services p{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.footer-get-in p{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.follow-us span{
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #2C1258;
}
.footer{
    display: flex;
    justify-content: space-between;
    margin-top: 71px;
}
.quick-links a{
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #2C1258;
}
.footer-services a{
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #2C1258;
}
.footer-get-in .footer-a{
    display: flex;
}
.footer-get-in a{
    margin-left: 17px;
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #604B83;
    width: 169px;
}
.follow-us .footer-icon{
    display: flex;
    padding-left: 2px;
    padding-top: 15.03px;
}
.footer-instagram{
    padding-left: 35px;
    padding-right: 31px;
}
.last-footer p{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #604B83;
}
.last-footer-contents{
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
}
.last-footer span{
    margin-left: 10px;
    padding-right: 10px;
}
.last-footer2 p{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #604B83;
    letter-spacing: 0.4px;
}
.last-footer2 span{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #F4AB00;
}
.dot-card{
    width: 7px;
    height: 7px;
    background: rgba(36, 108, 255, 0.4);
    margin-top: 30px;
}
.one-time  li.slick-active {
    background: rgba(34, 34, 34, 0.4);
}
.one-time button{
    display: none;
}
.one-time ul{
    list-style: none;
    font-size: 0px;
    display: flex;
    justify-content: center;
    margin-right: 3%;
    margin-top: 30px;
}
.one-time ul li{
    width: 7px;
    height: 7px;
    background: #222222;
    font-size: 0px;
    margin-left: 10px;
    margin-right: 10px;
}
.slider-text div{
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
}
.slider-text p{
    margin-top: 30px;
} 
.Email{
    display: none;
}
.Mobile{
    display: none;
}
.Google{
    display: none;
}
.Social{
    display: none;
}
.Digital{
    display: none;
}
.slider-text img{
    margin-top: 24px;
}

.fixed-button-content{
    position: relative;
    z-index: 999999;
}
.fixed-button{
    position: fixed;
    right: 15px;
    bottom: 40px;
}
.slider-nav{
    top: -50px;
}
.container{
    max-width: 1145px;
}
.borders{
    border: 1px solid rgba(44, 18, 88, 0.1);
    border-radius: 0px;
    margin-top: 100px;
}
.slider-nav{
    max-width: 80px;
}
.slider-nav div{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
}
.one-time{
    margin-top: 100px;
}
@media (max-width: 767px){

}
@media  (min-width: 768px) and (max-width: 1023px){

}
@media (min-width: 1024px) and (max-width: 1300px){

}