@font-face {
    font-family: 'Acumin Pro Wide';
    src: url('../fonts/AcuminProWide-Regular.eot');
    src: url('../fonts/AcuminProWide-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AcuminProWide-Regular.woff2') format('woff2'),
        url('../fonts/AcuminProWide-Regular.woff') format('woff'),
        url('../fonts/AcuminProWide-Regular.ttf') format('truetype'),
        url('../fonts/AcuminProWide-Regular.svg#AcuminProWide-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro Wide';
    src: url('../fonts/AcuminProWide-Semibold.eot');
    src: url('../fonts/AcuminProWide-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AcuminProWide-Semibold.woff2') format('woff2'),
        url('../fonts/AcuminProWide-Semibold.woff') format('woff'),
        url('../fonts/AcuminProWide-Semibold.ttf') format('truetype'),
        url('../fonts/AcuminProWide-Semibold.svg#AcuminProWide-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* { margin:0; padding:0; outline:none;}
body, html { padding: 0; margin: 0; height:100%;}
body { background:#f4f7ff;height:100%;width:100%;min-height: 750px;}
img { border:none; }
ul, li{margin:0;padding:0;}
.text-uppercase{text-transform:uppercase;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.pull-left{float:left;}

.container{display:flex;flex-direction: column;width:100%;height:100%;text-align:center;position: relative;z-index:2;}

.content{position:relative;z-index: 3;margin:0 auto;width:100%;height: 100%;display:flex;flex-direction: column;}

h1{font-family: 'Acumin Pro Wide';font-weight: 600;font-size:72px;line-height:1;color:#201b51;}
h1 span{color:#00bbd3;}
.text{font-family: 'Acumin Pro Wide';font-weight: normal;font-size:18px;line-height:1.3;color:#242155;}
.text a{color:#242155;text-decoration:none;}

.header-logo{position:relative;display: flex;width: calc(100% - 220px);margin-top: 40px;margin-left: 110px;margin-right: 110px;}
.itqan-content{display: flex;justify-content: space-between;margin-left: 0;width: 100%;margin-top: 40px;height: 100%;}
.left-section{display: flex;justify-content: center;width: 315px;align-items: baseline;}
.middle-section{align-items: center;display: flex;flex-direction: column;padding-top:60px;text-align: center;width: calc(100% - 670px);max-width:520px;}
.right-section{width: 315px;align-items: center;display: flex;justify-content: center;}
.right-section img {position: absolute; top: 5px;right: 0;}

.info .text{margin-top:20px;}
.image-1{position: relative;}

footer{position:absolute;bottom:50px;width: calc(100% - 220px);display:flex;margin-left: 110px;margin-right:110px;justify-content: space-between;}
.footer-info{display:flex;flex-direction:row;gap:80px;text-align: left;}

.social-links{list-style: none;display: flex;flex-direction: row;gap:10px;}
.social-links svg {width: 44px;height: 43px;}

.facebook-icon .cls-1 {fill: #fff;}
.facebook-icon .cls-2 {fill: #0b76b5;}
.linkedin .cls-1 {fill: #fff;}
.linkedin .cls-2 {fill: #00bbd3;}
.instagram .cls-1 {fill: #fff;}
.instagram .cls-2 {fill: #a3d9e7;}

.dots{display: none;}
.dots .cls-1 {clip-path: url(#clippath);}
.dots .cls-2 {fill: #00bbd3;}
.dots .cls-3 {fill: none;}
.dots .cls-4 {fill: #a3d9e7;}

@media (max-width: 1499px) {
	h1{font-size: 60px;}
}

@media (max-width: 1299px) {
	h1{font-size: 50px;}
}
@media (max-width: 1200px) {
	.left-section{width: 270px;}
	.image-1{width:270px;}
	.middle-section{width: calc(100% - 560px);}
	.right-section{width: 270px;}
	.image-2{width:270px;}
	.header-logo, footer{margin-left: 80px;margin-right: 80px;width:calc(100% - 160px);}
}

@media (max-width: 921px) {
	h1{font-size: 40px;}
	.header-logo{margin:0 auto;width:auto;padding-left:20px;padding-right:20px;justify-content: center;margin-top: 60px;}
	.right-section{display: none;}
	.itqan-content{flex-direction: column-reverse;margin-bottom: 40px;}
	.left-section{width: 315px;position: relative;margin: 0 auto;}
	.middle-section{width:100%;margin: 0 auto;padding-bottom: 40px;}
	.image-1{width:auto;}
	.info {padding-left: 20px;padding-right: 20px;}
	footer{position:relative;margin-left: 20px;margin-right: 20px;width: calc(100% - 40px);margin-top: 90px;}
	.dots{display:flex;position: absolute;right:-22px;top:0;}
}
@media (max-width: 768px) {
	footer{flex-direction: column;gap:40px;}
	.footer-info{flex-direction: column;gap:20px;text-align: center;}
	.social-links{justify-content: center;margin-bottom: 40px;}
}
@media (max-width: 640px) {
	h1{font-size: 30px;}
}