@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600&display=swap);
body {font-family: "Cairo";color: #7b7b8c;font-size: 18px;font-weight: 500;background-color: #12161F;}
a:active,a:hover,a:focus,a:visited {text-decoration: none;}
.banner-one {background-image: url(../images/banner-bg-1-1.png);background-repeat: no-repeat;background-position: bottom center;background-size: cover;padding-top: 120px;padding-bottom: 200px;}
.banner-one .container {position: relative;}
.banner-one__moc {position: relative;display: inline-block;}
.banner-one__moc img.moc-image {position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -70px;z-index: 10;-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounce;animation-name: bounce;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.banner-one__content {position: relative;text-align: center;}
.banner-one__line {-webkit-animation-name: banner3Shake;animation-name: banner3Shake;-webkit-animation-duration: 10s;animation-duration: 10s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;width: 200px;}
.banner-one__title {font-size: 54px;margin: 0;color: #1E2634;text-shadow: 0px 1px rgb(255 255 255 / 54%);font-weight: 800;position: relative;}
.banner-one__text {font-family: Cairo;font-size: 24px;color: #ffffff;line-height: 34px;margin: 0;margin-top: 30px;margin-bottom: 50px !important;}
.banner-one__btn {font-size: 18px;padding: 18px 58px;border-radius: 35px;background-color: #ffc516;color: #262626;}
.banner-one__btn:hover {background-color: #1c1d3f;color: #fff;}
.service-one__content-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;margin-top: 10px;}
.service-one__single {width: 33%;padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}
.service-one__inner {background: #ffc516;border-radius: 3px;text-align: center;position: relative;padding-top: 25px;padding-bottom: 15px;-webkit-transition: all .4s ease;transition: all .4s ease;}
a:hover .service-one__inner {background: #12161F;color: #ffc516;-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.08);}
a:hover i , a:hover .service-one__title{color: #ffc516;}
.service-one__inner  i {color: #ffffff;font-size: 34px;}
.service-one__title {margin: 0;font-size: 16px;font-weight: 600;color: #252525;margin-top: 20px;}
.service-one__title a {color: inherit;-webkit-transition: all .4s ease;transition: all .4s ease;color: #262626;}
.inner-footer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-ms-flex-align: center;align-items: flex-start;margin-top: 95px;padding-top: 20px;padding-bottom: 30px;direction: ltr;flex-direction: column;}
.copyright {font-size: 14px;font-weight: 400;color: #fff;margin: 0;}
.social {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 10px;justify-content: center;width: 235px;}
.social a {width: 44px;height: 44px;border-radius: 50%;background-color: #ffffff;text-align: center;line-height: 44px;color: #fff;font-size: 21px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.social a + a {margin-left: 10px;}
.social a.fa-facebook-square {color: #3472c7;}
.social a.fa-twitter {color: #1bc9f4;}
.social a.fa-instagram {color: #901bf4;}
.social a:hover{color: #fff;background: #262626;}


@media (max-width: 991px) {
    img {max-width: 100%;}
    .text-left {text-align: center !important;margin-top: 24px;/* display: none; */}
    .inner-footer{align-items: center;margin-top: 20px;}
}

@media (max-width: 767px) {
    .service-one__single{width: 50%;}
}

@media (max-width: 580px) {
    .banner-one__title {font-size: 42px;}
    .banner-one{padding-top: 30px;padding-bottom: 30px;}
    .banner-one__text{font-size: 21px;}
}


@-webkit-keyframes banner3Shake {
    0% {-webkit-transform: rotate3d(0, 1, 0, 0deg);transform: rotate3d(0, 1, 0, 0deg);}
    30% {-webkit-transform: rotate3d(0, 0, 1, 75deg);transform: rotate3d(0, 0, 1, 75deg);}
    60% {-webkit-transform: rotate3d(1, 0, 0, 0deg);transform: rotate3d(1, 0, 0, 0deg);}
    80% {-webkit-transform: rotate3d(0, 0, 1, 75deg);transform: rotate3d(0, 0, 1, 75deg);}
    100% {-webkit-transform: rotate3d(0, 1, 0, 0deg);transform: rotate3d(0, 1, 0, 0deg);}
}

@keyframes banner3Shake {
    0% {-webkit-transform: rotate3d(0, 1, 0, 0deg);transform: rotate3d(0, 1, 0, 0deg);}
    30% {-webkit-transform: rotate3d(0, 0, 1, 75deg);transform: rotate3d(0, 0, 1, 75deg);}
    60% {-webkit-transform: rotate3d(1, 0, 0, 0deg);transform: rotate3d(1, 0, 0, 0deg);}
    80% {-webkit-transform: rotate3d(0, 0, 1, 75deg);transform: rotate3d(0, 0, 1, 75deg);}
    100% {-webkit-transform: rotate3d(0, 1, 0, 0deg);transform: rotate3d(0, 1, 0, 0deg);}
}

@-webkit-keyframes featureImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}

@keyframes featureImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}