@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);
body {
    padding: 0;
    margin: 0;
    font-family: Poppins, sans-serif;
    color: #fff
}

h1 {
    font-size: 75px;
    line-height: 78px
}

h2 {
    font-size: 45px
}

h3 {
    font-size: 40px
}

h4 {
    font-size: 28px
}

h6 {
    font-size: 20px
}

p {
    line-height: 1.2
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px;
    line-height: 27px
}

.font-17 {
    font-size: 17px
}

.font-15 {
    font-size: 15px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px;
    line-height: 35px
}

.font-22 {
    font-size: 22px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px;
    line-height: 25px
}

.font-30 {
    font-size: 30px
}

.font-32 {
    font-size: 32px
}

.font-43 {
    font-size: 43px
}

.font-45 {
    font-size: 45px
}

.font-50 {
    font-size: 50px
}

.font-75 {
    font-size: 70px;
    line-height: 75px
}

.font-80 {
    font-size: 80px;
    line-height: 67px
}

.font-180 {
    font-size: 180px;
    line-height: 63px
}

.font-w200 {
    font-weight: 200
}

.font-w300 {
    font-weight: 300
}

.font-w400 {
    font-weight: 400
}

.font-w500 {
    font-weight: 500
}

.font-w600 {
    font-weight: 600
}

.font-w700 {
    font-weight: 700
}

.font-w800 {
    font-weight: 800
}

.font-w900 {
    font-weight: 900
}

.line-height-32 {
    line-height: 32px
}

.line-height-45 {
    line-height: 45px !important
}

.line-height-28 {
    line-height: 28px !important
}

.line-height-20 {
    line-height: 20px !important
}

.let-space-1 {
    letter-spacing: 1px
}

.let-space-2 {
    letter-spacing: 2px
}

.dot-before {
    position: relative;
    padding-left: 25px
}

.dot-before:before {
    content: '.';
    color: #69c43c;
    position: absolute;
    left: 0;
    top: -7px;
    font-size: 50px;
    line-height: 6px
}

.mb--90 {
    margin-bottom: -90px
}

.mb--45 {
    margin-bottom: -45px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-50 {
    margin-bottom: 50px
}

.pt-50 {
    padding-top: 50px
}

.ptb-30 {
    padding: 30px 0
}

.prl-80 {
    padding: 0 80px
}

.section1 {
    background-size: cover !important;
    padding: 225px 0 0
}

.line-bot-green-74 {
    background-color: #68bef1;
    width: 74px;
    margin: 1rem 0
}

.line-bot-green-225 {
    background-color: #68bef1;
    width: 225px;
    margin: 1rem 0
}

.line-bot-green-100p {
    background-color: #68bef1;
    width: 100%;
    margin: 1rem 0
}

.section4 {
    background-repeat: no-repeat;
    min-height: 600px;
    background-position: center;
    padding: 205px 0 80px;
    background-size: cover
}

.text-dec-line-thro {
    text-decoration: line-through
}

.phoneNumberHe {
    color: #fff;
    margin-right: 2px
}

.sticky .phoneNumberHe {
    color: #fff
}

.san {
    margin-top: 25px
}

.sticky .san {
    margin: 0
}

.text-portfolio {
    color: #eeeef0
}

.myCard2 img {
    filter: brightness(0)
}

.bg-orange-gradient {
    background: -moz-linear-gradient(top, #46c7fa 0, #bda9dc 100%);
    background: -webkit-linear-gradient(top, #46c7fa 0, #bda9dc 100%)
}

.bg-yellow {
    background: #68bef1
}

.text-dark {
    color: #012840 !important
}

.text-yellow {
    color: #68bef1
}

.text-green {
    color: #a1b67e
}

.text-grey {
    color: #6e6e6e
}

.logoImg {
    filter:brightness(0) invert(1);
    width: 130px;
}

.sticky .logoImg {
    width: 90px
}

.hrWhite {
    background-color: #68bef1;
    height: 1.5px;
    width: 100px
}

.text-blue-new {
    color: #0a3140 !important
}

.text-red {
    color: #eb0000 !important
}

.text-blue {
    color: #002e66 !important
}

.bg-red {
    background: #ff004a !important
}

.bg-blue {
    background: #002e66 !important
}

.line-b:after {
    border-bottom: 1px solid #10142b;
    position: absolute;
    bottom: 0;
    content: '';
    width: 110%
}

.btn {
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 700
}

.btn-white {
    color: #002e66;
    background: #fff;
    padding: 18px 35px;
    transition: all ease-in-out .3s;
    border: 1px solid #ededed
}

.btn-white:hover {
    background: #002e66;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent
}

.btn-red {
    color: #fff;
    background: #ff004a;
    padding: 18px 18px;
    transition: all ease-in-out .3s
}

.btn-red:hover {
    background: #fff;
    color: #ff004a;
    text-decoration: none
}

.btn-yellow {
    color: #111;
    background-color: #ffb700;
    padding: 9px 18px;
    transition: all ease-in-out .3s
}

.btn-yellow:hover {
    background-color: #ffb700;
    color: #000;
    text-decoration: none;
    transform: scale(1.1)
}

.btn-green {
    color: #fff;
    background: #a1b67e;
    padding: 18px 18px;
    transition: all ease-in-out .3s
}

.btn-green:hover {
    background: #fff;
    color: #a1b67e;
    text-decoration: none
}

.navbar {
    padding: 28px 15px
}

.navbar .dropdown-menu{
    top: 157px;
}
.navBar.sticky .dropdown-menu{
    top: 112px;
}
.navBar.sticky  .navbar-collapse.collapse.justify-content-end{
    margin-top:24px;
}
.navBar.sticky  .san{
    margin-top:6px;
}

.navbar .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600
}

.navbar .navbar-nav .active>.nav-link,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
    color: #fcc174
}

.navbar .navbar-nav .nav-link.btn {
    color: #111;
    font-size: 14px
}

.navbar .navbar-nav .active>.nav-link.btn,
.navbar .navbar-nav .nav-link.btn:focus,
.navbar .navbar-nav .nav-link.btn:hover {
    color: #fcc174
}

.navbar-dark .navbar-toggler {
    border: 2px solid #ff004a
}

.sticky .navbar {
    background: #042048;
    animation: header .7s ease-in-out
}

@keyframes header {
    0% {
        margin-top: -100px
    }
    100% {
        margin-top: 0
    }
}

.btn.btn-social-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50px;
    background: #fff;
    margin: 0 10px;
    color: #090912
}

.sticky .navbar .navbar-nav .nav-link {
    color: #fff !important
}

.fa .fa-phone-square {
    color: #000
}

.sticky .pur {
    color: #000 !important
}

.card {
    height: 100%
}

.sticky .navbar-brand img {
    width: 87px
}

#owl-story-about .owl-dots {
    position: absolute;
    right: 0;
    bottom: 0
}

#owl-story-about .owl-dots .owl-dot {
    outline: 0
}

#owl-story-about .owl-dots .owl-dot.active span {
    border: 1px solid #a1b67e;
    color: #a1b67e
}

#owl-story-about .owl-dots .owl-dot span {
    height: 82px;
    width: 82px;
    border-radius: 100%;
    font-size: 26px;
    background: 0 0;
    border: 1px solid #7e7e7e;
    color: #7e7e7e;
    position: relative
}

#owl-story-about .owl-dots .owl-dot span:before {
    content: "1";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    line-height: 80px
}

#owl-story-about .owl-dots .owl-dot:nth-child(2) span:before {
    content: "2"
}

#owl-story-about .owl-dots .owl-dot:nth-child(3) span:before {
    content: "3"
}

#owl-testimonials .item {
    padding: 45px;
    border-radius: 15px
}

#owl-testimonials .owl-item img {
    width: auto;
    padding-bottom: 30px
}

.goal-daba {
    border-radius: 50%;
    width: 50px;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    border: 1px solid #012840;
    margin-bottom: 12px;
    transition: .3s ease-in-out
}

.goal-daba i {
    color: #012840;
    transition: .3s ease-in-out
}

#owl-testimonials .owl-nav {
    position: absolute;
    bottom: -10px;
    margin: 0 auto;
    left: 0;
    right: 0
}

.owl-theme .owl-nav [class*=owl-]:focus {
    outline: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    outline: 0
}

#owl-services .owl-dots .owl-dot {
    outline: 0
}

#owl-services .owl-dots .owl-dot.active span {
    background: #ff004a
}

#owl-services .owl-dots .owl-dot span {
    background: #002e66;
    height: 20px;
    width: 20px
}

#owl-services .owl-stage .owl-item .bookItem {
    height: 100%
}

#owl-services .owl-item p {
    font-size: 13px
}

.cardCounter .h2Heading {
    font-size: 90px;
    color: #002e66
}

.cardCounter p {
    font-size: 20px;
    line-height: 1.2;
    color: #68bef1
}

.cardCounter {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    border: none;
    width: 100%;
    margin: -40px 0 -45px;
    padding: 35px 0
}

#home-pricing-brand .owl-stage-outer,
#home-pricing-ecom .owl-stage-outer,
#home-pricing-video .owl-stage-outer,
#home-pricing-web .owl-stage-outer {
    padding: 17px 10px
}

#home-pricing-brand .item,
#home-pricing-ecom .item,
#home-pricing-video .item,
#home-pricing-web .item {
    margin-right: 15px
}

#home-pricing-brand .myCard2,
#home-pricing-ecom .myCard2,
#home-pricing-video .myCard2,
#home-pricing-web .myCard2 {
    border: 1px solid #051d38;
    border-radius: 15px
}

.myCard2 {
    word-break: break-word
}

.myCard2.cardForProjectComp {
    text-align: center;
    border: 2px solid #68bef1;
    border-radius: 5px;
    height: 100%;
    padding-top: 35px
}

.myCard2 .font-32 {
    font-size: 25px
}

.myCard2 .btn-yellow {
    margin-top: 15px !important
}

.myCard2 .btn-yellow {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
}

.myCard2 .view-detail {
    display: block;
    text-align: center;
    color: #10142b;
    padding: 15px 0;
    border-bottom: 1px solid #68bef1;
    margin: 0 0 15px
}

.myCard2 .liveChat,
.myCard2 .mob {
    color: #10142b;
    font-size: 15px
}

.myCard2:hover:not(.bestSeller) {
    z-index: 2;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.029);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.029);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.029);
    transition: all .2s ease-in;
    transform: scale(1.029)
}

.float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 29px;
    left: 19px;
    background-color: #ffb700;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    animation: .7s shakeIt infinite alternate;
}
.chatBtnFloat{
  animation: .7s shakeItChat infinite alternate;
}
.my-float {
    margin-top: 9px;
    color: #fff;
    font-size: 37px !important;
}

@keyframes shakeIt{
  0%{
    bottom:10px;
  }
  100%{
    bottom: 29px;
  }
}
@keyframes shakeItChat{
  0%{
    bottom:80px;
  }
  100%{
    bottom: 99px;
  }
}

.star-image-trust{
  max-width: 133px;
}
#lightbox > div.lb-outerContainer{

  width: 80% !important;
    height: 825px  !important;
    overflow: scroll;

}

.lightbox .lb-image {
width: 100% !important;
height: auto !important;
}

.doublewrap {
       position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-top: 30px;
    padding: 25px 40px;
    min-height: 612px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.doublewrap h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #013d93 ;
    margin: 0;
    font-weight: bold;
}


.doublewrap h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    color: #2d2b25;
    margin: 15px auto 20px;
}

.font-18{
  font-size: 18px;
}
.font-12{
  font-size: 16px;
}
.font-12{
  font-size: 12px;
}

div.doublewrap ul li.heading {
    font-size: 16px;
    font-weight: 700;
    color: #013d93 ;
    padding: 5px 0;
    margin-top: 10px;
}
.jack li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0;
    opacity: 1;
    color: #7b7b7b;
    padding-bottom: 6px;
    padding-left: 20px;
}

.jack li:before {
    position: absolute;
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 3px;
    height: 5px;
    width: 5px;
    color: #013d93 ;
    border-radius: 50%;
}

.chatt a.action-no {
    font-size: 18px;
    color: #013d93 ;
    margin-right: 20px;
}
.chatt .actions .action-chat {
    color: #013d93 ;
    font-size: 20px;
}
.combo-bg-pkg h2.small-head {
    padding: 0;
    font-size: 16px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}

.priccc {
    padding-top: 20px;
    width: 49%;
    float: left;
    text-align: left;
}


.review-heading{
  font-size: 14px;
  min-height: 35px;
}
.review-para{
  font-size: 12px;
  min-height: 40px;
}
.review-para::-webkit-scrollbar{
  width: 1px;
  font-weight: 100;
  background:#00b67a;
}
.reviwer-name{
  font-size: 14px;
  font-weight: 500;
}
.wrapk {
    text-align: right;
    width: 49%;
    float: right;
    padding-top: 20px;
}

.doublewrap span.price {
    font-size: 42px;
    font-weight: 700;
    color: #013d93 ;
    margin: 0 0 20px;
    display: inline-block;
    line-height: 36px;
}

span.old-price {
    display: inherit;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 0 auto 7px;
    color: #b7b7b7;
    text-decoration: line-through;
}


.doublewrap input[type=submit].btn {
    border-radius: 0;
    height: auto;
    background-color: #013d93 ;
    margin-bottom: 10px;
    margin-top: 0;
    width: 190px;
    text-align: center;
    outline: 0;
    color: #fff;
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.doublewrap p.nichaywala {
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px;
}

.doublewrap a {
    color: #000;
    text-decoration: underline;
}

.doublewrap .right {
    position: absolute;
    right: 6px;    top: 20px;
}


.doublewrap .right img {
    width: 200px;
}


.jack  li.heading:before {
    position: relative  !important;
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    
    height:auto  !important;

}

.line-bot-yellow-225{

  border-top: 1px  solid rgb(255 255 255);

}
.btn-yellow:hover {
 
    color: #fff !important;

}
h3.wow::before {
    content: "";
    width: 75px;
    height: 10px;
    display: block;
    background: #68bef1;
    background-color: #68bef1;
    margin-bottom: 15px;
    text-align: center;

    margin: 0px auto 15px;
}
.myCard2 .view-detail {

    font-weight: bold  !important;
}

.btn-fill {
  background: #ffdc00 !important;
  color: black;
  font-weight: bold;

}
.floating_wrap .btns_wrap .chat_wrap{
  top: 187px;
}
.floating_wrap .btns_wrap .chat_wrap i{
    color:#000 !important;
    background: #ffdc00 !important;
}
.floating_wrap .btns_wrap .call_wrap{
  top: 245px;
}
.floating_wrap .btns_wrap .call_wrap i{
    color:#000 !important;
    background: #ffdc00 !important;
}
.floating_wrap .float_form_box .floating_form{
  top: 303px;
}
.floating_wrap .float_form_box .floating_form .floating_strip{
  box-shadow: 26px 6px 40px #0000003b !important;

}
.floating_wrap .float_form_box .floating_form .floating_strip{
    background: #ffdc00 !important;
    color:#000 !important;
}
.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a{
    color: #000;
}
.btn-yellow{
    /* color:#fff;
    background: #042048 !important; */
}


.inerservice-banner .isb-textwrapper {
    padding: 0 0 0 0 !important;
    /* display: table-cell; */
    width: 100%;
    vertical-align: middle;
}

#home-pricing-brands .item, #home-pricing-ecoms .item, #home-pricing-videos .item, #home-pricing-webs .item {
    margin: 7px;
    width: 31%;
    float: left;
    margin-bottom:25px;
}
#home-pricing-webs > div:nth-child(7){

width:100%;

}

#home-pricing-brands .owl-stage-outer,
#home-pricing-ecoms .owl-stage-outer,
#home-pricing-videos .owl-stage-outer,
#home-pricing-webs .owl-stage-outer {
    padding: 17px 10px
}

#home-pricing-brands .item,
#home-pricing-ecoms .item,
#home-pricing-videos .item,
#home-pricing-webs .item {
    margin-right: 15px
}

#home-pricing-brands .myCard2,
#home-pricing-ecoms .myCard2,
#home-pricing-videos .myCard2,
#home-pricing-webs .myCard2 {
    border: 1px solid #051d38;
    border-radius: 0px;
    box-shadow:10px 10px 30px #999;
}
#contactForm > div > div.col-lg-12.text-center > p > input{
  width:100%;
}
        .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 100vh; */
  background: url('img/video.html') no-repeat center center/cover;
}
.headerVideo {
  width: 100%;
  /* min-height: 100vh; */
  z-index: 1;
}
.overlay {
  width: 100%;
  background: url('img/video.html') no-repeat center center/cover;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  /* background:#00000075; */
  /* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%); */
  background-size: 3px 3px;
  z-index: 2;
}
.screen {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ccc;
    border-radius: 15px;
  }
  .screen img {
    padding:30px;
    width:100%;
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    /* max-width: 290px; */
    transition: transform 1s ease-in-out 0.5s;
    margin:0 auto;
}
.screen:hover img {
    transform: translateY(-50%);
}
.home-form{z-index:9;}
.bnr-slider.slick-slider{z-index:1}

@media(max-width:1000px){
.bg-video-wrap{
  height:65vh;
  /* display:none; */
}

.bg-video-wrap{
  background:url('img/mblVideoBanner.html');
  background-size:cover;
  background-repeat:no-repeat;
}

.headerVideo{
  display:none;
}
.overlay {
  height:100vh;
}

}
.position-relative{
  position:relative;
}

.bottom-button{
  /* position:absolute;
  bottom: -241px;
  left:25%; */

}
.bottom-button button{
  margin-left:10px
}
@media (max-width:519px){

  .doublewrap .right {
    position: absolute;
    right: -32px;
    top: 0px;
    /* z-index: 20000 !important; */
}

.actions a{
  display: block;
}

.combo-bg-pkg h2.small-head {
    font-size: 12px;

}

.priccc {
    padding-top: 20px;
    width: 100% !important;
    float: none !important;
    text-align: left;
}

.wrapk {
    padding-top: 20px;
    width: 100% !important;
    float: none !important;
    text-align: left;
}


h3.wow::before {
display: none;
}


.inerservice-banner {
    
    padding: 90px 0 !important;
    padding-bottom: 20px  !important;
}

#navbar{
  padding-top: 10px;
}

.sticky .navbar {
    margin-top: 75px !important;
    padding-top: 12px !important;
}


  #home-pricing-brands .item, #home-pricing-ecoms .item, #home-pricing-videos .item, #home-pricing-webs .item {
    margin: 7px;
    width: 100% !important;
    float: left;
    margin-bottom: 25px;
}
  .bottom-button{
    /* left:8%; */
  }
  .lgos-sctn ul li {
    display: inline-block;
    padding: 20px !important;
}
}
.visibility-hidden{
  visibility:hidden;
}

button.play.rounded-box.state-paused {
    display: none;
}
button.play.rounded-box.state-playing {
    display: none;
}
.vp-controls-wrapper ,.vp-controls{
  display: none !important;
}
.mt-min-2{
  margin-top:-22px;
}




.myCustomCardPrice .myCard2 {
    margin-bottom: 20px;
    border: 1px solid #00000069;
    box-shadow: 12px 10px 30px #00000050;
}
.cstmwebdesgn .inerservice-banner {

    padding: 50px 0;
}
.inerservice-banner {
    background-position: center;
    background-size: cover !important;
    /* margin-top: 70px; */
    padding: 120px 0;
    background-attachment: fixed;
    position: relative;
    background : #042048;
    padding-bottom: 20px;
}
.inerservice-banner:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
}
.contentScroll {
    height: 210px;
    margin: 20px 0 0;
    overflow-y: auto
}

.contentScroll::-webkit-scrollbar {
    width: 8px
}

.contentScroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #000;
    border-radius: 10px
}

.contentScroll::-webkit-scrollbar-thumb {
    background: #565a6b;
    border-radius: 10px
}

.contentScroll::-webkit-scrollbar-thumb:hover {
    background: #00072e
}

.contentScroll-upper {
    height: 46px;
    margin-bottom: 15px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #fcc174;
    color: #012840;
    border: none
}

.nav-pills .nav-link {
    background-color: transparent;
    color: #012840;
    height: 60px;
    width: 166px;
    border: 1px solid #012840;
    font-size: 15px;
    font-weight: 700;
    margin: 5px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.wrapper {
    width: 400px;
    font-family: Roboto, sans-serif;
    margin: 0 auto
}

.skill {
    margin-bottom: 28px;
    position: relative;
    overflow-x: hidden;
    padding: 0 5px 0 0
}

.skill>p {
    font-size: 18px;
    font-weight: 700;
    color: #1a1716;
    margin: 0
}

.skill:before {
    width: 100%;
    height: 12px;
    content: "";
    display: block;
    position: absolute;
    background: #e8e8e8;
    bottom: 0;
    border-radius: 10px
}

.skill-bar {
    width: 100%;
    height: 8px;
    background: #68bef1;
    display: block;
    position: relative;
    top: -2px;
    margin: 0 2px
}

.skill1 {
    width: 95%
}

.skill h4 {
    font-size: 16px;
    font-weight: 200;
    font-family: 'Circular Std';
    text-transform: uppercase
}

.skill-bar span {
    color: #68bef1;
    position: absolute;
    border-top: 5px solid #68bef1;
    top: -30px;
    padding: 0;
    font-size: 14px;
    padding: 3px 0;
    font-weight: 500
}

.skill-bar {
    position: relative;
    border-radius: 10px
}

.skill1 .skill-count1 {
    right: 0
}

.skill2 {
    width: 85%
}

.skill2 .skill-count2 {
    right: 0
}

.skill3 {
    width: 99%
}

.skill3 .skill-count3 {
    right: 0
}

.skill4 {
    width: 65%
}

.skill4 .skill-count4 {
    right: 0
}

.skill5 {
    width: 80%
}

.skill5 .skill-count5 {
    right: 0
}

.skill6 {
    width: 100%
}

.skill6 .skill-count6 {
    right: 0
}

section.progress-area {
    background-color: #f8f8f8
}

.progress-area p {
    margin-bottom: 0
}

section.progress-bars h4 {
    color: #333
}

.marg-btm {
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .container {
        max-width: 1180px
    }
}

@media (max-width:1416px) {
    .line-b:after {
        width: 90%
    }
}


@media (max-width:1400px) and (max-height:749px)  {

    .btn-wrap.d-inline-block.mb-80.mt-md-5 {
        margin-top: -1rem!important;
    }

    .banner-bot {
        margin-top: -38px;
    }


 
    body > div.bg-video-wrap > div > section > div > div:nth-child(2) > div > p {
        margin-top: -27px;
    }





}


@media (max-width:1199px) {
    h1 {
        font-size: 62px  !important;
        line-height: 61px;
    }
    .cardCounter {
        margin-bottom: 0
    }
    .cardCounter .h2Heading {
        font-size: 70px
    }
    .text-portfolio {
        font-size: 100px;
        line-height: 30px
    }
    .myCard2 .border-right {
        border: none!important;
    }
    .myCard2 .bot-links {
        text-align: center
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 52px  !important;
        line-height: 61px;
    }
    .font-50 {
        font-size: 40px
    }
    .font-75 {
        font-size: 50px;
        line-height: 50px
    }
    .prl-80 {
        padding: 0 30px
    }
    header .navbar-nav,
    header .template-demo {
        background: #002e66
    }
    .navbar-collapse {
        height: calc(100vh - 110px);
        overflow-y: scroll
    }
    .cardCounter .h2Heading {
        font-size: 45px
    }
    .section4 {
        padding: 180px 0 50px
    }
    #slider>div.owl-nav {
        position: absolute;
        bottom: -32px;
        left: -52px
    }
}

@media (max-width:767px) {

    .btn-wrap.d-inline-block.mb-80.mt-md-5 {
        margin-top: -1rem!important;
    }

    .banner-bot {
        margin-top: 20px;
    }


 
    body > div.bg-video-wrap > div > section > div > div:nth-child(2) > div > p {
        margin-top: 50px;
    }

    h1 {
        font-size: 40px  !important;
        line-height: 40px  !important;
    }
    body > div.bg-video-wrap > div > section > div > div:nth-child(2) {
        margin: 0px  !important;
    }
    body {
        padding: 0;
        margin: 0
    }
    h1 {
        font-size: 35px;
        line-height: 30px
    }
    h2 {
        font-size: 32px
    }
    h3 {
        font-size: 30px
    }
    h4 {
        font-size: 24px;
        line-height: 22px
    }
    .font-17 {
        font-size: 16px
    }
    .font-22 {
        font-size: 18px
    }
    .font-20 {
        font-size: 18px
    }
    .font-30 {
        font-size: 22px
    }
    .font-43 {
        font-size: 28px
    }
    .font-45 {
        font-size: 30px
    }
    .font-50 {
        font-size: 28px
    }
    .font-75 {
        font-size: 36px;
        line-height: 38px
    }
    .font-80 {
        font-size: 40px;
        line-height: 35px
    }
    .line-height-32 {
        line-height: 26px
    }
    
    .line-height-45 {
        line-height: 34px !important
    }
    
    .line-height-28 {
        line-height: 22px !important
    }
    
    .line-height-20 {
        line-height: 18px !important
    }
    .text-portfolio {
        font-size: 60px;
        line-height: 15px
    }
    .mb-80 {
        margin-bottom: 0
    }
    .line-bot-green-74 {
        margin: 1rem auto
    }
    .btn-white {
        padding: 13px 18px;
    }
    .btn-red {
        padding: 18px 18px
    }
    .section1 {
        padding: 180px 0 50px
    }
    .section4 {
        padding: 150px 0 50px
    }
    .prl-80 {
        padding: 0
    }
    .navbar-brand img {
        width: 120px
    }
    #slider>div.owl-nav {
        bottom: -60px
    }
    #owl-services .owl-item img {
        width: auto;
        margin: 0 auto
    }
    .cardCounter {
        margin-top: -25px
    }
    .cardCounter .border-right {
        border-right: none !important
    }
    .floating_wrap .float_form_box .floating_form{display: none;}
    video.home-video{display: none;}
    .myCard2{width: 300px;margin: 0 auto;}
}

.border-right {
    border-right: 1px solid #68bef1 !important;
}
.nav-pills .nav-link {
    height: 40px;
    width: 115px;
    font-size: 12px;
    font-weight: 500;
    margin: 2px;
    padding: 2px;
}

@media (max-width:400px) {
    h1 {
        font-size: 25px !important;
        line-height: 29px !important;
    }
    .text-portfolio {
        font-size: 50px;
        line-height: 10px
    }
    .foot-img-wrap {
        padding: 50px 0
    }
    .foot-img-wrap img {
        width: 200px
    }
    
}

#modalForDiscount .modal-content {
    background-color: #39409b;
    background: url(../images/popup.jpg) no-repeat center/cover
}

@media(max-width:1000px) {
    #modalForDiscount .modal-content {
        background: 0 0;
        background-color: #39409b
    }
}


.section12{
    overflow-x: hidden;
    width: 100%;
}

#modalForDiscount .modal-content .mainH1 {
    font-size: 45px
}

#modalForDiscount .modal-para {
    font-size: 19px;
    margin-bottom: 50px
}
@media(max-width: 600){
    #modalForDiscount .modal-content .mainH1 {
        font-size: 22px !important;
    }
    #modalForDiscount .modal-para {
        font-size: 12px !important;
        margin-bottom: 19px !important;
    }
}
#modalForDiscount .modal-fom .form-control {
    height: 45px;
    margin-bottom: 22.5px
}

#modalForDiscount .modal-fom textarea.form-control {
    height: 180px
}

#modalForDiscount .btn-modal {
    font-size: 17px;
    background: #000;
    color: #fff;
    letter-spacing: 1px
}

#modalForDiscount .modal-check-para {
    font-size: 14px;
    margin-bottom: 25px;
    display: inline-block
}

#modalForOrder .modal-content {
    background-color: #39409b;
    background: url(../images/popup.jpg) no-repeat center/cover
}

@media(max-width:1000px) {
    #modalForOrder .modal-content {
        background: 0 0;
        background-color: #39409b
    }
}

#modalForOrder .modal-content .mainH1 {
    font-size: 45px
}

#modalForOrder .modal-para {
    font-size: 19px;
    margin-bottom: 50px
}

#modalForOrder .modal-fom .form-control {
    height: 45px;
    margin-bottom: 22.5px
}

#modalForOrder .modal-fom textarea.form-control {
    height: 180px
}

#modalForOrder .btn-modal {
    font-size: 17px;
    background: #000;
    color: #fff;
    letter-spacing: 1px
}

#modalForOrder .modal-check-para {
    font-size: 14px;
    margin-bottom: 25px;
    display: inline-block
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 1000px
    }
}

.v-text {
    font-weight: 900;
    opacity: .2;
    transform: rotate(270deg);
    display: block;
    font-size: 113px;
    position: absolute;
    top: 0;
    left: -232px;
    z-index: 0
}

div.gd {
    width: 368px;
    height: 87%;
    position: absolute;
    right: -13%;
    bottom: 16px;
    z-index: 300;
    background: linear-gradient(90deg, rgba(252, 197, 127, 0) 0, #fcc57f 80%)
}

#slider>div.owl-nav>button>div.goal-daba {
    border-radius: 50%;
    width: 70px;
    text-align: center;
    height: 70px;
    margin: 0;
    padding: 0;
    line-height: 70px;
    border: 1px solid #fff;
    margin-bottom: 12px;
    transition: .3s ease-in-out
}

#slider>div.owl-nav>button>div.goal-daba i {
    color: #fff
}

#slider>div.owl-nav>button {
    color: #fff !important
}

.tlabels {
    font-size: 35px;
    font-weight: 800;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 27px;
    padding-left: 115px;
    line-height: 47px
}

#modalForDiscount>div>div>div>button {
    color: #fff !important
}

.floating_wrap .btns_wrap {
    position: fixed;
    right: 0;
    z-index: 10000;
    font-family: poppins
}

.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: fixed;
    right: -150px;
    width: 200px;
    background: #fff;
    top: 14%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .call_wrap {
    width: 237px;
    position: fixed;
    right: -188px;
    background: #fff;
    top: 32%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box {
    position: fixed;
    right: 0;
    z-index: 10000;
    font-family: poppins
}

.margin-bottom-10 {
    margin-bottom: 10px
}
.border-yellow{
    border: 2px solid #ffb700;
    background-color: transparent;
}

.bestSeller::before{
    content: '';
    width: 118px;
    height: 123px;
    background-image: url(../images/bestseller.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    right: 8px;


}

.btn-fill {
    background-color: #ffb700;
    color: #fff;
    text-decoration: none;
    height: 45px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 15px 15px;
    outline: 0;
    border: none;
    min-width: 175px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.floating_wrap .float_form_box .floating_form {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 30%;
    position: fixed;
    right: -300px;
    width: 350px;
    font-size: 0;
    background: 0 0;
    overflow: hidden;
    border-radius: 0;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    float: left;
    width: 50px;
    overflow: hidden;
    height: 300px;
    border-radius: 5px 0 0 5px;
    position: relative;
    background: -moz-linear-gradient(left, #fcc174 0, #d99032 100%)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #fff;
    font-size: 20px;
    width: 300px;
    text-align: center;
    height: 65px;
    padding-top: 9px;
    position: absolute;
    transform: rotate( 360deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate( -90deg)
}

.floating_wrap .float_form_box .floating_form .floating_inner {
    width: 85.7%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3 {
    font-size: 24px;
    color: #002791;
    margin-bottom: 0;
    font-family: Poppins;
    font-weight: 700;
    text-align: center
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap {
    padding-top: 20px
}

.floating_wrap #quoteForm .form-control {
    height: 40px
}

.floating_wrap .float_form_box {
    position: fixed;
    right: 0;
    z-index: 10000
}

.floating_wrap .float_form_box .floating_form {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 294px;
    position: fixed;
    right: -300px;
    width: 350px;
    font-size: 0;
    background: 0 0;
    overflow: hidden;
    border-radius: 0;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    float: left;
    width: 50px;
    overflow: hidden;
    height: 300px;
    border-radius: 5px 0 0 5px;
    position: relative;
    background: -moz-linear-gradient(left, #46c7fa 0, #bda9dc 100%);
    background: #ffb700;
    color: #000
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a:hover {
    text-decoration: none
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #000;
    font-size: 23px;
    width: 300px;
    text-align: center;
    height: 65px;
    letter-spacing: .5px;
    padding-top: 9px;
    font-weight: 600;
    position: absolute;
    transform: rotate(360deg);
}

.floating_wrap .float_form_box .floating_form .floating_inner {
    width: 85.7%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3 {
    font-size: 24px;
    color: #002791;
    margin-bottom: 0
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap {
    padding-top: 20px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3:before {
    display: none
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .form-control {
    color: #000;
    border: 1px solid #bdbcbc;
    border-radius: 10px;
    height: 44px
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form textarea.form-control {
    height: 85px
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form input#quoteSubmit {
    border-radius: 10px;
    width: 100%
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .margin-bottom-20 {
    width: 100%;
    margin-bottom: 11px;
    padding-right: 15px
}

.floating_wrap #quoteForm .form-control {
    height: 40px
}

.floating_wrap .float_form_box .floating_form.open {
    z-index: 9999;
    right: 0;
    border-radius: 5px 0 0 5px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.notscroll {
    overflow: hidden
}

.notscroll .floating_wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .82);
    z-index: 10000
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input::-moz-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input:-ms-input-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input:-moz-placeholder {
    color: #fff !important;
    opacity: .5
}

.formwrap {
    padding-right: 90px
}

.formwrap .form-control {
    height: 40px;
    background-color: transparent;
    border: 1px solid #587eab;
    color: #fff
}

.formwrap input#quoteSubmit {
    text-decoration: none;
    height: 45px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    display: inline-block;
    padding: 15px 45px;
    line-height: 100% !important;
    outline: 0;
    border: none;
    min-width: auto;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px;
    background: #fff;
    color: #145db1;
    border: 2px solid #fff;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.formwrap input#quoteSubmit:focus,
.formwrap input#quoteSubmit:hover {
    background-color: #fff;
    color: #145db1;
    text-decoration: none
}

.formwrap .mid-body {
    text-align: left
}

.formwrap #quoteForm textarea.form-control {
    min-height: 80px
}

.formwrap.mywrap .mid-body {
    text-align: center
}

.formwrap.mywrap .form-control {
    height: 42px;
    border-radius: 5px !important;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    color: #fff
}

.formwrap.mywrap input#quoteSubmit {
    font-size: 14px;
    height: 50px
}

.floating_wrap .btns_wrap {
    position: fixed;
    right: 0;
    z-index: 10000
}

.floating_wrap .btns_wrap a:hover {
    text-decoration: none !important;
    right: 0
}

.floating_wrap .btns_wrap .call_wrap {
    width: 237px;
    position: fixed;
    right: -188px;
    background: #fff;
    top: 232px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .call_wrap i {
    color: #000;
    font-size: 31px;
    padding: 10px 14px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #45c7fa 0, #bda9dc 100%);
    background: #ffb700
}

.floating_wrap .btns_wrap .call_wrap span {
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px
}

.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: fixed;
    right: -150px;
    width: 200px;
    background: #fff;
    top: 173px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .chat_wrap i {
    color: #000;
    font-size: 31px;
    padding: 10px 12px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #46c7fa 0, #bda9dc 100%);
    background: #ffb700
}

.floating_wrap .btns_wrap .chat_wrap span {
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px
}

.thumb {
    margin-bottom: 30px
}

.nav-pills .page-top {
    margin-top: 0;
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.transition {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent !important;
}
.modal-header {
    border-bottom: none
}

.modal-title {
    color: #000
}
.bg-first{
    background-color: #ffb700;
    border: 1px solid #fff;
}
.modal-footer {
    display: none
}

.mycardtwo .readMore, .mycardtwo .readMore button{
    margin: 0!important;
}
.mycard .readMore, .mycard .readMore button{
    margin: 0!important;
}
.section12 .hrWhite{margin: 0 auto!important;}
.banner-bot ul{padding: 0;text-align: center;}
.banner-bot ul li {
    display: inline-block;
    width: 14%;
    padding-top: 20px;
}
.banner-bot ul li img {
    width: 100%;
}
.owl-home-clients.owl-carousel .owl-item .img-wrap{width: 150px;margin:auto;opacity: 0.5;}

@media(max-width:767px){
.banner-bot ul li {
    display: inline-block;
    width: 26%;
    padding-top: 10px;
}
.banner-bot ul li img {
    width: 86px;
}
}

.jun{
   visibility: hidden !important;
   position: absolute; 
}