@charset "utf-8";
/* CSS Document */
.ellips-bg {
 background-image: url(/wp-content/themes/ramsolutions/images/ellipse-bg.png) !important;
 background-position: center !important;
 background-repeat: no-repeat !important;
 background-size: cover !important;
}
/* ===================================
        Slider area
====================================== */
.white-bg {
 background-color: #fff;
}
.percentage-circle .single-chart .circle-img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%) scale(0.5);
 transform: translate(-50%, -50%) scale(0.5);
 opacity: 0;
 -webkit-transition: all cubic-bezier(0.43, -0.26, 0.32, 1.53) 600ms;
 transition: all cubic-bezier(0.43, -0.26, 0.32, 1.53) 600ms;
}
.banner-slider {
 height: 100vh;
}
.banner-slider .banner-slider-row {
 height: 100vh;
}
.bg-blue {
 background-color: #0596a1;
}
.slideInLeft {
 -webkit-animation-name: slideInLeft;
 animation-name: slideInLeft;
}
.banner-slider .banner-left-area .detail-text {
 width: 100%;
}
.banner-slider .banner-left-area .inner-content .heading {
 font-size: 70px;
	margin-top: 110px;
}
.banner-slider .detail-text .heading {
 color: #FFFFFF;
 margin-bottom: 15px;
}
.heading {
 font-family: 'Raleway', sans-serif;
 font-size: 48px;
 font-weight: 700;
}
.banner-slider .banner-left-area .slider-ring {
 height: 300px;
 width: 290px;
 border: solid 5px #ffffff33;
 position: absolute;
 left: 6%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.slider-object1 {
 position: absolute;
 top: 0;
 left: 20%;
 animation: 12s moving-image infinite;
 animation-fill-mode: both;
 animation-timing-function: ease-in-out;
 animation-direction: alternate-reverse;
}
.slider-object2 {
 position: absolute;
 bottom: 0;
 right: -1%;
 animation: 20s rotating-image infinite;
 animation-fill-mode: both;
 animation-timing-function: ease-in-out;
 animation-direction: alternate-reverse;
}
.slider-object1 img, .slider-object2 img {
 width: 85%;
}
.slideInRight {
 -webkit-animation-name: slideInRight;
 animation-name: slideInRight;
}
.bg-green {
 background-color: #9cc11a;
}
.height-50 {
 height: 50vh;
}
.bg-yellow {
 background-color: #dabf07;
}
.banner-slider .detail-text .sub-heading {
 color: #FFFFFF;
 font-size: 28px;
 margin-bottom: 5px;
}
.sub-heading {
 font-family: 'Raleway', sans-serif;
 font-size: 18px;
 font-weight: 300;
}
.banner-slider .detail-text .text {
 color: #FFFFFF;
}
.white-trans-btn {
 border: solid 1px #FFFFFF;
 color: #FFFFFF !important;
 font-weight: 400;
 padding: 8px 20px;
 background-color: transparent;
 transition: .5s ease;
 font-size: 14px;
 font-family: Roboto, sans-serif;
}
.banner-slider .img-object img {
 max-width: 100%;
}
.banner-slider .img-object.right {
 position: absolute;
 right: 35px;
 bottom: 6%;
 left: auto;
 width: 50%;
}
.banner-slider .img-object {}
.banner-slider .detail-text {
 padding-right: 40px;
 padding-left: 40px;
}
.banner-slider {
 height: 100vh;
}
.banner-slider .banner-slider-row {
 height: 100vh;
}
/*for left area*/
.banner-slider .banner-left-area {height: 100vh;}
.banner-slider .banner-left-area .inner-content .heading {
 font-size: 70px;
}
.banner-slider .banner-left-area .slider-ring {
 height: 300px;
 width: 290px;
 border: solid 5px #ffffff33;
 position: absolute;
 left: 6%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.banner-slider .banner-left-area .detail-text {
 width: 100%;
}
.slider-object1 {
 position: absolute;
 top: 0;
 left: 20%;
 animation: 12s moving-image infinite;
 animation-fill-mode: both;
 animation-timing-function: ease-in-out;
 animation-direction: alternate-reverse;
}
.slider-object2 {
 position: absolute;
 bottom: 0;
 right: -1%;
 animation: 20s rotating-image infinite;
 animation-fill-mode: both;
 animation-timing-function: ease-in-out;
 animation-direction: alternate-reverse;
}
.slider-object1 img, .slider-object2 img {
 width: 85%;
}
@keyframes moving-image {
 from {
  transform: translateX(0);
 }
 to {
  transform: translateX(60px);
 }
}
@keyframes rotating-image {
 from {
  transform: rotate(-10deg);
 }
 to {
  transform: rotate(20deg);
 }
}
.slider-play-btn {
 color: #FFFFFF;
 position: absolute;
 bottom: 23%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 17px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.slider-play-btn span {
 height: 28px;
 width: 28px;
 border-radius: 50%;
 border: solid 1px #fff;
 font-size: 14px;
 margin-right: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: .5s ease;
}
.slider-play-btn span i {
 color: #fff;
}
.slider-play-btn:hover span i {
 color: #202020;
}
.slider-play-btn:hover {
 color: #fff;
}
.slider-play-btn:hover span {
 background-color: #FFFFFF;
}
/*for right area*/
.banner-slider .detail-text .sub-heading {
 color: #FFFFFF;
 font-size: 28px;
 margin-bottom: 5px;
}
.banner-slider .detail-text .heading {
 color: #FFFFFF;
 margin-bottom: 15px;
}
.banner-slider .detail-text .text {
 color: #FFFFFF;
}
.banner-slider .img-object img {
 max-width: 100%;
}


/* ===================================
    Media Queries
   ====================================== */



@media (min-width:992px) and (max-width: 1250px){

    .banner-slider .banner-slider-row {
        height: 100vh;
    }
    .banner-slider .banner-social {
        display: none;
    }
}
@media (min-width:992px) and (max-width: 1070px) {
   

    .banner-slider .detail-text .heading {
        font-size: 33px;
    }

    .banner-slider .detail-text .text {
        font-size: 14px;
    }
    .banner-slider .banner-left-area .inner-content .heading {
        font-size: 46px;
		
    }
    .banner-slider .banner-left-area .slider-ring {
        height: 238px;
        width: 204px;
    }
}
@media (min-width:768px) and (max-width:991px){

    .heading {
        font-size: 40px;
    }
    .slider-area .slider-arrows{
        display: none;
    }
    



    /*Banner sec*/
    .banner-left-area{
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .slider-right-box{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .height-50{
        height: auto;
    }
    .banner-slider {
        height: auto;
    }
    .banner-slider .banner-slider-row {
        height: auto;
    }
    .banner-slider .detail-text {
        width: 60%;
    }
    .banner-slider .banner-left-area .slider-ring {
        height: 200px;
        width: 260px;
        left: 50%;
    }
    .banner-slider .banner-left-area .inner-content .heading {
        font-size: 62px;
    }
    @keyframes moving-image {
        from{
            transform: translateX(0);
        }
        to{
            transform: translateX(40px);
        }
    }
    @keyframes rotating-image {
        from{
            transform: rotate(-5deg);
        }
        to{
            transform: rotate(10deg);
        }
    }

 
}

@media screen and (max-width:767px){

    .heading {
        font-size: 45px;
    }
    .slider-area .slider-arrows{
        display: none;
    }

    /*Banner sec*/
    .banner-left-area{
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .slider-right-box{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .height-50{
        height: auto;
    }
    .banner-slider {
         height: auto;
    }
    .banner-slider .banner-slider-row {
         height: auto;
    }
    .banner-slider .detail-text {
        width: 100%;
    }
    .banner-slider .banner-left-area .slider-ring {
        height: 165px;
        width: 104px;
        left: 50%;
    }
    .banner-slider .banner-left-area .inner-content .heading {
        font-size: 44px;
    }
}

@media (min-width: 1200px) {
    .banner-slider .banner-social {
        position: absolute;
        left: 2%;
    }
    .side-nav .navbar-nav .nav-link {
        font-size: 38px;
    }
    .banner-slider .slider-img-area #slider-inner-img {
        position: relative;
        z-index: 11;
        transform: translateX(-58px);
        width: 85%;
    }

}

@media (min-width: 1600px) {
    .banner-slider .banner-social {
        position: absolute;
        left: 6%;
    }
    .banner-slider .slider-img-area #slider-inner-img {
        position: relative;
        z-index: 11;
        transform: translateX(-45px);
        width: 100%;
    }

}