@font-face {
  font-family: "Ubuntu-bold";
  src: url("../fonts/Ubuntu-bold.woff2") format("woff2"),
    url("../fonts/Ubuntu-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-bold";
  src: url("../fonts/Ubuntu-bold.woff2") format("woff2"),
    url("../fonts/Ubuntu-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
.main-section {
  position: relative;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&display=swap");

.pricing-under-sec.one:hover .pricing-under-sec.famous-section {
  border: none !important;
}
.pricing-under-sec.one:hover .famous-section .pricing-one-sec p {
  color: red;
  text-align: left;
}

.pricing-col.best-value .pricing-one-sec {
  border-radius: 16px 16px 0 0;
  padding-top: 30px;
}

.pricing-col.best-value .pricing-under-sec.one {
  position: relative;
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 rgba(255, 179, 0, 0.5);
  border-radius: 16px; /* Optional: for a softer look */
  transition: box-shadow 0.3s;
}

@keyframes bestValuePulse {
  0% {
      box-shadow: 0 0 0 0 rgba(255, 179, 0, 0.5);
  }
  70% {
      box-shadow: 0 0 32px 12px rgba(255, 179, 0, 0.18);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255, 179, 0, 0.5);
  }
}

.best-value-badge {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ffb300 0%, #ffd54f 100%);
  color: #fff;
  font-weight: 700;
  padding: 7px 24px;
  border-radius: 24px;
  font-size: clamp(1em, 2.5vw, 1.3em);
  white-space: nowrap;
  display: inline-block;
  width: fit-content;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  box-shadow: 0 2px 8px rgba(255,179,0,0.18);
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.10);
  animation: pulse 1.5s infinite;
  z-index: 1;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,179,0,0.5); }
  70% { box-shadow: 0 0 0 10px rgba(255,179,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,179,0,0); }
}

.famous-section {border: 1px solid #0681bb;}
.famous-section .pricing-one-sec {
    background: #0681bb;
    /* color: #fff !important; */
    border-radius: 10px 10px 0 0;
}

.famous-section .pricing-one-sec p {
    color: #fff;
    text-align: left;
}

.upload-files h4 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600; 
  font-size: 30px;
  line-height: 36px;
}
.upload-files p{ 
  color: #000;
  font-family: "Poppins", sans-serif;
  padding-bottom: 15px;
}
.upload-files ul{
  width: 70%;
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: left;
  margin-bottom: 45px;
}
.upload-files ul li{
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 35px;
}
.upload-files label {
  font-family: "Roboto", sans-serif;
}
.upload-files input {
  font-family: "Roboto", sans-serif;
}
.over-100-millon {
  font-family: "Roboto", sans-serif;
}
.dropsend-text {
  font-family: "Poppins", sans-serif;
  display: none;
}
.main-page-login-sec p a {
  color: #fff;
  font-size: 16px;
  /* position: relative; */
  /* width: 100%; */
  /* top: 18px; */
  /* left: 0; */
  /* max-width: 100%; */
}

.col-12.main-page-login-sec p {
  color: #fff;
  position: relative;
  width: 100%;
  top: 18px;
  left: 0;
  max-width: 100%;
}
.over-backbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.filepond--drop-label.filepond--drop-label label {
  color: #fff !important;
}
section.over-backbg .row {
  margin: 0px !important;
}
@media only screen and (min-width: 40.0625em) {
  .top-bar-bg-white {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 4px 9px 10px rgba(0, 0, 0, 0.1);
  }

  .top-bar-bg,
  .top-bar,
  .top-bar.expanded .title-area,
  .title-area {
    background: rgba(255, 255, 255, 0.95);
  }

  .contain-to-grid .top-bar {
    max-width: 100%;
    width: 100%;
  }
}

.top-bar .title-area {
  padding: 0px;
  padding: 14px 0px;
  height: 70px;
  margin: 0;

}

/**
 * FilePond Custom Styles
 */
.filepond--drop-label {
  color: #4c4e53;
}

.filepond--label-action {
  text-decoration-color: #fff;
}

.filepond--panel-root {
  border-radius: 2em;
  background-color: #fff;
  height: 1em;
}

.filepond--item-panel {
  background-color: #595e68;
}

.filepond--drip-blob {
  background-color: #7f8a9a;
}

.over-backbg form {
  margin: 35px 25px;
}

.over-backbg form .form-group input[type="file"] {
  display: none;
}

.over-backbg form .form-group .file-upload-circle {
  width: 95px;
  height: 95px;
  background: linear-gradient(90.15deg, #f3a02e 4.15%, #ec8e35 99.97%);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
  justify-content: center;
  align-content: center;
}

.over-backbg form .form-group .file-upload-circle:before {
  position: absolute;
  content: "+";
  font-size: 60px;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  line-height: 0;
  text-align: center;
  padding: 0;
  margin: 0;
}
.mobile-view-1 {
  display: none;
}
.pricing-login-sec{
  display: none;
}
 @media only screen and (max-width: 767px) { 

  /* .mobile-view-1 {
    display: block;
    height: 85vh;
    justify-content: center;
    align-items: center;
}  */
  /* .carousel {
    display: none;
  }
  .over-backbg {
    display: none;
  } */
  .pricing-login-sec{
    display: block;
  }
  .pricing-login-sec {
    margin: 20px 0 25px;
  }
  .pricing-login-sec ul {
    margin-left: -10px;
  }
  .pricing-main-sec{
    margin-top: 30px;
  }
  .pricing-main-sec .transparent-text{
    font-size:28px;
  }
  .pricing-main-sec .row{
    margin:0px;
  }
  .main-switch-sec{
    display: none;
  }
  .pricing-main-sec .pricing-mobile-view .col-sm-4{
    padding:0px;
  }
  .pricing-main-sec .pricing-under-sec{
    height: auto;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .pricing-three-sec a{
    width: 44%;
    padding: 4px 0;
    position: absolute;
    bottom: auto;
    /* text-align: center; */
    left: auto;
    right: 16px;
    top: 19px;
    font-size: 14px;
    line-height: 24px;
    }
  
    .best-value .pricing-three-sec a{
      top: 25px;
    }
    .pricing-main-sec .pricing-one-sec p{
      font-size: 12px;
      line-height: 18px;
      text-align: left;
    }
    .pricing-col.best-value .pricing-one-sec {
      padding-top: 30px;
    }
    .pricing-col.best-value .pricing-three-sec .price-default {
      top: 30px;
    }
    .pricing-main-sec .pricing-two-sec ul li{
      font-size: 14px;
      line-height: 25px;
    }
    .save-money-sec h2{
      font-size: 21px;
    }
    .save-money-sec p{
      font-size: 14px;
    }
    .drop-get-started-sec h1{
      font-size: 35px;
    }
    .drop-get-started-sec p {
      font-size: 17px;
      font-family: "Poppins", sans-serif;
      text-align: center;
  }
    /*login responsive style here*/
    .login-sec{
      position: relative;
      background: transparent;
      height: auto;
      padding: 100px 15px;
    }
    .login-sec .dropsend-heading-text{
      display: none;
    }
    .login-sec .login-form-sec{
      width: 100%;
      height: auto;
    }
    .login-sec .login-right-text{
      display: none;
    }
    .login-sec .login-form-sec form .login-form-1{
      padding: 15px;
    }
    .login-sec .close-icon-btn{
      display: block !important;
    }
    .login-sec .login-form-sec form .btnSubmit{
      margin: 0 auto;
      margin-top: 35px;
    }
    .login-sec .login-form-sec p a{
      width: 100%;
      /* clear: both; */
      float: left;
    }
    .login-sec .mobile-view-group{
      padding-top:50px;
    }
    .start-easy-mobile-slider{ 
      display: block !important;
    }
    .start-easy-mobile-slider .carousel{
      display: block;
    }
    .easy-step-sec{
      display: none;
    }
    /* mobile view header style here*/
    .mobile-view-header {
      margin: 0px;
    }
    .mobile-view-header  .top-bar .title-area{
      position: relative;
    }
    .mobile-view-header  .top-bar .title-area .name{
      position: absolute;
    left: 19%;
    top: 6px;
    }
    .top-bar .title-area .menu-icon{
      position: absolute;
    left: 4%;
    top: 73%;
    right: auto;
    }
    .mobile-view-header .top-bar .toggle-topbar.menu-icon a span::after {
      box-shadow: 0 0px 0 1px #ec8e35, 0 7px 0 1px #ec8e35, 0 14px 0 1px #ec8e35;
    /* color: red; */
    background: #EC8E35;
    width: 34px;
    height: 2px;
    margin-top: -8px;
  }
  .top-bar .title-area img {
    width: auto;
    margin-top: 5px;
}
.top-bar .toggle-topbar.menu-icon a {
  height: 11px !important; 
}
.mobile-footer-view{
  display: block;
 /* position: absolute;
 bottom: 0; */
}
.close-footer-mobile-sec{
  display: none;
}

.col-sm-12 {
  margin-bottom: 70px;
}

.mobile-footer-view p{
  font-family: "Roboto", sans-serif;
  font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 35px;
color:#fff;
text-align: inherit;
margin-bottom: 0px;
}
.mobile-footer-view{
  padding: 20px 12px !important;
}
.top-bar-section li:not(.has-form) a.orange{
  color:transparent;
}
/* dropshare style here*/
.drop-share-sec{
  padding: 30px 0px;
  text-align: center;
}
.drop-share-sec .row{
  margin: 0px;
}
.drop-share-sec h1{
  font-size: 30px;
}
.drop-share-sec p{
  font-size: 14px;
}
.maintain-folder-sec h1{
  font-size: 24px;
  line-height: 1.5;
}
.maintain-folder-sec .order-1{
  order: 2;
}
.maintain-folder-sec .order-2{
  order: 1;
}
.maintain-folder-sec .order-3{
  order: 3;
}
.maintain-folder-sec .order-4{
  order: 4;
}
.top-bar{
  height:auto ;
  z-index: 999;
}
.top-bar-section ul{
  display: none;
}
.top-bar{
  overflow: inherit;
}
.drop-send-detail-sec ul{
  display: block;
}
.drop-send-detail-sec h1{
  font-size: 24px;
}
.drop-send-detail-sec ul li:first-child{
  margin-left: 30px;
}

.accordian-help-sec .card-title{
  font-size: 14px;
}
div#policytcsfairusepage p {
  word-break: break-word;
  /* margin-bottom: 8px; */
}
.sidepanel-help{
	width: 96% !important;
	}
  .sidepanel-help h1.text-left {
    font-size: 43px !important;
  }
  .drop-share-sec a {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    border-radius: 50px;
    padding: 0;
}
html iframe{
  bottom: 39px !important;
    right: 12px !important;
}
.top-bar-section li:not(.has-form) a.orange {
  color: #1a1717;
  /* margin-top: 30px; */
}
/* .drop-get-started-sec {
  margin-bottom: 100px;
} */
.login-sec{
  height: 95vh;
  align-items: center;
  display: flex;
}
.login-sec .close-icon-btn {
  display: block !important;
  display: none !important;
}
.home-mobile-sec-6 h3{
  display: none;
}
.pricing-main-sec .row .col-sm-4,.col-sm-8 {
  flex: 100%;
  max-width: 100%;
}
#carouselExampleIndicators  .col-sm-4,.col-sm-8 {
  flex: 100%;
  max-width: 100%;
}
.drop-share-sec .col-sm-6:first-child{
display: flex;
align-items: center;
}
.drop-share-sec a:hover{
  color: #000;
}
.top-bar-section ul:first-child{
  margin-top:30px !important; 
}
}

@media only screen and (min-width:641px) and (max-width:767px) {
  .carousel {
    display: block;
}
.top-bar-section ul:first-child{
  margin-top:0px !important; 
}

.mobile-view-1{
  position: absolute;
  top: 0;
  width: 66%;
  background: #fff;
  height: 86vh;
  align-items: center;
  display: block;
  margin: 0 auto;
  top: 4%;
  bottom: 50%;
  left: 20%;
    
}
.top-bar .title-area {
  float: none;
  background-image: url('../img/bg-header.png');
  background-repeat: repeat-x;
}
.mobile-view-header  .top-bar .title-area .name {
  position: absolute;
  left: 0;
  top: 6px;
}
.top-bar-section {
  /* left: 0; */
  position: relative;
  width: auto;
  transition: left 300ms ease-out;
  position: absolute;
  right: 0px;
  top: 21px;
}
.top-bar-section ul {
  display: block;
}
.top-bar-section li:not(.has-form) a.orange {
  color: #1a1717;
  margin-top: 0;
}
.top-bar-section {
  width: 100%;
}
.top-bar-bg .container{
  max-width:100%;
}
.home-mobile-sec-6 h3{
  display: none;
}
.top-bar-section ul li a{
  border:0px;
}

}

section#footer-php .container-fluid {
  padding: 0px !important;
}
@media screen and (min-width: 767px) {
  .home-mobile{
    display: none !important;
  }
  .main-page-login-sec{
    display: none !important;
  }
  li.m-menu-pb.try-desktop {
    display: block;
}
li.m-menu-pb.try-register {
  display: block;
}

}
@media only screen and (min-width:768px) and (max-width:991px){
    .contain-to-grid .top-bar{
        display: flex;
    align-items: center;
    }
    .top-bar .top-bar-section{
        margin-left:auto;
         margin-top:12px; 
    }
    .upload-files a {
    background-color: #0681bb;
    color: #FFF !important;
    margin: 0 auto;
    border-radius: 50px;
    padding: 12px 35px;
    font-size: 14px;
}
.upload-files h4 {
    font-size:25px;
}
.footer-social-media a {
    padding-left: 5px !important;
}
}