@font-face{
  font-family:'Avenir';
  src:url("fonts/Avenir-Roman.woff") format("woff2"),url("fonts/Avenir-Heavy.woff") format("woff");
  font-weight:900;
  font-display:swap;
  font-style:normal
}
@font-face{
  font-family:'Larsseit';
  src:url("fonts/Larsseit-Bold.woff2") format("woff2"),url("fonts/Larsseit-Bold.woff2") format("woff");
  font-weight:900;
  font-display:swap;
  font-style:normal
}

*.h3,p,content-right h3,footer,.btn-sumary.btn-sumary-big.btn-header,.testi-sale-page ,.testi-sale-page .content-testi-sale-page p,.title-testi,.content-testi,.name-user-testi
{
  font-family:'Avenir';
}
h1, h2, h3, h4, h5, h6,.testi-sale-page ,.btn-sumary.btn-sumary-big.btn-header,.widgettitle
{
  font-family:'Larsseit' !important;
}
.view-before
{
background-color:#4285f4 !important;

}
.JustifyContent,.AddressContent,.CopySymbol,.CopyRightContent
{
  color: #778f9b;
}
.view-after
{
    background-color:#fff !important;
}
.wrapper-logo.img
{
    position:absolute;
}
.wrapper-logo.red img.svgBlue
{
    display:none !important;

}
.wrapper-logo img.svgBlue
{
    display:block !important;

}
.wrapper-logo.red .svgWhite
{
    display:block !important;

}
.wrapper-logo img.svgWhite
{
    display:none !important;

}
.color-Red
{
    color:#d92f24;
}
.color-Green
{
    color:#2a9f48;
}
.color-Yellow
{
    color:#f9ac23;
}
.content-detail-wrapper h3{
    margin-top:0px !important;
}
.TopPosition
{
    position: fixed;
    bottom:20px;
}
.pt100
{
    margin-top:140px !important;
}


/**************laptop************************/
/* The laptop with borders */
.laptop {
    
    background-image: url(../Images/LoptopMockup_Blank.png);
   background-repeat: no-repeat;
  
  }
  .content
  {
      width:500px;
      height:300px;
  }
  .IframeContent
  { 
    width: 100%;
    border: none;
    height: 100%;
    position: absolute;
    padding: 22px 61px 127px 61px;
  }
  
  
  #before-after .img {
    max-width: none;
}
.img-bird-wrapper .img {
    width: 100%;
    height: auto;
}
/************************** Mobile 320px *****************************/
@media screen and (max-width: 339px) {
    .laptop {
      background-size:contain !important;
      transform:scale(0.9);
     
    }
    .IframeContent
  { 
    width: 100%;
    border: none;
    height: auto;
    position: absolute;
    padding: 16px 41px 219px 40px;
  }
  .wrapper-logo {
    display: block;
    min-width: 119px !important;
    max-width: 230px;
}
.pt100
    {
        margin-top: -37px !important;
    margin-left: 140px !important;
    }
    .MediaBtnHide
    {
      display: none !important;
    }
    .testimonial-wrapper h3,.name-user-testi,.content-testi{
      color:#778f9b !important;
    }
    .list-link-to-link li .link-to-wrapper
    {
      width:230px !important;
    }
    .footer-links
    {
      padding-top: 10px;
    }
    #dragme .icon-drag
    {
      top:80% !important;
    }
    #before-after
    {
      height:500px !important;
      min-height: 500px !important;
    }
    .Mobile-mt-6.mt-6
    {
        margin-top:0px !important;
    }
    .Mobile-mb-5.mb-5{
      margin-bottom: 0px !important;
    }
    .testi-sale-page-wrapper
    {
      padding:0px !important;
    }
    footer .widgettitle
    {
      line-height:40px !important;
    }
    .footer-links ul li
    {
      margin-bottom: 2px !important;
    }
    #ScalableImg
    {
      transform: scale(0.4);
      padding-bottom: 40px;
    }
    #slide-show-product
    {
      padding-top:0px !important;
    }

  }
  /************************** Mobile 320px *****************************/
  @media only screen and (max-width: 350px) and (min-width: 340px)  {
    .laptop {
        background-size:contain !important;
        transform:scale(0.9);
       
      }
      .IframeContent
    { 
        width: 100%;
        border: none;
        height: 176px;
        position: absolute;
        padding: 15px 43px 0px 45px;
    }
    .wrapper-logo {
      display: block;
      min-width: 119px !important;
      max-width: 230px;
  }
  .pt100
    {
        margin-top: -37px !important;
    margin-left: 140px !important;
    }
    .MediaBtnHide
    {
      display: none !important;
    }
   
    .testimonial-wrapper h3,.name-user-testi,.content-testi{
      color:#778f9b !important;
    }
    .list-link-to-link li .link-to-wrapper
    {
      width:230px !important;
    }
    .footer-links
    {
      padding-top: 10px;
    }
    #dragme .icon-drag
    {
      top:80% !important;
    }
    #before-after
    {
      height:500px !important;
      min-height: 500px !important;
    }
    .Mobile-mt-6.mt-6
    {
        margin-top:0px !important;
    }
    .Mobile-mb-5.mb-5{
      margin-bottom: 0px !important;
    }
    .testi-sale-page-wrapper
    {
      padding:0px !important;
    }
    footer .widgettitle
    {
      line-height:40px !important;
    }
    .footer-links ul li
    {
      margin-bottom: 2px !important;
    }
    #ScalableImg
    {
      transform: scale(0.4);
      padding-bottom: 40px;
    }
    #slide-show-product
    {
      padding-top:0px !important;
    }

  }

  /************************** Mobile 320px *****************************/
  @media only screen and (max-width: 379px) and (min-width: 351px)  {
    .laptop {
        background-size:contain !important;
        transform:scale(0.9);
       
      }
      .IframeContent
    { 
        width: 100%;
        border: none;
        height: 187px;
        position: absolute;
        padding: 15px 43px 0px 45px;
    }
    .wrapper-logo {
      display: block;
      min-width: 119px !important;
      max-width: 230px;
  }
  .pt100
    {
        margin-top: -37px !important;
    margin-left: 140px !important;
    }
    .MediaBtnHide
    {
      display: none !important;
    }
    .testimonial-wrapper h3,.name-user-testi,.content-testi{
      color:#778f9b !important;
    }
    .list-link-to-link li .link-to-wrapper
    {
      width:230px !important;
    }
    .footer-links
    {
      padding-top: 10px;
    }

    #dragme .icon-drag
    {
      top:80% !important;
    }
    #before-after
    {
      height:500px !important;
      min-height: 500px !important;
    }
    .Mobile-mt-6.mt-6
    {
        margin-top:0px !important;
    }
    .Mobile-mb-5.mb-5{
      margin-bottom: 0px !important;
    }
    .testi-sale-page-wrapper
    {
      padding:0px !important;
    }
    footer .widgettitle
    {
      line-height:40px !important;
    }
    .footer-links ul li
    {
      margin-bottom: 2px !important;
    }
    #ScalableImg
    {
      transform: scale(0.4);
      padding-bottom: 40px;
    }
    #slide-show-product
    {
      padding-top:0px !important;
    }

  }
  /************************** Mobile 320px *****************************/
  @media only screen and (max-width: 400px) and (min-width: 380px)  {
    .laptop {
        background-size:contain !important;
        transform:scale(0.9);
       
      }
      .IframeContent
    { 
        width: 100%;
        border: none;
        height: 197px;
        position: absolute;
        padding: 15px 43px 0px 45px;
    }
    .wrapper-logo {
      display: block;
      min-width: 119px !important;
      max-width: 230px;
  }
  .pt100
    {
        margin-top: -37px !important;
    margin-left: 140px !important;
    }
    .MediaBtnHide
    {
      display: none !important;
    }
    .testimonial-wrapper h3,.name-user-testi,.content-testi{
      color:#778f9b !important;
    }
    .list-link-to-link li .link-to-wrapper
    {
      width:230px !important;
    }
    .footer-links
    {
      padding-top: 10px;
    }
    #dragme .icon-drag
    {
      top:80% !important;
    }
    #before-after
    {
      height:500px !important;
      min-height: 500px !important;
    }
    .Mobile-mt-6.mt-6
    {
        margin-top:0px !important;
    }
    .Mobile-mb-5.mb-5{
      margin-bottom: 0px !important;
    }
    .testi-sale-page-wrapper
    {
      padding:0px !important;
    }
    footer .widgettitle
    {
      line-height:40px !important;
    }
    .footer-links ul li
    {
      margin-bottom: 2px !important;
    }
    #ScalableImg
    {
      transform: scale(0.4);
      padding-bottom: 40px;
    }
    #slide-show-product
    {
      padding-top:0px !important;
    }
  }
  @media only screen and (max-width: 768px) and (min-width: 410px)  {
  .pt100
    {
      margin-top: 0px !important;
      margin-left: 140px !important;
    }
    
    #ScalableImg
    {
      transform: scale(0.4);
      padding-bottom: 40px;
    }
    #slide-show-product
    {
      padding-top:0px !important;
    }
    .MediaBtnHide
    {
      display: none !important;
    }

}

.CommonButtonAnimate {
  height: 40px;
  line-height: 17px;
  padding: 10px 40px;
  font-size: 16px;
  /* float: right; */
  border-radius: 0px;
  background-color: #4285f4 !important;
  border: 0;
  color: #4285f4 !important;
  text-transform: uppercas !important;
  letter-spacing: .3px;
  border: 2px solid #4285f4 !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #4285f4), color-stop(50%, transparent));
  background: linear-gradient(to right, #4285f4 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn.CommonButtonAnimate {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .25rem;
}
.CommonButtonAnimate:hover {
  color: #fff !important;
  background-position: left bottom;
}
/***********************css content*******************/
#slide-show-product
{
  /* background-color:#faad24 !important; */
}
.test-full-bg
{
  background-color:#0c56c0 !important;

}
.content-testi
{
  color:#c7c1c1 !important;
}
.blog-home-wrapper
{
  padding:0px !important;
}
.nopadding
{
  padding:0px !important;
}
.blog-home-wrapper img{
  width:100%;
}
.testimonial-wrapper
{
  padding:0px !important;
  
}
.btn-sumary-big.whiteColor
{
  color:#fff !important;
}
.link-text.viewthemeCenter
{
  margin-left:0px !important;
}
.footerLogo
{
  width:170px;
}
.JustifyContent
{
  text-align: justify;
}
.mt-1
{
  margin-top:1rem;
}
.mt-2
{
  margin-top:2rem;
}
.mt-3
{
  margin-top:3rem;
}
.mt-4
{
  margin-top:4rem;
}
.mt-5
{
  margin-top:5rem;
}
.mt-6
{
  margin-top:6rem;
}
.mb-5
{
  padding-bottom: 5rem;
}
.SolutionImg
{
   width: 35px;
    height: 35px;
    position: relative;
    top: 9px;
    left:9px;
    margin-bottom: 20px;
}
.testi-sale-page .avatar-user-testi-sale-page
{
  width:50px !important;
  height: 50px !important;
}
.testi-sale-page .content-testi-sale-page .testi-sale-page
{
  font-size:16px !important;
}
.list-link-to-link li .link-to-wrapper
{
  
  padding:18px 10px !important;
}
.list-link-to-link li .link-to-wrapper h3{
  margin:0px auto !important;
  letter-spacing: 1px !important;
  position: relative;
  top:2px;
}
.MFSol
{
  font-size:18px;
  line-height: 20px;
}
.close-details-extension:hover, .btn-sumary-big.btn-buy-now:hover, .text-left-faq p a, #top-bar-gallery.sale-page-topbar.version-2 .btn-sumary-big.btn-buy-now:hover, .list-link-to-link li .link-to-wrapper:hover
{
  border-color:rgb(250 173 36) !important;
  background-color:rgb(250 173 36);
 
  
}
 .list-link-to-link li .link-to-wrapper:hover h3
 {
   color:#fff  !important;
 }

/*********************Header Designing chnage*******************/
.bottomBtn .btn-sumary.btn-sumary-big
{
  border:none !important;
}
.pt-5
{
  padding-top:5rem;
}
footer
{
  padding-bottom: 0px !important;
}
.fntSize
{
  font-size:12px !important;
}
.fntBig
{
  font-size: 16px !important;
}
.SolutionImg path,rect{
  fill:#418bf7;
}
.SolutionImg .st0
{
  fill:none !important;
}

.bgColorPatch
{
  background-color:rgb(213 227 249 / 20%);
}

.d-none{
  display: none;
}

@media (max-width: 768px) {

  .ScanMeQr {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: static !important;
  }

}

@media (min-width: 768px) {

  .ScanMeQr {
    position: relative;
    top: -318px;
    right: 112px;
    float: right
  }

}

@media (max-width: 991px) {

  .ScanMeQr {
    position: relative;
    top: -316px;
    right: 78px;
    float: right;
  }

}
/* 
@media screen and (max-width: 1149px) and (max-height: 911px) {
  .ScanMeQr {
    position: static !important;
    float: none !important;
}
}
@media screen and (max-width: 1400px) and (max-height: 1150px) {
  .ScanMeQr {
    position: relative;
    top: -315px;
    right: 69px;
    float: right;
}
} */