.clr{ clear:both; }
#carouselExampleCaptions,
#carouselExampleCaptions .carousel-innr,
#carouselExampleCaptions .carousel-inner > .carousel-item {
    overflow: hidden;
}
#carouselExampleCaptions .carousel-inner > .carousel-item.active,
#carouselExampleCaptions .carousel-inner > .carousel-item-next {
    display: flex;
    flex-wrap: nowrap;
}
#carouselExampleCaptions .carousel-inner:before {
    position:absolute;
    top:0;
    bottom: 0;
    right: 100%;
    left: 0;
    content:"";
    display:block;
    background-color: #fff;
    z-index: 2;
}
#carouselExampleCaptions .carousel-inner:after {
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    left: 100%;
    content:"";
    display:block;
    background-color:#fff;
    z-index: 2;
}

#carouselExampleCaptions .carousel-control-prev {
    z-index: 20;
    left: 0;
    background: #ee9a1e;
    padding: 0;
    margin: 0;
    top: 50%;
    height: 30px;
    width: 22px;
}

#carouselExampleCaptions .carousel-control-next {
    z-index: 20;
    right: 0;
    background: #ee9a1e;
    padding: 0;
    margin: 0;
    top: 50%;
    height: 30px;
    width: 22px;
}
#turn { display:none; }
/* (A) WRONG ORIENTATION - SHOW MESSAGE HIDE CONTENT */
@media screen and (orientation:landscape), (min-width:990px) {
  #turn { background: #ee9a1e;
    height: 100%;
    display: flex;
    align-items: center; }
  #potrait { display:none; }
}
 
/* (B) CORRECT ORIENTATION - SHOW CONTENT HIDE MESSAGE */
@media screen and (orientation:portrait), (min-width:990px) {
  #turn { display:none; }
  #potrait { display:block; }
}

.box-shadow-circle{
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

.tabs-shadow{
-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
}
.tabs-shadow li{flex: auto; text-align: center; margin: 1px 1px 0 !important;}
.tabs-shadow li a{ margin:0 !important; }
.tabs-shadow .active{
     color: #ee9a1e !important; border: none !important; border-radius: 15px;padding: 0 5px; text-align: center;  
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.38);
background: #fff !important;
}

.gradient {
    background-image: -webkit-linear-gradient(58deg, #d4c6c6 45%, #faf2f2 0%);
    background-image:    -moz-linear-gradient(58deg, #d4c6c6 45%, #faf2f2 0%);
    background-image:     -ms-linear-gradient(58deg, #d4c6c6 45%, #faf2f2 0%);
}
#animation-demo {
    
    position: relative;
} 

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}
.carddiv{
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75);
}
.cardimg{
    -webkit-box-shadow: 0px 26px 31px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 26px 31px -11px rgba(0,0,0,0.75);
box-shadow: 0px 26px 31px -11px rgba(0,0,0,0.75); 
}

.checkmark {
  width: 150px;
  display: block;
  margin: 40px auto 0;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  &.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  &.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  &.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }
}


@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}



@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

.welcomebg{
    background-image:url('../../assets/img/configure/conf.jpg'); position: relative;background-size: cover; background-position: top;
}
.welcomebg::before{ position:absolute; background:#fff; height:100%; width:100% }
.cardbutton{ background:#013b43 !important; }

@keyframes float {
  0% {
   
    transform: translatey(0px);
  }
  50% {
   
    transform: translatey(-20px);
  }
  100% {
    
    transform: translatey(0px);
  }
}


.avatar {
  position: fixed;
  box-sizing: border-box;
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
  z-index: 1; right:0; bottom: -30px; 
}
.avatar img { width:100% }
.body_bg{background: url(../../assets/img/configure/main-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;}
.mainbg{ overflow:hidden; width:100%; height:100%; position:absolute; }

 .mainbg::before{content: "";width:100%; height:100%;top:0%; left:0%;  position:absolute;

}
.addons-benefits input[type="checkbox"] {visibility: hidden;position: absolute}
#msg{ border:none; background:transparent; color:#7e8299; font-weight:500; outline:none; }
.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        -o-transform: scale(1);
    }

    70% {
        -o-transform: scale(1);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        transform: scale(1);
    }

    70% {
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

.nav-active .btn-sm.btn-light.active{ background-color:#181c32 !important; color: #fff; outline: none;}
.table.gy-4 td.td_remove, .table.gy-4 th{border-right: 1px dashed #e4e6ef;}
.table.gy-4 td.td_remove:last-child, .table.gy-4 th:last-child{ border:0; }
/*.service-border{border-bottom: 1px dashed #e4e6ef;}*/
.cvpbanner{
    background: rgb(140,159,177);
background: linear-gradient(0deg, rgba(140,159,177,1) 0%, rgba(57,88,116,1) 100%);
}
.custometabs .nav-item a{background: #f9f9f9 !important; border: 0 !important; margin: 0 5px 0 !important}
.custometabs .nav-item a.active{background: #181c32 !important; color: #fff; border: 0;}
.custometabs .nav-item a:hover{background: #181c32 !important; color: #fff; border: 0;}
.selectwidth { width: auto !important; min-width: 250px; }
.gradient-effect img{ border-radius:20px; }
.gradient-effect:after{content:""; border-radius: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.6951155462184874) 22%, rgba(0, 212, 255, 0) 100%);}
.tns-outer{margin: 0 0 20px !important}
.tns-outer .tns-nav{bottom: -16px; position: absolute; width: 100%; z-index:99; }
.offercard{background: rgb(140, 159, 177);
    background: linear-gradient(0deg, rgba(140, 159, 177, 1) 0%, rgba(57, 88, 116, 1) 100%);}
    .bell-animation{
  display:block;
  width: 15px;
  height: 15px;
  font-size: 15px;
  margin:0px auto 0;
  color: #9e9e9e;
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}