@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');
body {
    background-image: url('../images/bg-over.jpg');
    background-repeat: repeat;
    font-family: 'Cairo', sans-serif;
}

.navin .bg-light {
    background-color: #01ce17 !important;
}

.social-part a {
    color: white;
    vertical-align: -webkit-baseline-middle;
}

.social-part {
    margin-left: 50px;
    margin-top: 7px;
}

.banner-bg {
    min-height: 642px;
    background-image: url('../images/banner.png');
    background-repeat: no-repeat;
    background-position: center;
}

.banner-right {
    background-color: #000000;
    color: white;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
}

.bg-black {
    background-color: #000000;
    color: white;
    margin-top: 7px;
}

.bg-marign {
    margin-top: 7px;
}

.banner-right form {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: 1px solid #878789 !important;
    margin: 10px;
    height: 300px;
    padding: 5px;
}

.banner-right h3 {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px;
}

.banner-right h3 span {
    color: #00ff06;
}

.btn-newsha {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #64BC46;
    *background-color: #64BC46;
    background-image: -moz-linear-gradient(top, #27750C, #64BC46);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27750C), to(#64BC46));
    background-image: -webkit-linear-gradient(top, #27750C, #64BC46);
    background-image: -o-linear-gradient(top, #27750C, #64BC46);
    background-image: linear-gradient(to bottom, #27750C, #64BC46);
    background-repeat: repeat-x;
    border-color: #64BC46;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#27750C', endColorstr='#64BC46', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-newsha:hover,
.btn-newsha:focus,
.btn-newsha:active,
.btn-newsha.active,
.btn-newsha.disabled,
.btn-newsha[disabled] {
    color: #FFFFFF;
    background-color: #64BC46;
    *background-color: #003bb3;
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .txtrotate h5 img {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        position: absolute;
        top: 32px;
        width: 100px;
        left: 0px;
    }
    .txtrotate p {
        padding-top: 27px;
    }
    .txtrotate2 h5 img {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        position: absolute;
        top: 46px;
        width: 100px;
        left: -1px;
    }
    .txtrotate2 p {
        padding-top: 10px;
    }
}

.bannerdown {
    background-color: #ededed;
    margin-top: 7px;
}

.txtrotate {
    margin-top: 7px;
    margin-top: 7px;
    min-height: 80px;
}

.txtrotate2 {
    margin-top: 7px;
    margin-top: 7px;
    min-height: 120px;
}

.bg-g-1 {
    background-color: #007a47;
    color: #FFF;
}

.bg-g-2 {
    background-color: #01ce17;
    color: #FFF;
}

.get {
    text-align: center;
    font-weight: 900;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: 1px solid #878789 !important;
    background-color: #00ff06;
    margin: 10px;
    padding: 5px;
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
    transition: 1s ease;
}

.get:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 1s ease;
}

.get span {
    color: #000000 !important;
}