/**====================================================================
  slider 
====================================================================
***/
.main-slider-section{height: 600px; min-height:600px; overflow: hidden;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; } 
.main-slider-section .container{max-width: 95%;}
.main-slider-img-fluid{left: 0; position: absolute; width: 100%; display: block; height: auto; top: 0; right: 0; bottom: 0; } 
.main-slider-content{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; padding-right: 30px; position: absolute; text-align: center; z-index: 1; width: 100%; top: 30%; }
.main-slider-content p{color: #fff;}
.Main-Slider-media:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0/67%); }
.main-slider-content {text-align: left; width: 55%; padding-left:60px; }
.main-slider-content h2 {font-size: 40px; color: #f8fafd; text-align: left; padding-top: 0; margin-bottom: 20px; margin-top: 0; }
.main-slider-content h2 span{font-weight: bold;}
.explore-btn {background: #1360fe; padding: 15px 20px; border-radius: 5px; color: #fff !important; font-size: 14px; font-weight: 600; }
.submit-btn {background: #1079c0; color: #fff; padding: 8px 20px; border: none;}

#Main-Slider .owl-dots {position: absolute;left: 0;right: 16.5%;bottom:33.5%;}
#Main-Slider .owl-dots, 
#Main-Slider .owl-nav {text-align: right;-webkit-tap-highlight-color: transparent;}
#Main-Slider .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#Main-Slider .owl-dots .owl-dot span {width: 13px; height:13px; border-radius: 20px; margin: 5px 5px;background: #fff;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;}
#Main-Slider .owl-dots .owl-dot.active span, 
#Main-Slider .owl-dots .owl-dot:hover span {background: #ffae00;}

.Main-Slider-media img{height: 88vh; object-fit: cover; object-position: center;}

/**====================================================================
  What does Virtdrop do? 
====================================================================
***/

.about-section {padding: 3rem 0; position: relative; background: #dfe7ff; background: -moz-linear-gradient(45deg, #dfe7ff 0%, #ebf0ff 10%, #f6f9ff 20%, #ffffff 30%, #ffffff 100%); background: -webkit-linear-gradient(45deg, #dfe7ff 0%,#ebf0ff 10%,#f6f9ff 20%,#ffffff 30%,#ffffff 100%); background: linear-gradient(45deg, #dfe7ff 0%,#ebf0ff 10%,#f6f9ff 20%,#ffffff 30%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe7ff', endColorstr='#ffffff',GradientType=1 );  }
.about-section .container{max-width: 95%;}
.about-section:after {background: url(../images/dot.png) fixed; content: ''; position: absolute; right: 0; bottom: 0; height: 330px; width: 270px; }

.about-content-info h1{font-size: 25px; font-weight: 700; color: #091e42; margin: 0; padding-top: 0;}
.about-content-info p {font-size: 13px; color: #091e42; text-align: justify; margin-bottom: 10px; }
.about-media {position: relative; z-index: 9; text-align: center; }



/**====================================================================
  service
====================================================================
***/
.service-section{padding: 3rem 0; position: relative; background: #fff;}
.service-section:after{background: url(../images/shape.svg) no-repeat; content: ''; position: absolute; right: 0; top:20%; height: 100%; width:100%; }
.service-section .heading-title {width: 50%; margin: 0 auto 3rem auto; }

.service-section .heading-title h2 {text-align: center; font-size: 25px; font-weight: 700; color: #091e42; margin: 0; padding-top: 0; }
.service-section .heading-title p {font-size: 14px; color: #091e42; text-align: center; margin-bottom: 10px; }

.service-list {margin-bottom: 30px; position: relative; z-index: 9; }
.service-content-info h1 {font-size: 18px; font-weight: 700; color: #091e42; margin: 0; padding-top: 0; }
.service-content-info p {font-size: 13px; color: #091e42; text-align: justify; margin-bottom: 10px; }
.service-media {position: relative; z-index: 9; text-align: center; }
.service-content-info ul {margin: 0 0 20px 0; list-style: disc; padding: 0 0 0 20px; }
.service-content-info ul li{font-size: 13px; color: #091e42; }
.service-content-info .learn-btn {border: 2px solid #1360fe; color: #1360fe; border-radius: 30px; padding: 8px 20px; font-weight: 600; font-size: 14px; display: inline-block; position: relative; }


/**====================================================================
  why us
====================================================================
***/

.whyus-section {padding:4rem 0 10rem 0; background: #2f323d url(../images/wave-shape.png) fixed; position: relative; background-position: left; }
.whyus-section .container{max-width: 95%;}
.whyus-content-info h1{font-size: 25px; font-weight: 700; color: #e3e4e6; margin: 0; padding-top: 0;}
.whyus-content-info p {font-size: 13px; color: #e3e4e6; text-align: justify; margin-bottom: 10px; }
.whyus-media {position: relative; }
.whyus-media-1 {border: 3px solid #8c9acd; position: relative; width: 285px; overflow: hidden; margin: 0 auto;border-radius: 5px;  }
.whyus-media-2 {border: 3px solid #8c9acd; position: relative; width: 210px; overflow: hidden; margin-top: -30%; margin-left: 20px; border-radius: 5px; }
.whyus-media-3 {border: 3px solid #ffffff; width: 215px; overflow: hidden; position: absolute; right: 41px; top: 70%; border-radius: 5px; }
.whyus-media-1 img,
.whyus-media-2 img,
.whyus-media-3 img{width: 100%;}
.whyus-content-info .learn-btn {border: 2px solid #e3e4e6; color: #e3e4e6; border-radius: 30px; padding: 8px 20px; font-weight: 600; font-size: 14px; display: inline-block; position: relative; }



/**====================================================================
  Video
====================================================================
***/
.Video-card {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 22px #dcdcdc;
    padding: 10px;
    width: 70%;
    margin: -100px auto 0 auto;
    z-index: 9;
    position: relative;
}

.Video-card img{width: 100%;}


/**====================================================================
  Plans & Pricing
====================================================================
***/
.pricing-section{padding:3rem 0 4rem 0; position: relative;}
.pricing-section .heading-title {width: 50%; margin: 0 auto 3rem auto; }

.pricing-section .heading-title h2 {text-align: center; font-size: 25px; font-weight: 700; color: #091e42; margin: 0; padding-top: 0; }
.pricing-section .heading-title p {font-size: 14px; color: #091e42; text-align: center; margin-bottom: 10px; }
.pricing-card {height: 100%; overflow: hidden; padding:0 20px; position: relative; border: 1px solid #eaebf6; border-radius: 2px; border-top: 2px solid #1360fe; }
.best-strip {background: #375288; text-align: center; color: #fff; font-weight: 600; font-size: 13px; padding: 3px 0; transform: rotate(50deg); position: absolute; width: 100%; top: 24px; right: -94px; }

.pricing-head {border-bottom: 1px solid #eaebf6; padding: 15px 0; margin-bottom: 30px; }
.pricing-head h2 {font-size: 18px; font-weight: 700; color: #091e42; margin: 0; padding: 0; text-align: center; }

.pricing-body ul {margin: 0; padding: 0; list-style: none; }
.pricing-body ul li{font-size: 14px; text-align: center; color: #77808a; }
.pricing-body ul li img{height: 20px; margin-right: 8px;}

.price-info {display: flex;     justify-content: center;align-items: center; position: relative; padding-top: 20px; padding-bottom: 20px; }
.price-value {font-size: 30px; font-weight: 700; margin: 0; padding: 0; color: #1d2127; }
.price-per {font-size: 12px; padding-left: 15px; color: #8c949e; font-weight: 600; }

.pricing-foot {padding: 15px 0px; text-align: center; } 
.btn-conversion {background: transparent; color: #1079c0; font-size: 14px; padding: 6px 25px; border-radius: 2px; font-weight: 600; border: 1px solid #1079c0; display: inline-block; }

.footer{margin-top: 80px;}

#Main-Slider .owl-nav {
    position: relative;
    top: -340px;
    bottom: 0;
    align-items: center;
    display: flex;
}

button.owl-prev  {
    font-size: 40px !important;
    position: absolute;
    left: 0 !important;
    background: #1079c0 !important;
    color: #fff !important;
    height: 40px;
    width: 22px;
}

button.owl-next {
    font-size: 40px !important;
    position: absolute;
    right: 0 !important;
    background: #1079c0 !important;
    height: 40px;
    width: 22px;
    color: #fff !important;
}