﻿@import url('https://use.fontawesome.com/releases/v6.2.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Poppins' ,sans-serif;font-size: 18px;font-weight: 400;line-height: 2.4;position:relative;margin:0;padding:0;color: #272524;overflow-x: hidden;background: #fff;}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; position:relative}
.auto-container{position:static;max-width: 1300px;padding:0 15px;margin:0 auto}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;line-height: 1.3;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: #00a1e4;}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: #00a1e4;color:#fff }
::-moz-selection {background: #00a1e4;color:#fff}

.main-section {background: #000 url(../image/banner.jpg) no-repeat fixed;background-size: cover;height:100vh;position: relative;}
.main-section:before{position:absolute;top:0;left:0;height:100%;width:100%;content:"";background: #ffffff8a;}
.main-section .logo-area {padding-top: 24rem;position: relative;animation-duration: 2s;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.main-section .logo-area img{width: 35%;margin: 10px;}
@media (max-width: 768px) 
{
    .main-section .logo-area img{width: 50%;}
}
@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150%, 0);
        -ms-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.popup_close_button {background-color: transparent;color: #000;font-size: 37px;padding: 0;margin-bottom: 0;display: block;margin-left: auto;border: none;position: relative;line-height: 1;/* top: -10px; */}

/*---------------*/
.footer {padding: 9rem 0 6rem;text-align: left;color: #ffffff9e;background: #2951a5;}
.footer h4{font-size: 27px;color: #fff;margin-bottom: 20px;}

.copyrights{padding: 21px 0 0 0;overflow: hidden;text-align:center}





