@charset "utf-8";

/* CSS Document */

body {

    font-family: 'Poppins', sans-serif !important;

  font-size: 16px !important;

  color:#6A6A6A;

}
.para-font{
   font-size: 1.25rem;
   font-weight: bold;
   color: #212529;
}

.footer-font{
   font-weight: bold;
   color: #292929;
   margin-top: 0; 
}
.entitylable {
    font-size: 15px !important;
}

.select2-search--dropdown {
    background-color: #f7f7f7;
   font-size: 12px;

}
.select2-search__field{
   background-color: #f7f7f7;
   font-size: 12px;
   padding: 10px !important;
}

.select2-results {
    display: block;
    padding-left: 10px;
    background-color: #f7f7f7;
}
.select2-container .select2-selection--single{
  height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px;
}

.select2-container--default .select2-selection--single {
    background-color: #f7f7f7 !important;
    height:28px; 
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    border-radius: 10px;
    outline: none !important;
}

.select2-results__option{
  padding-left: 4px;
  font-size: 12px;
  /*background-color: #f7f7f7 !important; */
}
.select2-selection__clear{
  display: none;
}
.select2-container--default .select2-selection--single{
  font-size: 12px;
    background-color: #f7f7f7 !important; 
}

#notfname-error{
 font-size: 12px !important;
}

#notlname-error{
 font-size: 12px !important;
}

#notemail-error {
    font-size: 12px !important;
}

.btn-submit{
  width: 200px !important;
}

.semibold{
  font-weight: 500;
}
.fa-angle-left{
font-weight: bold !important;
}

.fa-angle-right{
  font-weight: bold !important;
}
.card-body-size {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6{

  font-weight: bold;

  color: #292929;

}

a{

  color: rgba(144,144,144,1);

}

a:hover{

  text-decoration: none;

  color: rgba(106,106,106,1);

}

.font-size-20px{

  font-size: 20px;

}

.nav-link:hover, .nav-link.active{

  text-decoration: underline;

  color: #23C38B;

  font-weight: 500;

}



.menu{

  text-align:right;

}

.menu-mobile{display:none;}

.prev-btn{

  font-size: 20px;

    background: rgba(242,242,242,1);

    padding: 10px 20px;

    border-radius: 10px;

    margin-left: 5px;

}

.next-btn{

  font-size: 20px;

    background: rgba(242,242,242,1);

    padding: 10px 20px;

    border-radius: 10px;

    margin-left: 5px;

}

.package-show{
    display:flex;
    margin-left: 0px;
}
.mobile-font{
      width:3%;
  }
.desktop-font{
     width:97%;
}

@media (max-width: 767px) {
  .pad-mob {
    padding: 0px!important;
  }
  
.mobile-font{
      width:5%;
  }
.desktop-font{
     width:95%;
}
.text-top{
    margin-top: -70px !important;
}
}
.form-control {

    display: block;

    width: 100%;

    height: calc(2em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.5;

    color: #6A6A6A;

    /*background-color: rgb(171 165 165 / 29%);*/
    background-color:#F6F6F6;

    background-clip: padding-box;

    border: none;

    border-radius: 10px;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.navbar-nav {

    display: -ms-flexbox;

    display: inline-flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.banner{

    background-image: linear-gradient(#E4F8FB, #fff);

    height: 600px;

    background-repeat: repeat-x;

}

.banner_inner_page {

    background-image: linear-gradient(#e4f8fb,#e4f8fb, #fff);

    height: auto;

    /* background-repeat: repeat-x; */

    padding-top: 70px;

}

.banner_inner{

    background-image: url(../../assets/image/banner4.png);

    height: 670px;

    background-size: 100% auto;

  background-repeat:no-repeat;

}

.tulipbg{

    background-image: url(../../assets/image/tulipbg.png);

    height: 381px;

    background-repeat: no-repeat;

    margin: 50px 0;

    padding: 70px 180px;

  border-radius:10px;

}

.trademark-patentpge h2 em{

  font-style: normal;

}
.trademark-patentpge h3 em{

  font-style: normal;

}

.title-heading , .whataboutbrandip h1, .trademark-patentpge h2,.trademark-patentpge h3{
    text-align: center;
  color: #292929;
  font-weight: bold;
  font-size: 30px;

}

.tulipbg h2{

  text-transform: capitalize;

    color: #8b5531;

    font-weight: 600;

    font-size: 1.8rem;

}

.tulipbg li::marker{

    color: #B5D059;

    font-size: 18px;

}

.btn {

  font-size: 16px;

  border-radius: 10px !important;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  width: auto;

  border: none;

  text-transform: uppercase;

  padding: 0 30px !important;

  height: 40px;

  line-height: 40px;

  transition: none!important;

  box-shadow: none !important;

}

.btn:link, .btn:visited{

  text-decoration: none;

  text-transform:uppercase;

  position:relative;

  top:0;

  left:0;

  padding:20px 40px;

  border-radius:10px;

  display:inline-block;

  transition: none!important;

  box-shadow:none !important;

}

.btn:hover{

  box-shadow:0px 10px 10px rgba(0,0,0,0.2);

  transition: none!important;

  box-shadow:none !important;

}



.btn:active{

  box-shadow:0px 5px 10px rgba(0,0,0,0.2);

  transform:translateY(-1px);

}

@keyframes comeFromBottom{

  0%{

    opacity:0;

    transform:translateY(40px);

  } 

  100%{

    opacity:1;

    transform:translateY(0);

  }

}

.font-size12{

  font-size:inherit;

}

.banner-heading h2{

  line-height: 45px;

    margin-top: 40px;

    text-align: center;

    font-family: Poppins;

    font-style: normal;

    font-weight: normal;

    font-size: 33.2px;

    color: rgba(124,44,19,1);

    /* text-transform: uppercase; */

}

.btn-danger, .btn-danger::after{

  background:#4E66D9 !important;

}

/* .btn-danger:hover{

  background: #C12F44 !important;

}

.btn-danger:active {

  background: #C12F44 !important;

  transform: translateY(4px);

} */

.btn-info, .btn-info::after, .btn-info:hover

{

  background-color:#4E66D9;

  border-color:#4E66D9;

}



/* .btn-info:hover{

  background: #1382D3 !important;

} */

/* .btn-info:active{

  background: #1382D3 !important;

  transform: translateY(4px);

} */

.btn-primary, .btn-primary::after{

  background:#A3E1EA !important;

}

/* .btn-primary:hover{

  background: #00A36A !important;

}

.btn-primary:active{

  background: #00A36A !important;

  transform: translateY(4px);

} */

/* .btn-dark {

  background: #F5A344 !important;

}

.btn-dark:hover{

  background: #E88007 !important;

}

.btn-dark:active {

  background: #E88007 !important;

  transform: translateY(4px);

} */

.brown-box{

  background: rgba(139,85,49,1);

    padding: 20px;

    color: rgba(255,255,255,1);

    border-radius: 20px;

}

.brown-box .number{

  background: #D7EB92;

    width: 50px;

    height: 50px;

    text-align: center;

    color: #8b5531;

    font-size: 20px;

    border-radius: 50%;

    line-height: 50px;

}

.gray-box{

    /*background: rgb(171, 165, 165, 0.29);*/
    background:#FCFCFC;
    padding: 20px;

    color: rgba(0,0,0,1);

    border-radius: 20px;

    height: 160px;

    text-align: center;

}

.gray-box-6{

  /*background: rgb(171 165 165 / 29%);*/
  /*background:#FCFCFC;*/
background:#F8F8F8;
    padding: 20px;

    border-radius: 20px;

    text-align: center;

    color: #000000;

    height: 100% !important;

}



.gray-box-6 .fa, .gray-box-6 .fas{

  font-size: 24px !important;

    margin-bottom: 10px;

    color: #B9B9B9;

    line-height: 30px;

    padding-right: 10px;

}

a:hover .gray-box-6 .fa, a:hover .gray-box-6 .fas,a:hover .gray-box-6{

  color: #4E66D9;

}

.gray-box-6 p{

  font-weight: lighter;

  font-size:16px !important;

} 

.case-studies img{

  border-radius: 50%;

}

.name_additions_bg {

  background: rgb(252 252 252);

  border-radius: 0 0 20px 20px;
}

.name_additions{

  display: inline-flex;

  float: right;

}

.name_additions li{

   margin-right: 18px;

    padding: 4px 0;

    text-align: center;

}

/* .name_additions .heart_icon{

  background-image: url(../../assets/image/ic_favorite_24px.png);

    height: 20px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    width: 20px;

} */



.name_additions .info_icon{

  background-image: url(../../assets/image/ic_info_24px.png);

    height: 24px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    width: 24px;

}

.name_additions .tulip_icon{

  background-image: url(../../assets/image/3039_Brandips_logo.png);

    height: 24px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    width: 18px;

}

.name_additions .heart_icon:hover, .name_additions .info_icon:hover, .name_additions .tulip_icon:hover{

  filter: brightness(0%);

}



.client-name{
    margin-top: 10px;
  line-height: 20px;

    text-align: left;

    font-family: Poppins;

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    color: #4E66D9;
    text-transform: capitalize;

}

.client-name h3{
    margin-top: 10px;
  line-height: 20px;

    text-align: center;

    font-family: Poppins;

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    color: #4E66D9;
    text-transform: capitalize;

}
.client-position{

  color: #000;

  font-size:12px;

}

.logo-name-bg{

  background:rgb(242 242 242);

  padding: 10px;

}

.categorybg {

  background: rgb(252 252 252);

  padding: 10px;

  border-radius: 0 0 20px 20px;

}

.logo-detail-bg{

  background:rgb(235 235 235);

  border-radius: 0 0 20px 20px;

}

.logo-detail-bg .logo-price{

  text-align: right;

    font-family: Poppins;

    font-style: normal;

    font-weight: bold;

    color: rgba(232,71,94,1);

}

.cart{

  padding: 10px 0;

  background:rgba(185,185,185,1);

  color:#fff;

  border-radius: 0 0 20px 0;

  text-align: center;

}



.cart a{

  color:#fff;

}

.cart:hover, .cart a:hover{

  background:rgba(232,71,94,1);

}

.controls-top{

    float: right;

    position: relative;

    top: -30px;

}

footer{
    color: #8b8c8c;
    background-repeat: repeat-x;
    padding-top: 20px !important;
}

footer a{

  color: #6A6A6A;

  font-size: 14px;

}

footer h6{

  font-size: 14px;

  color: #292929;

}
footer h4{

 font-size: 14px;

  color: #292929;

}

footer a:hover{

  color: #8b8c8c;

}

footer p{

  margin-top: 22px;

    color: #6A6A6A;

    font-size: 14px;

}

footer p a{

  color:#000000;

  text-decoration:underline;

}

  

.social{

  display: inline-flex;

}

.social li{

  margin-right: 8px;

    width: 35px;

    height: 35px;

    background: #6A6A6A;

    border-radius: 5px;

    padding: 3px 0;

    text-align: center;

}

.social li a{

  font-size:20px;

  color:#FFFFFF;

}

 .brown-bg{

  background-color:transparent;

 }

 .sidenav{display:none;}

 

.fontpara-size{

  font-size:14px

 }



.mixedSlider {

  position: relative;

}

.mixedSlider .MS-content {

  white-space: nowrap;

  overflow: hidden;

}

.mixedSlider .MS-content .item {

  display: inline-block;

  position: relative;

  vertical-align: top;

  overflow: hidden;

  height: 100%;

  white-space: normal;

}

.text-dark {

  color: #292929 !important;
  font-size: 1.25rem;

}

@media (max-width: 991px) {

  .sky-color{

    background-color: #f4fffe;

  }

  .header_banner_text{

  position: relative;

  } 

}

@media (max-width: 767px) {

  .mixedSlider .MS-content .item {

    width: 100%;

  }

}

@media (max-width: 767px) {

  .mixedSlider .MS-content .pro {

    width: 50%;
    white-space:nowrap;

  }

}

.mixedSlider .MS-content .item .imgTitle {

  position: relative;

}

.mixedSlider .MS-content .item .imgTitle .blogTitle {

  margin: 0;

  text-align: left;

  letter-spacing: 2px;

  color: #252525;

  font-style: italic;

  position: absolute;

  background-color: rgba(255, 255, 255, 0.5);

  width: 100%;

  bottom: 0;

  font-weight: bold;

  padding: 0 0 2px 10px;

}

.mixedSlider .MS-content .item .imgTitle img {

  height: auto;

  width: 100%;

}

.mixedSlider .MS-content .item p {

  font-size: 16px;

  margin: 2px 10px 0 5px;

  color:#6A6A6A;

  text-align:left;

}


.mixedSlider .MS-controls button {

  position: absolute;

  border: none;

  background-color: transparent;

  outline: 0;

  top: -50px;

  color: rgba(0, 0, 0, 1);

  transition: 0.15s linear;

}

.mixedSlider .MS-controls button:hover {

  color: rgba(0, 0, 0, 1);

}

.mixedSlider .MS-controls .MS-left {

  right: 62px;

}

@media (max-width: 767px) {

  .mixedSlider .MS-controls .MS-left {

    right: 50px;

  }

  .mixedSlider .MS-content {

  white-space: nowrap;

  overflow: hidden;

  margin: 60px 0 0 0;

}

}

.mixedSlider .MS-controls .MS-right {

  right: 0px;

}



#basicSlider { position: relative; }



#basicSlider .MS-content {

  white-space: nowrap;

  overflow: hidden;

  margin: 0 2%;

  height: 50px;

}



#basicSlider .MS-content .item {

  display: inline-block;

  width: 20%;

  position: relative;

  vertical-align: top;

  overflow: hidden;

  height: 100%;

  white-space: normal;

  line-height: 50px;

  vertical-align: middle;

}

@media (max-width: 991px) {



#basicSlider .MS-content .item { width: 25%; }

}

@media (max-width: 767px) {



#basicSlider .MS-content .item { width: 35%; }

}

@media (max-width: 500px) {

  #basicSlider .MS-content .item { width: 50%; }

}



#basicSlider .MS-content .item a {

  line-height: 50px;

  vertical-align: middle;

}



#basicSlider .MS-controls button { position: absolute; }



#basicSlider .MS-controls .MS-left {

  top: 35px;

  left: 10px;

}



#basicSlider .MS-controls .MS-right {

  top: 35px;

  right: 10px;

}







/* inner page */



.banner-text{

    margin-top: 25px;

    text-align: center;

}

@media (max-width: 230px) {
  .banner-text h1{
    font-size: 32px !important;
  }
  
  .btn-padding{
      padding:0px !important;
  }
}

.banner-text h1{

    font-size: 42px;

    color: #000000;

    text-transform: capitalize;

}

.banner-text p{

  font-size: 18px;

  margin-bottom: 0.3rem;

}

.bg-inner{

  background-image: linear-gradient(#fff, #E4F8FB);

    height: auto;

    background-repeat: repeat-x;

}

.boxstyle {

    background: #fcfcfc;

    line-height: 35px;

    padding: 20px 0;

    text-align: center;

    border: 1px solid #ccc;

}

.boxstyle i{

  font-size:30px;

}

.get_touch {

    padding: 50px 0;

    margin: 20px 0;

    text-align: center;

  background:#ccc;

}

.need_help {

    font-size: 13px;

    position: relative;

    margin: 30px 0;

    text-align: center;

    padding: 25px;

    height: 370px;

    border-radius: 4px 0px 0px 4px;

    position: relative;

    border: 1px solid #ddd;

    border-right: none;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

.notified {

  margin: 30px 0;

    height: auto;

    line-height: 18px;

    padding: 25px;

    background: #706f6f;

    border: 1px solid #706e6e;

    border-left: none;

    border-radius: 0px 5px 5px 0px;

    color: #f7f7f7;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow: 0 1px 4px rgba(7, 7, 7, 0.3), 0 0 40px rgba(7, 7, 7, 0.1) inset;

    text-align: center;

}

.notified a {

    border: 1px solid #414141;

    margin-right: 5px;

    font-size: 13px;

    color: #706f6f;

    width: 165px;

    background: #d5d2d2;

}

.need_help a {

    border: 1px solid #ddd;

    margin-right: 5px;

    font-size: 13px;

    color: #ececec;

    width: 195px;

    background: #706f6f;

    height: 55px;

    line-height: 35px;

}

.security-logo {

    margin: 20px 50px;

    zoom: 50%;

}

.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}

.well-lg{padding:24px;border-radius:6px}

.well-sm{padding:9px;border-radius:3px}

.panel-title > a:before {

    float: right !important;

    font-family: FontAwesome;

    content:"\f068";

    padding-right: 5px;

}

.panel-title > a.collapsed:before {

    float: right !important;

    content:"\f067";

}

.panel-title > a:hover, 

.panel-title > a:active, 

.panel-title > a:focus  {

    text-decoration:none;

}

.category-link a{

  color:#000;

}

.category-link a:hover{

  color:#5dc187;

}

.category-link li a:after{

    content: "\f0ab";

    font-family: "FontAwesome";

    position: absolute;

    right: 40px;

}

.slider-labels {

  margin-top: 10px;

}



/* Functional styling;

 * These styles are required for noUiSlider to function.

 * You don't need to change these rules to apply your design.

 */

.noUi-target,.noUi-target * {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -ms-touch-action: none;

  touch-action: none;

  -ms-user-select: none;

  -moz-user-select: none;

  user-select: none;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.noUi-target {

  position: relative;

  direction: ltr;

}



.noUi-base {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

/* Fix 401 */

}



.noUi-origin {

  position: absolute;

  right: 0;

  top: 0;

  left: 0;

  bottom: 0;

}



.noUi-handle {

  position: relative;

  z-index: 1;

}



.noUi-stacking .noUi-handle {

/* This class is applied to the lower origin when

   its values is > 50%. */

  z-index: 10;

}



.noUi-state-tap .noUi-origin {

  -webkit-transition: left 0.3s,top .3s;

  transition: left 0.3s,top .3s;

}



.noUi-state-drag * {

  cursor: inherit !important;

}



/* Painting and performance;

 * Browsers can paint handles in their own layer.

 */

.noUi-base,.noUi-handle {

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



/* Slider size and handle placement;

 */

.noUi-horizontal {

  height: 4px;

}



.noUi-horizontal .noUi-handle {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  left: -7px;

  top: -7px;

  background-color: #e7475e;

}



/* Styling;

 */

.noUi-background {

  background: #D6D7D9;

}



.noUi-connect {

  background: #e7475e;

  -webkit-transition: background 450ms;

  transition: background 450ms;

}



.noUi-origin {

  border-radius: 2px;

}



.noUi-target {

  border-radius: 2px;

}



.noUi-target.noUi-connect {

}



/* Handles and cursors;

 */

.noUi-draggable {

  cursor: w-resize;

}



.noUi-vertical .noUi-draggable {

  cursor: n-resize;

}



.noUi-handle {

  cursor: default;

  -webkit-box-sizing: content-box !important;

  -moz-box-sizing: content-box !important;

  box-sizing: content-box !important;

}



.noUi-handle:active {

  border: 8px solid #345DBB;

  border: 8px solid rgba(53,93,187,0.38);

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  left: -14px;

  top: -14px;

}



/* Disabled state;

 */

[disabled].noUi-connect,[disabled] .noUi-connect {

  background: #B8B8B8;

}



[disabled].noUi-origin,[disabled] .noUi-handle {

  cursor: not-allowed;

}

.gray-box .img-fluid{
    max-width: 100%;
    max-height: 200px;
    padding: 0;
    border-radius:20px !important;
}


.leftsidecontentinner .card{

  border-bottom: 1px solid #eee !important;

    border-radius: 0;

    padding-bottom: 20px;

}

.rightsidecontentinner{

  margin-bottom:30px;

}

.top-category a:hover i{

  color:rgba(232,71,94,1);

}

.top-category a:hover .categorybg {

  background-color:rgba(232,71,94,1);

  color:#fff;

}

.page-item.active .page-link, .page-link:hover {

    z-index: 3;

    color: #fff;

    background-color: #E8475E;

    border: none;

}

.page-link {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-left: 8px;

    line-height: 1.25;

    color: #777;

    background-color: #fff;

    border: none;

    background: #F8F8F8;

    border-radius: 10px;

}

.page-item:last-child .page-link {

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}

.page-item.disabled .page-link {

    color: #B5B5B5;

    pointer-events: none;

    cursor: auto;

    background-color: #f8f8f8;

    border-color: #dee2e6;

    border-radius: 10px;

}

@media (max-width: 767px){

    .accordion .cardheader:after {

    font-family: 'FontAwesome';  

    content: "\f068";

    float: right; 

     margin-top: -74px!important;

}

}

.accordion .cardheader:after {

    

     margin-top: -25px;

}

.accordion .card-header:after {

    font-family: 'FontAwesome';  

    content: "\f068";

    float: right; 

     margin-top:0px !important;
    position: absolute;
    top: 10px;
    right: 20px;

}

.accordion .card-header.collapsed:after {

    /* symbol for "collapsed" panels */

    content: "\f067"; 

}

.accordion > .card {

    overflow: hidden;

    border: none;

}

.accordion > .card > .card-header {

    border-radius: 0;

    margin-bottom: 5px;

    border: none;

    border-radius: 10px;

    /*background-color: rgb(171 165 165 / 29%);*/
    background-color:#F6F6F6;
    position: relative;

}

.accordion > .card > .card-header:hover {

  background-color: #F2F2F2;

}

.accordionHeader {  cursor: pointer; }

.rev_numb{

    border-right: 1px solid #9e9a9a;

    padding: 0 10px;

    margin-right: 10px;

    font-size: 18px;

}

.logo-detail-content {

    background: rgb(242 242 242);

    padding:25px 20px;

    border-radius:20px;

}

.logo-detail-content p{

  color:#6A6A6A;

}

.logo-detail-content h6{  

   color:#7C2C13;

}

.logo_detail-price {

  background-image: url(../../assets/image/logo_detail_price.png);

  height: 50px;

  background-repeat: no-repeat;

  background-position: right;

  position: relative;

  left: -20px;

  padding: 20px;

  font-size: 40px;

  font-weight: 600;

  color: #E8475E;

  line-height: 15px;

}

#active-img {

  opacity: 1;

}



.listing-gallery img {

  cursor: pointer;

  width: 100%;

  height: 235px;

  padding: 0px !important;

  margin: 0;

}







.listing-gallery-img {

  opacity: 0.6;

  transition: 0.2s all;

}



.listing-gallery-img.selected {
  opacity: 1;

  transition: 0.2s all;

}



.cart-logo-detail{

  background: rgba(252,252,252,1);

    padding: 20px;

    color: rgba(0,0,0,1);

    border-radius: 20px;

}

.cart-logo-detail .price{

  text-align:right;

  color: #e7475e;

    font-weight: 500;

}

.logo-detail-content .input-group{

    margin:10px 0;

}

.logo-detail-content input:focus, .logo-detail-content input {

    border: none;

    background-color: transparent;

    box-shadow: 0 0 black;

    outline: 0 none;

    border-bottom: none;

    border-radius: 0;

}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

    color: #8b5531;

    background-color: #fcfcfc;

    border: none;

    text-decoration: none;

    border-radius: 10px 10px 0 0;

    font-size: 16px;

    font-weight: 500;

}

.tab-content > .active {

    display: block;

    background: #fcfcfc;

    padding: 15px 20px;

    border-radius: 0 0 20px 20px;

}

.logo-detail-content .nav-tabs .nav-link {

    border: none;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

  font-size: 16px;

}

.logo-detail-content .nav-tabs {

    border-bottom: none;

}

.reviews-actions a {

    color: #bdbdbd;

    display: inline-block;

    vertical-align: middle;

  margin-bottom:10px;

}



 #star-rating .rating-group {

   display: inline-flex;

}

 #star-rating .rating__icon {

   pointer-events: none;

}

 #star-rating .rating__input {

   position: absolute !important;

   left: -9999px !important;

}

 #star-rating .rating__label {

   cursor: pointer;

  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */

   padding: 0 0.1em;

   font-size: 16px;

}

 #star-rating .rating__label--half {

   padding-right: 0;

   margin-right: -0.6em;

   z-index: 2;

}

#logo-detail-content {

  display:none;

}

 #star-rating .rating__icon--star {

   color: orange;

}

 #star-rating .rating__icon--none {

   color: #eee;

}

 #star-rating .rating__input--none:checked + .rating__label .rating__icon--none {

   color: red;

}

 #star-rating .rating__input:checked ~ .rating__label .rating__icon--star {

   color: #ddd;

}

 #star-rating .rating-group:hover .rating__label .rating__icon--star, #star-rating .rating-group:hover .rating__label--half .rating__icon--star {

   color: orange;

}

 #star-rating .rating__input:hover ~ .rating__label .rating__icon--star, #star-rating .rating__input:hover ~ .rating__label--half .rating__icon--star {

   color: #ddd;

}

 #star-rating .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {

   color: #eee;

}

 #star-rating .rating__input--none:hover + .rating__label .rating__icon--none {

   color: red;

}

.pink-tulipbg {

    background-image: url(../../assets/image/pink-tulip.png);

    height: 295px;

    background-repeat: no-repeat;

    padding: 30px;

    border-radius: 20px !important;

    text-align: center;
       
    background-color: #f7f7f7;
     background-size:cover;
    background-position: bottom;
    

}

.pink-tulipbg h2{

  color:#D944A6;

  font-weight: bold;

  font-size: 1.8rem;

}

.pink-tulipbg h2 sup, .purple-tulipbg  h2 sup,.red-tulipbg  h2 sup,.blue-tulipbg  h2 sup{

  font-weight: normal;

  font-size:20px;

}

.pink-tulipbg h3{

  color:#D944A6;

  font-weight: bold;

  font-size: 1.8rem;

}

.pink-tulipbg h3 sup, .purple-tulipbg  h3 sup,.red-tulipbg  h3 sup,.blue-tulipbg  h3 sup{

  font-weight: normal;

  font-size:20px;

}

.brandingStepLableText
{
    font-weight: bold;
    color: #292929;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    margin-top: 3rem !important;
    
}
.brandingStepLogoDesignText
{
    font-weight: bold;
    color: #292929;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.2; 
}
.pink-tulipbg .mt-120, .purple-tulipbg .mt-120,.red-tulipbg .mt-120,.blue-tulipbg .mt-120{

  position: absolute;

    top: 220px;

    right: 28px;

}

.pink-check .fa-check{

    color:#D944A6;

}

.purple-tulipbg {

    background-image: url(../../assets/image/purple-tulip.png);

    height: 295px;

    background-repeat: no-repeat;

    padding: 30px;

    border-radius: 20px !important;

    text-align: center;
    background-color: #f7f7f7;
    background-size:cover;
    background-position: bottom;

}

.purple-tulipbg h2{

  color:#A853E6;

  font-weight: bold;

  font-size: 1.7rem;

}
.purple-tulipbg h3{

  color:#A853E6;

  font-weight: bold;

  font-size: 1.7rem;

}

.purple-check .fa-check{

    color:#A853E6;

}

.red-tulipbg {

    background-image: url(../../assets/image/red-tulip.png);

    height: 295px;

    background-repeat: no-repeat;

    padding: 30px;

    border-radius: 20px !important;

    text-align: center;
    background-color: #f7f7f7;
     background-size:cover;
     background-position: bottom;

}

.red-tulipbg h2{

  color:#E8475E;

  font-weight: bold;

  font-size: 1.8rem;

}
.red-tulipbg h3{

  color:#E8475E;

  font-weight: bold;

  font-size: 1.8rem;

}
.red-check .fa-check{

    color:#E8475E;

}

.blue-tulipbg {

    background-image: url(../../assets/image/blue-tulip.png);

    height: 295px;

    background-repeat: no-repeat;

    padding: 30px;

    border-radius: 20px !important;

    text-align: center;
    background-color: #f7f7f7;
     background-size:cover;
     background-position: bottom;

}

.blue-tulipbg h2{

  color:#0465D4;

  font-weight: bold;

  font-size: 1.8rem;

}
.blue-tulipbg h3{

  color:#0465D4;

  font-weight: bold;

  font-size: 1.8rem;

}

.blue-check .fa-check{

    color:#0465D4;

}

#grad1 {

    background-color: #9C27B0;

    background-image: linear-gradient(120deg, #FF4081, #81D4FA)

}



#msform {

    position: relative;

    margin-top: 20px

}



#msform fieldset .form-card {

    background: white;

    border: 0 none;

    border-radius: 0px;

    box-shadow: 0;

    padding: 0;

    box-sizing: border-box;

    width: 94%;

    margin: 0;

    position: relative

}

.p-32{

  padding: 32px !important;

}

#msform fieldset .previous{

  margin-top: -55px;

    float: right;

    margin-right: 220px;

}

#msform fieldset .next{

  margin-top: -55px;

  margin-right: 10px;

}

/* #msform fieldset {

    background: white;

    border: 0 none;

    border-radius: 0.5rem;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    padding-bottom: 20px;

    position: relative

} */



#msform fieldset:not(:first-of-type) {

    display: none

}



#msform fieldset .form-card {

    text-align: left;

    color: #6A6A6A;

}



#msform .action-button {

    width: 100px;

    background: skyblue;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px

}



#msform .action-button:hover,

#msform .action-button:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue

}



#msform .action-button-previous {

    width: 100px;

    background: #616161;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px

}



#msform .action-button-previous:hover,

#msform .action-button-previous:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161

}



select.list-dt {

    border: none;

    outline: 0;

    border-bottom: 1px solid #ccc;

    padding: 2px 5px 3px 5px;

    margin: 2px

}



select.list-dt:focus {

    border-bottom: 2px solid skyblue

}



.fs-title {

    font-size: 25px;

    color: #2C3E50;

    margin-bottom: 10px;

    font-weight: bold;

    text-align: left

}

.multisteps-form__progress {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));

  margin-bottom: 30px;

}



.multisteps-form__progress-btn {

  transition-property: all;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    transition-delay: 0s;

    position: relative;

    color: rgba(108, 117, 125, 0.7);

    border: none;

    background-color: #f7f7f7;

    outline: none !important;

    cursor: pointer;

    margin-left: 10px;

  padding:10px 0;

  border-radius: 10px;

  cursor: not-allowed !important;

}



@media (min-width: 500px) {

  .multisteps-form__progress-btn {

    text-indent: 0;

  }

  

}







.multisteps-form__progress-btn:after {

    position: relative;

    top: -10px;

    left: calc(-50% - 13px / 2);

    transition-property: all;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    transition-delay: 0s;

    display: block;

    width: 100%;

    height: 2px;

    content: '';

    background-color: #f7f7f7;

    z-index: -1;

}



.multisteps-form__progress-btn:first-child:after {

  display: none;

}



.multisteps-form__progress-btn.js-active {

  color: #ffffff;

    background: #4e66d9;

}

.multisteps-form__progress-btn.js-active:after {

  position: relative;

    top: -10px;

    left: calc(20% - 13px / 2);

    transition-property: all;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    transition-delay: 0s;

    display: block;

    width: 100%;

    height: 2px;

    content: '';

    background-color: #5fc48b;

    z-index: -1;

}

.multisteps-form__progress-btn.js-activelast:after {

    position: relative;

    top: -10px;

    left: calc(0% - 13px / 2);

    transition-property: all;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    transition-delay: 0s;

    display: block;

    width: 100%;

    height: 2px;

    content: '';

    background-color: #5fc48b;

    z-index: -1;

}



.multisteps-form__progress-btn.js-active:before {

  -webkit-transform: translateX(-50%) scale(1.2);

          transform: translateX(-50%) scale(1.2);

  background-color: currentColor;

}



.multisteps-form__form {

  position: relative;

}



.multisteps-form__panel {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 0;

  opacity: 0;

  visibility: hidden;

}



.multisteps-form__panel.js-active {

  height: auto;

  opacity: 1;

  visibility: visible;

}

#progressbar {

    margin-bottom: 30px;

    overflow: hidden;

    color: lightgrey

}



#progressbar .active {

    color: #ffffff;

    background: #23C38B;

}



#progressbar li {

    list-style-type: none;

    font-size: 14px;

    width: 20%;

    float: left;

    position: relative;

    background: #F7F7F7;

    margin-left: 10px;

    padding: 10px 0px;

    border-radius: 10px;

}







#progressbar li:before {

    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 18px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px

}



#progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: lightgray;

    position: absolute;

    left: 0;

    top: 25px;

    z-index: -1

}

.hide{

  display:none;

}

.show{

  display:block;

}

#progressbar li.active:before,

#progressbar li.active:after {

    background: skyblue

}





.fit-image {

    width: 100%;

    object-fit: cover

}

.contest-gray {

    background:rgb(171 165 165 / 29%);

    padding: 10px 20px 20px;

    color: rgba(0,0,0,1);

    border-radius: 10px;

  border: 1px solid rgba(252,252,252,1);
  
  height:100%;

}

.contest-gray .btn-danger{

  width: 100%;

}

#msform a:hover .contest-gray{

  border:1px solid  #4e66d9;

}

#msform a:hover .contest-gray .number, #msform a:hover .contest-gray .txt{

  background: #4e66d9;

}

#msform a:hover .contest-gray h6, #msform a:hover .contest-gray .txt-content{

  color: #4e66d9;

}



.contest-gray .number{

  background: #B9B9B9;

    color: #fff;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    margin-bottom: 10px;

    font-size: 30px;

    border-radius: 50%;

}

.contest-gray .txt {

    background: #B9B9B9;

    color: #fff;

    width: 100px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    margin-bottom: 5px;

    font-size: 20px;

    border-radius: 20px;

}

#msform fieldset .contest-gray h6{

  color:#000;

}

.files input {

    border: 1px dashed #707070;

    outline-offset: -10px;

    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;

    transition: outline-offset .15s ease-in-out, background-color .15s linear;

    padding: 120px 120px 140px 120px;

    text-align: center !important;

    margin: 0;

    width: 100% !important;

      border-radius: 20px;

}

.files input:focus{    

    outline: none;  

  border: 1px dashed #707070;

    outline-offset: -10px;

    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;

    transition: outline-offset .15s ease-in-out, background-color .15s linear;

    padding: 120px 120px 140px 120px;

    text-align: center !important;

    margin: 0;

    width: 100% !important;

  border-radius: 20px;



 }

.files{ position:relative}

.files:after {
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    right: 0;
    height: 56px;
    content: "The File must be a file of Type:jpeg, png, jpg, gif, svg, pdf, doc, docx";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    color: #989898;
    text-align: center;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.color input{ background-color:rgb(171 165 165 / 29%);}

.files:before {

    position: absolute;

    bottom: 55px;

    left: 0;

    pointer-events: none;

    width: 100%;

    right: 0;

    height: 50px;

    content: " Browse from your device and upload the document maximum size 5MB.";

    display: block;

    margin: 0 auto;

    color: #989898;

    font-weight: 600;

    text-align: center;

    padding: 40px;

    font-weight: normal;

}

.file-logo:before{

   content: " Do you have a logo? maximum size 5MB";

}

.selectlogo_design .whatever{

    display: inline-block;

    width: 100%;

  min-height: 240px;

}

.specific_domain .whatever{

  min-height: auto !important;

}

.selectlogo_design #checkboxes input[type=checkbox]{

    display: none;

}



.selectlogo_design #checkboxes input[type=checkbox]:checked + .whatever{

    border:1px solid #4e66d9;;

}

.selectlogo_design #checkboxes input[type=checkbox]:checked + .whatever .txt{

  background: #4e66d9;;

}

.selectlogo_design #checkboxes input[type=checkbox]:checked + .whatever h6{

  color:#4e66d9;;

}

.selectlogo_design img{

  height:67px;

  margin-bottom: 20px;

}



.radio .whatever{

    display: inline-block;

    width: 100%;

  min-height: 152px;

}



.radio input[type=radio]{

    display: none;

}



.radio input[type=radio]:checked + .whatever{

    border:1px solid #4e66d9;

}

.radio input[type=radio]:checked + .whatever h6,.radio input[type=radio]:checked + .whatever .txt-content{

  color:#4e66d9 !important;  

}

.radio input[type=radio]:checked + .whatever .number,.radio input[type=radio]:checked + .whatever .txt{

    background: #4e66d9;

}

.radio .whatever .contest-gray{

  padding:10px;

}

input[type="range"] { 

    margin: auto;

    -webkit-appearance: none;

    position: relative;

    overflow: hidden;

    height: 10px;

    cursor: pointer;

    border-radius: 20px; /* iOS */

}

input[type="range"]:focus{

  outline:none;

}

::-webkit-slider-runnable-track {

    background: #DFDADA;

  height: 10px;

  

}



/*

 * 1. Set to 0 width and remove border for a slider without a thumb

 */





::-moz-range-track {

    height: 10px;

    background: rgba(252,252,252,1);

}





::-ms-fill-lower { 

    background: #4e66d9;;

  

}

::-webkit-slider-thumb {

    -webkit-appearance: none;

    width: 20px; /* 1 */

    height: 10px;

    background: #4e66d9;

    box-shadow: -100vw 0 0 100vw #4e66d9;;

    /*border: 2px solid #FFF; */

}



::-moz-range-thumb {

    background: #fff;

    height: 10px;

    width: 10px;

    border: 3px solid #999;

    border-radius: 0 !important;

    box-shadow: -100vw 0 0 100vw #4e66d9;;

    box-sizing: border-box;

}



::-ms-thumb { 

    background: #fff;

    border: 2px solid #999;

    height: 10px;

    width: 10px;

    box-sizing: border-box;

}







::-ms-ticks-after { 

    display: none; 

}



::-ms-ticks-before { 

    display: none; 

}



::-ms-track { 

    background: rgba(252,252,252,1);

    color: transparent;

    height: 10px;

    border: none;

}



::-ms-tooltip { 

    display: none;

}

.border-radius-top-right{

  border-radius: 20px 20px 0 0 !important;

}

.select-pack-bg {

    background: #EBEBEB;

    padding: 10px;

    border-radius: 0 0 20px 20px;

  text-align: right;

}



.select-pack-bg input[type=button],.select-pack-bg input[type=button]:focus{

  background:transparent;

  border:none;

  outline:none;

}

.best-value{

  background: #B9B9B9;

    color: #fff;

    padding: 5px;

    border-radius: 10px;

    float: right;

    margin-top: 50px;

}

.modal-content{

  border-radius:20px;

}

.modal-content .card{ 

   border-radius:20px;

}



.signin-modal #modalOverlay {

      position: fixed;

      top: 0;

      left: 0;

      background: rgba(0, 0, 0, 0.5);

      z-index: 99999;

      height: 100%;

      width: 100%;

  }

.signin-modal .modalPopup {

  position: relative;

    left: 50%;

    transform: translate(-50%, 0%);

    background: #fff;

    width: 35%;

    padding: 30px 0 30px;

    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);

    -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);

    box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);

    top: 50px;

    border-radius: 20px;

}

.signin-modal .modalContent {padding: 0 2em;}



.signin-modal .buttonStyle {

    border: transparent;

    border-radius: 0;

    background: #6d6d6d;

    color: #eee !important;

    cursor: pointer;

    font-weight: bold;

    font-size: 14px;

    text-transform: uppercase;

    padding: 6px 25px;

    text-decoration: none;

    background: -moz-linear-gradient(top, #6d6d6d 0%, #1e1e1e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#1e1e1e));

    background: -webkit-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);

    background: -o-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);

    background: -ms-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);

    background: linear-gradient(to bottom, #6d6d6d 0%,#1e1e1e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1e1e1e',GradientType=0 );

  /*  -webkit-box-shadow: 0 2px 4px 0 #999;

    box-shadow: 0 2px 4px 0 #999; */

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

  }

  .signin-modal .buttonStyle:hover {

    background: #1e1e1e;

    color: #fff;

    background: -moz-linear-gradient(top, #1e1e1e 0%, #6d6d6d 100%, #6d6d6d 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#6d6d6d), color-stop(100%,#6d6d6d));

    background: -webkit-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);

    background: -o-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);

    background: -ms-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);

    background: linear-gradient(to bottom, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#6d6d6d',GradientType=0 );

  }

    .signin-modal .animated {

            

            background-position: left top;

            padding-top:15px;

            margin-bottom:60px;

            -webkit-animation-duration: 1500ms;

            animation-duration: 1500ms;

            -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

         }

         

         @-webkit-keyframes fadeIn {

            0% {opacity: 0;}

            100% {opacity: 1;}

         }

         

         @keyframes fadeIn {

            0% {opacity: 0;}

            100% {opacity: 1;}

         }

         

        .signin-modal   .fadeIn {

            -webkit-animation-name: fadeIn;

            animation-name: fadeIn;

         }

.signin-modal .returnToProfile {text-align: center; margin:3em;}

.signin-modal .returnToProfile a, .returnToProfile a:visited {color: #ddd;}

.signin-modal .returnToProfile a:hover {color: #fff;}

.btn-fb {

    color: #fff !important;

    background-color: #3b5998 !important;

}

.btn-gplus {

    color: #fff !important;

    background-color: #dd4b39 !important;

}

.tulip_package .radio .whatever {

    display: inline-block;

    width: 100%;

  min-height: auto;

}

.tulip_package .radio input[type=radio]:checked + .whatever{

    border: none;

}

.tulip_package .radio input[type=radio]:checked + .whatever #package3 ,#package3:hover,#package3:hover input[type=button],.rt:hover #package3,

.tulip_package .radio input[type=radio]:checked + .whatever #package7 ,#package7:hover,#package7:hover input[type=button],.rt:hover #package7,

.tulip_package .radio input[type=radio]:checked + .whatever #package11 ,#package11:hover,#package11:hover input[type=button],.rt:hover #package11,

.tulip_package .radio input[type=radio]:checked + .whatever #package15 ,#package15:hover,#package15:hover input[type=button],.rt:hover #package15,

.tulip_package .radio input[type=radio]:checked + .whatever #package19 ,#package19:hover,#package19:hover input[type=button],.rt:hover #package19{

    border: none;

    background: #E8475E;

    color: #fff;

}

.tulip_package .radio input[type=radio]:checked + .whatever #package2 ,#package2:hover,#package2:hover input[type=button],.put:hover #package2,

.tulip_package .radio input[type=radio]:checked + .whatever #package6 ,#package6:hover,#package6:hover input[type=button],.put:hover #package6,

.tulip_package .radio input[type=radio]:checked + .whatever #package10 ,#package10:hover,#package10:hover input[type=button],.put:hover #package10,

.tulip_package .radio input[type=radio]:checked + .whatever #package14 ,#package14:hover,#package14:hover input[type=button],.put:hover #package14,

.tulip_package .radio input[type=radio]:checked + .whatever #package18 ,#package18:hover,#package18:hover input[type=button],.put:hover #package18{

    border: none;

    background: #A853E6;

    color: #fff;

}

.tulip_package .radio input[type=radio]:checked + .whatever #package1 ,#package1:hover,#package1:hover input[type=button],.pt:hover #package1, 

.tulip_package .radio input[type=radio]:checked + .whatever #package5 ,#package5:hover,#package5:hover input[type=button],.pt:hover #package5,

.tulip_package .radio input[type=radio]:checked + .whatever #package9 ,#package9:hover,#package9:hover input[type=button],.pt:hover #package9,

.tulip_package .radio input[type=radio]:checked + .whatever #package13 ,#package13:hover,#package13:hover input[type=button],.pt:hover #package13,

.tulip_package .radio input[type=radio]:checked + .whatever #package17 ,#package17:hover,#package17:hover input[type=button],.pt:hover #package17{

    border: none;

    background: #D944A6;

    color: #fff;

}

.tulip_package .radio input[type=radio]:checked + .whatever #package4 ,#package4:hover,#package4:hover input[type=button],.bt:hover #package4,

.tulip_package .radio input[type=radio]:checked + .whatever #package8 ,#package8:hover,#package8:hover input[type=button],.bt:hover #package8,

.tulip_package .radio input[type=radio]:checked + .whatever #package12 ,#package12:hover,#package12:hover input[type=button],.bt:hover #package12,

.tulip_package .radio input[type=radio]:checked + .whatever #package16 ,#package16:hover,#package16:hover input[type=button],.bt:hover #package16,

.tulip_package .radio input[type=radio]:checked + .whatever #package20 ,#package20:hover,#package20:hover input[type=button],.bt:hover #package20{

    border: none;

    background: #0465D4;

    color: #fff;

}

.radio input[type=radio].purple-tulip h2{color:#ddd;}

.debit-credit-card{

    background-image: url(../../assets/image/card.png);

    height: 550px;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    padding: 260px 200px 0;

    background-size: contain;

}

.debit-credit-card .form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 1.7rem 0.75rem;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5;

  color: #000000;

  background-color: #ffffff !important;

  background-clip: padding-box;

  border: none;

  border-radius: 20px;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  box-shadow: none !important;

}

.modal-dialog {

    max-width: 300px;

    margin: 15% auto;

}

.tulippack-detail-content .tab-content > .active {

    display: block;

    background: transparent;

    padding: 15px 0;

    border-radius: 0 0 20px 20px;

}

.tulippack-detail-content .nav-tabs .nav-link {

    border: none;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.tulippack-detail-content .nav-tabs .nav-link.active,.tulippack-detail-content  .nav-tabs .nav-item.show .nav-link,.tulippack-detail-content .nav-tabs .nav-link:hover {

    color: #8b5531;

    background-color: transparent;

    border: none;

    text-decoration: underline;

    border-radius: 10px 10px 0 0;

    font-size: 14px;

    font-weight: 500;

}

.tulippack-detail-content .nav-tabs {

    border-bottom: 1px solid #ebebeb;

    justify-content: center;

    border-top: 1px solid #dee2e6;

    margin-top: 10px;

}

#pack-notselect .title-heading{

    line-height: 44px;

    word-spacing: 5px;

    font-weight: 400;

}

.h-340{

  min-height: 260px;

}

    /* simple */

    

    .flip-container {

      -webkit-perspective: 1000;

      -moz-perspective: 1000;

      -ms-perspective: 1000;

      perspective: 1000;

      -ms-transform: perspective(1000px);

      -moz-transform: perspective(1000px);

      -moz-transform-style: preserve-3d;

      -ms-transform-style: preserve-3d;

    }

    /*

      .flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {

        -webkit-transform: rotateY(180deg);

        -moz-transform: rotateY(180deg);

        -ms-transform: rotateY(180deg);

        transform: rotateY(180deg);

        filter: FlipH;

          -ms-filter: "FlipH";

      }

      */

    /* START: Accommodating for IE */

    

    .flip-container:hover .back,

    .flip-container.hover .back {

      -webkit-transform: rotateY(0deg);

      -moz-transform: rotateY(0deg);

      -o-transform: rotateY(0deg);

      -ms-transform: rotateY(0deg);

      transform: rotateY(0deg);

    }

    

    .flip-container:hover .front,

    .flip-container.hover .front {

      -webkit-transform: rotateY(180deg);

      -moz-transform: rotateY(180deg);

      -o-transform: rotateY(180deg);

      transform: rotateY(180deg);

    }

    /* END: Accommodating for IE */

    

    .flip-container,

    .front,

    .back {

      width: 100%;

          height: 130px;

    }

    

    .flipper {

      -webkit-transition: 0.6s;

      -webkit-transform-style: preserve-3d;

      -ms-transition: 0.6s;

      -moz-transition: 0.6s;

      -moz-transform: perspective(1000px);

      -moz-transform-style: preserve-3d;

      -ms-transform-style: preserve-3d;

      transition: 0.6s;

      transform-style: preserve-3d;

      position: relative;

    }

    

    .front,

    .back {

      -webkit-backface-visibility: hidden;

      -moz-backface-visibility: hidden;

      -ms-backface-visibility: hidden;

      backface-visibility: hidden;

      -webkit-transition: 0.6s;

      -webkit-transform-style: preserve-3d;

      -webkit-transform: rotateY(0deg);

      -moz-transition: 0.6s;

      -moz-transform-style: preserve-3d;

      -moz-transform: rotateY(0deg);

      -o-transition: 0.6s;

      -o-transform-style: preserve-3d;

      -o-transform: rotateY(0deg);

      -ms-transition: 0.6s;

      -ms-transform-style: preserve-3d;

      -ms-transform: rotateY(0deg);

      transition: 0.6s;

      transform-style: preserve-3d;

      transform: rotateY(0deg);

      position: absolute;

      top: 0;

      left: 0;

    }

    

    .front {

      -webkit-transform: rotateY(0deg);

      -ms-transform: rotateY(0deg);

      z-index: 2;

    }

    

    .back {

      background: rgba(252,252,252,1);

    padding: 20px;

    border-radius: 20px;

    color: #6A6A6A;

      -webkit-transform: rotateY(-180deg);

      -moz-transform: rotateY(-180deg);

      -o-transform: rotateY(-180deg);

      -ms-transform: rotateY(-180deg);

      transform: rotateY(-180deg);

    }

    

    .back .title-heading {

    text-transform: capitalize;

    color: #e08b33;

    font-weight: 600;

    font-size: 1.2rem;

}

.docs .fa-li{

  color: #5fc48b;

  top: 0;

}

.docs li {

    position: relative;

    line-height: 26px;

}

  

@media only screen and (device-width: 1024px) {

  .sky-color{

    background-color: #f4fffe;

    }

    .h-340 {

    min-height: 150px;

    margin-top: 5px;

   }

  .banner-heading h2 {

    line-height: 35px;

    margin-top: 50px;

    font-size: 25px;

  }

  .banner {

    background-image: url(../../assets/image/banner_bg.png);

    height: 640px;

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

   }

  .signin-modal .modalPopup {

    width: 60%;

   }

   .radio .whatever {

    display: inline-block;

    width: 100%;

    min-height: 175px;

   }

}

@media only screen and (device-width: 768px) {

  .debit-credit-card {

    background-image: url(../../assets/image/card.png);

    height: 350px;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    padding: 200px 120px 0;

    background-size: contain;

    }

    .h-340{

      min-height: auto;

    }

  .signin-modal .modalPopup {

    width: 70%;

   }

  .navbar-nav .nav-link i{

  margin-right: 5px;

  }

  .menu-mobile{

  font-size: 30px;

    cursor: pointer;

  }

  .tulipbg {

    background-image: url(../../assets/image/tulipbg.png);

    height: 380px;

    background-repeat: no-repeat;

    margin: 50px 0;

    padding: 70px;

    border-radius: 10px;

    background-position: center;

  }

  .menu-mobile{display:block;}

  .menu{display:none;}

  .banner {

    height: 550px;

   }

  

  .radio .whatever {

    display: inline-block;

    width: 100%;

    min-height: 175px;

  }

}

@media screen and (max-width: 600px) {

  .header_banner_text {

    position: relative !important;

  }

  .search-container input[type=text]{

    width:70%;

  }

  .search-container button {

    padding: 6px 15px;

  }

  .listing-gallery img {

    cursor: pointer;

    width: 100%;

    height: 135px;

    padding: 0px !important;

    margin: 0;

  }

.trademark-appsform .debit-credit-card {
 background-image: url(../../assets/image/card.png);
    height: 310px !important;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 135px 20px 0 20px !important;
    background-size: contain !important;
   }
     .debit-credit-card {
    background-image: url(../../assets/image/card.png);
    height: 310px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 135px 20px 0 20px;
    background-size: contain;
   }

    .h-340{

      min-height: auto;

    }

   .radio .whatever {

    display: inline-block;

    width: 100%;

    min-height: 175px;

  }

   .debit-credit-card  .row .col-6{

     margin-top:0px !important;

   }

   .debit-credit-card  .form-control {

    display: block;

    width: 100%;

    height: calc(1em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 12px;

   }

   .multisteps-form__progress-btn {

    transition-property: all;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    transition-delay: 0s;

    position: relative;

    color: rgba(108, 117, 125, 0.7);

    border: none;

    background-color: #f7f7f7;

    outline: none !important;

    cursor: pointer;

    margin-left: 5px;

    padding: 10px 0;

    border-radius: 10px;

    cursor: not-allowed !important;

    font-size: 10px;

   }

   .signin-modal .modalPopup {

    width: 90%;

   }

  .sky-color{

    background-color: #f4fffe;

}



  .navbar-nav .nav-link i{

  margin-right: 5px;

  }

  .menu-mobile{

  font-size: 20px;

    cursor: pointer;

  }

  .banner {

    /*background-image: url(../../assets/image/banner1-mob.png),linear-gradient(#E4F8FB, #fff);*/

    height: 330px;

    background-size: 100% auto;

    background-position: bottom;

    background-repeat: repeat-x;

    background-color: #effefe;

   }

   .banner_inner {

    display: none;

    }

   .banner-text {

    margin-top: 20px !important;

    text-align: center;

    }

  .banner-text p {

    font-size: 16px !important;

  }

  .menu-mobile{display:block;}

  .menu{display:none;}

  .brown-bg{

  background-color: transparent;

  }

  .controls-top{

    float: right;

    position: relative;

    top: 0;

    margin:20px 0;

  }

   .tulipbg {

    background-image: url(../../assets/image/tulipbg.png);

    height: 381px;

    background-repeat: no-repeat;

    margin: 50px 0;

    padding: 50px 10px;

    border-radius: 20px;

   }

   .title-heading, .whataboutbrandip h1 {

    font-size: 28px;

   }

   .banner-heading h2 {

    line-height: 30px;

    margin-top: 60px;

    text-align: center;

    font-family: Poppins;

    font-style: normal;

    font-weight: normal;

    font-size: 22px;

    color: rgba(124,44,19,1);

    text-transform: uppercase;

  }

}





/* Engineering Services */

.text-green{

  color: rgba(35,195,139,1) !important;

}

.engineering-services fieldset, .patentapplication1 fieldset {

    margin: 0 auto !important;

    width: 100% !important;

    background: rgb(171 165 165 / 29%);

    border-radius: 10px;

    padding: 30px;

}

.engineering-services .engineering-gray, .patentapplication1 .engineering-gray{

  margin: 0 auto !important;

  width: 80% !important;

}

.engineering-services .engineering-gray, .patentapplication1 .engineering-gray{

  padding: 0;

}

.engineering-services fieldset h6{

  font-size: 24px;

  margin-bottom: 25px;

}

.engineering-services fieldset label{

  font-size: 14px;

  display: inline-table;

    margin-bottom: 1rem;

}

.engineering-services fieldset label span{

  font-size: 12px;

}

.engineering-services .form-control, .patentapplication1 .form-control {

  background-color: rgb(171 165 165 / 29%);

}

.engineering-services .btn-group{

  padding-right: 0;

}

.alert-success .successdone{

  font-size: 150px;

  color: #96C885;

}

.successenginerringser .alert-success {

  color: #292929;

  background-color: transparent;

  border-color: transparent;

}

.engineering-gray{

    /* background: #F7F7F7; */

    padding: 10px 20px 20px;

    /* color: rgba(0,0,0,1); */

    border-radius:10px;

    border: none;

}


.select-engineering{

  font-size: 14px;

  color: #6A6A6A;

}

.fs-14{

  font-size: 14px;

}



/* trademark and patent */

.text-orange{

  color: #F5A344 !important;

}

.darkgray-box {

  background: #F2F2F2;

  color: #7B7D7D;

  border-radius: 20px;

  padding: 20px;

}

.darkgray-box h6 {

  color: #666767;

  font-size: 21px;

}

.darkgray-box .grayscaleimg {

  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);

}



.gap-row{

  margin-top: 40px;

}

.docs ul{

  padding-left: 20px;

}

.sslimage

{

  width:74px;

}



.docs li::marker {

  color: #4e66d8;

  font-size: 18px;

}

.trademark_brand_slider .MS-controls button {

  top: -92px;

}

.trademark_brand_slider img{

  width: 100%;

}

.trademark-patentpge .border-right{

  border-right: 1px solid #707070 !important;

}

.trademark-appsform .gapping{

   margin-top: 40px;

}

.trademark-appsform fieldset{

  width: 70%;

  margin: 0 auto;

}

.trademark-appsform .debit-credit-card {

  background-image: url(../../assets/image/card.png);

  height: 550px;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  padding: 250px 50px 0;

  background-size: contain;

}

/* Patent application */

.patentapplication1 h6, .trademark-appsform h6{

 font-size: 21px;

 color:#292929;

 line-height: 30px;

}

.trademark-appsform-lable-text
{
    font-size: 21px;

 color:#292929;

 line-height: 30px;
     font-weight: bold;
}


.patentapplication1 p{

  font-size: 18px;

 }

.text-black{

       color: #000000 !important;

 }



.patentapps_stepper li {

  width: 2.5em;

  height: 2.5em;

  text-align: center;

  line-height: 2.5em;

  border-radius: 1em;

  background:#4E66D9;

  margin: 0 1em;

  display: inline-block;

  color: white;

  position: relative;

  border-radius: 50%;

  cursor: not-allowed !important;

}



.patentapps_stepper li::before{

  content: '';

  position: absolute;

  top: 1.2em;

  left: -4em;

  width: 4em;

  height: .2em;

  background: #4E66D9;

  z-index: -1;

}





.patentapps_stepper li:first-child::before {

  display: none;

}



.patentapps_stepper .active {

  background: #4E66D9;

}



.patentapps_stepper .active ~ li {

  background: #F7F7F7;

  color: #AAAAAA;

}



.patentapps_stepper .active ~ li::before {

  background: #F7F7F7;

}



/* patentapplication3 */

.patentapplication3 p{

  font-size: 14px;

}

.patentapplication3 a{

  color: #6a6a6a;

  text-decoration: underline;

}

.patentapplication3 .gray-box-6 h6 {

  text-align: left;

}

.patentapplication3 .gray-box-6 p {

  font-size: 14px !important;

  text-align: left;

  color: #7B7D7D !important;

}

.patentapplication3 .gray-box-6 img{

  mix-blend-mode: multiply;

}

@media screen and (max-width: 600px){

  .patentapps_stepper{

    padding: 0;

  }

  .patentapps_stepper li {

    width: 1.5em;

    height: 1.5em;

    text-align: center;

    line-height: 1.5em;

    border-radius: 1em;

    background: #4E66D9;

    margin: 0 0.1em;

    display: inline-block;

    color: white;

    position: relative;

    border-radius: 50%;

    cursor: not-allowed !important;

  }

  .patentapps_stepper li::before {

    content: '';

    position: absolute;

    top: 0.7em;

    left: -1em;

    width: 2em;

    height: .2em;

    background: #4E66D9;

    z-index: -1;

  }

}

#mixedSlideroffer .MS-controls button {

  position: absolute;

  border: none;

  background-color: transparent;

  outline: 0;

  bottom: -50px;

  color: rgba(0, 0, 0, 1);

  transition: 0.15s linear;

  top: auto;

  margin-right: 10px;

}

.text-info{

  color: #309CEB !important;

}

/* name for sale */

.text-blue{

  color: #4e66d9 !important;

}

.text-green{

  color: rgba(35,195,139,1) !important;

}

.text-red{

  color: rgba(232,71,94,1) !important;

}

.btn-search {

  background: #B9B9B9 !important;

  box-shadow: 0 4px #9d9d9d !important;

  height: 40px;

  width: 70px;

  color: #ffffff !important;

  border-radius: 0px 10px 10px 0 !important;

}

.searchtextbox{

  background:#F7F7F7 !important;

  box-shadow: 0 4px#EBEBEB !important;

  color: #9B9B9B;

  border-radius: 10px 0 0 10px;

  height: 40px;

}

.sort-by{

  height: 45px !important;

  border-radius: 10px !important;

  color: #6A6A6A;

}

.keywordclose {

  font-size: 12px;

  font-weight: normal;

  line-height: 12px;

  color: #fff !important;

  text-shadow: none;

  opacity: 1 !important;

  padding-left: 20px !important;

  background: transparent;

  border: none;

  outline: none !important;

}

.text-pink{

  color: #E8475E;

}

.badge-pink{

  background: #E8475E;

  color: #ffffff;

}

.badge-orange{

  background: #E37200;

  color: #ffffff;

}

.imgs {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 5px;

}

.badge-keyword{

  background: #B9B9B9;

  color: #fff;

  font-weight: bold;

  padding: 10px 20px;

  border-radius: 10px;

  margin-bottom: 4px;

  font-size: 14px;

}

.browsecatgory_name .nav-tabs .nav-link.active, .browsecatgory_name .nav-tabs .nav-item.show .nav-link{

    text-transform: capitalize;

    color: #8b5531;

    background-color: transparent;

}

.browsecatgory_name .nav-tabs .nav-link{

  text-transform: capitalize;

  color: #6A6A6A;

  font-size: 28px;

  padding: 0;

  margin-right: 50px;

  border: none !important;

}

.browsecatgory_name .nav-tabs {

  border-bottom: none;

}

.browsecatgory_name .tab-content > .active {

  display: block;

  background: transparent;

  padding: 15px 0;

  border-radius: 0;

}

.browsecatgory_name .tab-content .material-icons{

  font-size: 34px;

}

.browsecatgory_name .tab-content .gray-box-6{

  text-align: left;

}

.browsecatgory_name .tab-content .gray-box-6 p{

  white-space: nowrap;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  /* border: 1px solid #000000; */

}

#nav-name .browse-names{

  background-color: #FCFCFC;

  color: #000000;

  font-size: 16px;

  text-align: center;

  width: 100%;

  padding: 10px 5px;

  border-radius: 20px;

  border: none !important;

  outline:none !important;;

}

#nav-name .browse-names:hover{

  background-color: #E8475E;

  color: #ffffff;

}

/* Fade-in animation */

@keyframes fadeIn {

  to {

    opacity: 1;

  }

}



.fade-in {

  opacity: 0;

  animation: fadeIn 0.5s ease-in 1 forwards;

}

.modal-dialoginfo {

  max-width: 800px !important;

  margin: 5% auto;

}



/* all pages */

.navbarSupportedContent .menu .navbar-nav  .nav-link{

  color: #000000;

}

.nav-link {

  display: block;

  padding: 0.5rem 1rem !important;

  color: #6A6A6A;

}

.nav-link:hover,.nav-link.active{

  color: #4E66D9;

  font-weight: normal;

  text-decoration: none;

}

.nav-link.active{

  font-weight: bold;

}

.navbar-nav.font-size12 .nav-link{

  color: #909090;

}

.navbar-nav.font-size12 .nav-link:hover, .navbar-nav.font-size12 .nav-link.active{

  color: #000000;

  font-weight: normal;

  text-decoration: none;

}



.branding-works {

  /*background: rgb(171 165 165 / 29%);*/
  background:#FCFCFC;

  padding: 20px;

  color: rgba(0,0,0,1);

  border-radius: 20px;

  /*border: 1px solid rgb(171 165 165 / 29%);*/

}

@media (max-width: 767px)
{ .branding-works {
   height: 270px !important;
}
}

@media (max-width: 230px) {
  .branding-works {
    height: 440px !important;
  }
}

.branding-works p{

  margin: 0;

  color: #6a6a6a;

}

.branding-works .number {

  background: #4e66d9;

  color: #fff;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  margin-bottom: 10px;

  font-size: 30px;

  border-radius: 50%;

}

.bottom-20{

 bottom: 20px;

}

.listing-gallery-img-lg{

  height: 235px;

}

.grid-noGutter{

  max-height: 235px;

  overflow-y: auto;

}

.grid-noGutter::-webkit-scrollbar {

  width: 3px;

}

.grid-noGutter::-webkit-scrollbar-thumb {

  background: #c82333 !important; 

  border-radius: 10px;

}

::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  background-color: rgb(242 242 242); 

  border-radius: 10px;

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: #4e66d9; 

  border-radius: 10px;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #1f30c4; 

}





#play {

  background: none;

    border: none;

    cursor: pointer;

    height: 25px;

    outline: none !important;

    padding: 0;

    width: 25px;

    border: none !important;

    font-size: 25px;

}





#play.played {

  color: rgb(193 47 68);

  

}

#pause {

  background: none;

    border: none;

    cursor: pointer;

    height: 25px;

    outline: none !important;

    padding: 0;

    width: 25px;

    border: none !important;

    font-size: 25px;

}

#pause.paused {

  color: rgb(193 47 68);

}

#stop {

  background: none;

    border: none;

    cursor: pointer;

    height: 25px;

    outline: none !important;

    padding: 0;

    width: 25px;

    border: none !important;

    font-size: 25px;

}



#stop.stopped {

  color: rgb(193 47 68);

}



/* product detail */

.product-detail .debit-credit-card {

  background-image: url(../../assets/image/card.png);

  height: 450px;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  padding: 200px 40px 0;

  background-size: contain;

}

.product-detail .form-group {

  margin-bottom: 0.5rem;

}

.product-detail .debit-credit-card .form-control {

  display: block;

  width: 100%;

  height: 10px;

  padding: 1.5rem 0.75rem;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5;

  color: #000000;

  background-color: #ffffff !important;

  background-clip: padding-box;

  border: none;

  border-radius: 20px;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  box-shadow: none !important;

}

.rounded{

  border-radius: 20px !important;

}



/*Start on 25th march */ 

/*.navbar-brand img {*/
/*    width: 150px;*/
/*}*/

.navbar-brand img{
    width:150px;
}





.search-container {

  margin:30px 0px 30px 0px;

  width: 100%;

  height:50px;

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .search-container {
  height:0px !important;

}
   }

.searc-form{

  text-align:center;

}



.search-container input[type=text] {

  padding: 6px;

  margin-top: 8px;

  font-size: 15px;

  border: none;

  width: 50%;

  height: 50px;

  border-radius: 0px 12px 12px 0px;

  box-shadow: 0px 8px #d8eaf7;

  color: #6D6D6D;

  outline: none !important;

}



.search-container button {

  padding: 6px 10px;

  margin:8px -4px 0px 0px;

  background: #ffffff;

  font-size: 17px;

  border: none;

  cursor: pointer;

  height: 50px;

  border-radius: 12px 0px 0px 12px;

  box-shadow: 0px 8px #d8eaf7;

  color: #929292;

  outline: none !important;

}



.search-container button:hover {

  background: #ffffff;

}



@media screen and (prefers-color-scheme: dark) {

  .search-container {

    float: none;

    }

  .search-container input[type=text], .search-container button {

    float: none;

    display: block;

    text-align: left;

    width: 100%;

    margin: 0;

    padding: 14px;

  }

  .search-container input[type=text] {

    border: 1px solid #ccc;  

    }

}



.header_banner_text{

  position: absolute;

} 

.header_banner_text h2 {

  color: #000000;

  font-size: 42px;

  font-weight: bold;

}

.header_banner_text p{

  color: #292929;

}

.header_banner_text p{

  font-weight: 500;

    color: #383a3a;

}

.text_header_left{

  color: #000000;

    font-weight: bold;

}

.border_top{

  border-top:2px solid #D3D3D3;

  padding-top:10px;

}

.margin-top-100{

  margin-top:100px;

}

.wight-box{

  position:sticky;

  top:120px;

}

#mixedSlideroffer .rounded img{

  border-radius: 20px;

}

.wight-box h5{

  color:#292929;

  font-weight: normal;

  font-size: 21px;

  font-weight: bold;

}
.wight-box h3{

  color:#292929;

  font-weight: normal;

  font-size: 21px;

  font-weight: bold;

}

.orsection{

  font-size: 45px;

  font-weight: normal;

}

.footer-line{

  width:1130px;

  margin-left:113px;

}

.footer-brand img{

  width:154px;

}

.btn-blue, .btn-blue::after, .btn-blue:hover{

  background-color:#4e66d9;

  color:#ffffff;

  transition: none!important;

  box-shadow:none !important;

}



.btn-light{

  background:#a3e1ea;

  color: #ffffff;

}

.btn-light:hover{

  background:#a3e1ea;

  color: #ffffff;

}

.btn-light::after{

  background:#a3e1ea;

  color: #ffffff;

}





.range-wrap {

  position: relative;

}

.range {

  width: 100%;

}



.bubble {

  background: #4e66d9;

  color: white;

  padding: 4px 12px;

  position: absolute;

  border-radius: 20px;

  left: 50%;

  transform: translateX(-50%);

}

.bubble::after {

  content: "";

  position: absolute;

  width: 2px;

  height: 0px;

  background: #4e66d9;

  top: -1px;  

  left: 50%;

}







.range-wrap2 {

  position: relative;

}

.range2 {

  width: 100%;

}



.bubble2 {

  background: #4e66d9;

  color: white;

  padding: 14px 18px;

  position: absolute;

 /*border-radius:20px;*/

  left: 50%;

  transform: translateX(-50%);

}

.bubble2::after {

  content: "";

  position: absolute;

  width: 2px;

  height: 0px;

  background: #4e66d9;

  top: -1px;  

  left: 50%;

}





.text_content_brand{

  font-size: 2.5rem;

  color:#000000;

  font-weight:bold;

}

.navbar{

    background-color: #e4f8fb;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9999;

    transition: background-color 0.2s;

}

.home-headcontent{

   margin-top:40px; 

}
.slidehead{
     margin-top:40px; 
}
.contact-email{

    margin-top:10px;

}



.news-main-content{

    

}

.sidebar-item {

  position: absolute;

  top: 0;

  left: 0;

  width: 44%;

  height: 100%;

  margin:10px;

}





.make-me-sticky {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  padding: 0 15px;

}



.col2-hd {

    margin-bottom: 10px;

    border-bottom: solid 1px #CBCBCB;

    margin-left: 15px;

    margin-right: 15px;

}

.col2-hd a{

  color:#000;

    font-weight:600;

}

.col2-hd a strong{

  font-size:18px;

}

.post {

    line-height: 24px;

    text-align: left;

}

.page-hd {

    margin-top:20px;

}



.post-hd a{

    color:#000000;

}

.post-dt {

    color: #000;

    margin-top:5px;

}

.post-body {

    margin: 10px 0;

    overflow: hidden;

    text-align: justify;

}

.post-img {

    display: block;

    width: 99%;

    max-width: 100%;

    /* height: 200px; */

    overflow: hidden;

}

.post-img img{

  border-radius: 10px;

    /*height: 300px;*/

    /*width: 100%;*/

    /*object-fit: cover;*/

}

.navbar-white{

   

    background-color: #FFFFFF;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9999;

    box-shadow: 0px 0px 14px rgb(0 0 0 / 50%);

}

.btn-get-info{

    background: #4E66D9;

    color: #ffffff;

}

.faq{
    padding:0px 90px !important;
}

.btn-get-info::after{

    background: #4E66D9;

}

.btn-get-info:hover{

    background: #4E66D9;

    color: #ffffff;

}

.contact-logo{

  padding: 5px 0 35px 0;

}

.card-effect:hover {

  background-color: rgba(236, 236, 236, 1);

  color:black;

  font-weight:400;

}

.brand-select

{

  border-radius: 5px;

  border: 1px solid rgb(238, 238, 238);

}

.brand-select:active, .brand-select:hover {

  border-color: #4E66D9;

}



@media screen and (max-width: 600px) {

  .post-img img {

      border-radius: 10px;

      height: 200px;

      width: 100%;

      object-fit: fill;

  }

}

.dropdown-toggle::after{

  display:  none !important;

}

.dropdown-list {

  /* width: 200px; */

  margin-bottom: 20px;

  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 0 9px 0 rgb(0 0 0 / 16%);

  /* border-radius: 3px; */

  background-color: #fff;

  /* position: absolute;

  display: none; */

  z-index: 10;

  text-align: left;

}

.dropdown-list{

  position:absolute;

  width: max-content;

  /* right: 40px !important; */

  padding: 15px !important;

}

.dropdown-list.account.guest{

  right:5px !important;

}

@media (max-width: 1023px) {

  .dropdown-list {

    position: relative;

  }

  span.dropdown-toggle {

    padding: 0.5rem 0rem !important;

}

  .dropdown-toggle::after{

    display: inline-block !important;

    /* margin-left: 0 !important; */

  }

  .dropdown-list.account.guest ,.cart-dropdown-container .dropdown-list{

    right: 0px !important;

    padding: 0;

    margin: 0;

    width: 100%;

    border-radius: 0 !important;

    box-shadow: none;

    background: #FCFCFC;

    /* color: #fff !important; */

    padding: 20px;

    top: 0 !important;

  }

  .dropdown-open.nav-link.nav-item{

    padding: 0 !important;

  }

  .dropdown-open .dropdown-toggle{

    padding: 0.5rem 1rem !important;

  }

  .cart-dropdown-container {

    margin-left: 0px;

  }

}

.icon {

  display: inline-block;

  background-size: cover;

}

.cart-icon:before {

  font-family: 'FontAwesome';

  content: "\f07a";

}

.cart-dropdown-container .name {

  background: #4E66D9;

  padding: 2px 7px;

  border-radius: 50%;

  position: relative;

  top: -10px;

  text-align: center;

  color: #fff;

  right: 4px;

  line-height: 13px;

  font-size: 9px;

}

.col-sm-15 {

  width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    text-align: left;

}

.why-brandips .gray-box-6, .post-body{

  text-align: left;

}

.why-brandips img{

  height: 100px;

  width: auto !important;

}

.why-brandips h5{

  font-size: 24px;

  margin-top: 10px;

}
.why-brandips h4{

  font-size: 24px;

  margin-top: 10px;
}

.why-brandips .post-body{

  color:#6A6A6A;

  margin: 0;

}

.browsecatgory_name .gray-box-6 p, .browsecatgory_name .gray-box-6{

  font-size: 18px !important;

  color: #6A6A6A;

  margin: 0;

}

.browsecatgory_name .gray-box-6 h6{

  font-weight: bold;

  font-size: 18px;

  color: #6A6A6A;

  margin-bottom: 0;

}

.browsecatgory_name  a:hover .gray-box-6 p, .browsecatgory_name a:hover .gray-box-6 h6, .browsecatgory_name a:hover .gray-box-6 {

  color: #4E66D9;

}

.gray-box-6 .contact-email .fa, .gray-box-6 .contact-phone .fa {

  color: #4E66D9;

}

.gray-box-6 .contact-email a, .gray-box-6 .contact-phone a {

  color: #6A6A6A;

}

.contact-form textarea.form-control {

  height: 100px;

}

.branding-works h3 {

  font-size: 22px;

  color: #292929;

  font-weight: bold;

}

input[type='radio'] {

  border:2px solid white;

  box-shadow:0 0 0 1px #6A6A6A;

  appearance:none;

  border-radius:50%;

  width:12px;

  height:12px;

  background-color:#fff;

  transition:all ease-in 0.2s;

  margin-right: 6px;

}

input[type='radio']:checked{

  background-color:#23C38B;

  box-shadow:0 0 0 1px #23C38B;

}

input[type='checkbox'] {

  box-shadow:0 0 0 1px #6A6A6A;

  appearance:none;

  width:12px;

  height:12px;

  background-color:#fff;

  transition:all ease-in 0.2s;

  margin-right: 6px;

  border-radius: 2px;

}

input[type='checkbox']:checked{

    background: #23C38B url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 1px 1px no-repeat;

    box-shadow:0 0 0 1px #23C38B;

  border-radius: 2px;

  background-color: #23C38B;

}

.trademark-patentpge .pink-tulipbg, .trademark-patentpge .purple-tulipbg, .trademark-patentpge .red-tulipbg, .trademark-patentpge .blue-tulipbg{

  border-radius: 20px 20px 20px 20px !important;

}

.trademark-patentpge ul{

  padding-left: 25px;

}

.trademark-patentpge .fa-ul{

  padding-left: 0;

}

.trademark-patentpge ul li::marker{

  color:#4E66D9;

  font-size: 22px;

}

@media (min-width: 0px) and (max-width: 767px){

  .nav-tabs {

    display: inline-flex;

    width: 100%;

    overflow-x: auto;

    border-bottom: 2px solid #DDD;

    -ms-overflow-style: none; /*// IE 10+*/

    overflow: -moz-scrollbars-none;/*// Firefox*/}

  .nav-tabs > a {

    border: none;

    color: #666;

    white-space: nowrap; /* !! ganz wichtig !! */

  

  }

  .nav-tabs::-webkit-scrollbar {

    display: none; /*Safari and Chrome*/

  }

  .nav>a {

      position: relative;

      display: block;

      padding: 10px 15px;

  }

  .nav{
    display: flex;
    flex-wrap: nowrap;
}
  .search-container input[type=text] {

    width: 80%;

  }

  .browsecatgory_name .nav-tabs .nav-link{

    font-size: 22px;

    margin-right: 25px;

    padding: 0 !important;

  }

  .orsection{

    font-size: 35px;

  }

  .header_banner_text h2{

    font-size: 30px;

  }

  #mixedSlideroffer .rounded img{

    height: 250px !important;

    object-fit: cover;

  }

  .case-studies img{

    height: 80px;

  }

  .why-brandips {

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

  }

  .why-brandips > .row {

    display: block;

  }

  .why-brandips > .row >.col-sm-15 {

    display: inline-table;

    float: none;

    white-space: normal;

    width: 70%;

    flex: 0 0 70%;

    max-width: 70%;

  }

  .why-brandips::-webkit-scrollbar {

    height: 0px;

  }

}

@media (min-width: 768px) and (max-width: 991px){

  .header_banner_text h2 {

    font-size: 30px;

  }

  #mixedSlideroffer .rounded img{

    height: 300px !important;

    object-fit: cover;

  }

  .case-studies img{

    height: 100px;

  }

  .why-brandips {

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

  }

  .why-brandips > .row {

    display: block;

  }

  .why-brandips > .row >.col-sm-15 {

    display: inline-table;

    float: none;

    white-space: normal;

    width: 40%;

    flex: 0 0 40%;

    max-width: 40%;

  }

  .why-brandips::-webkit-scrollbar {

    height: 0px;

  }

}

@media (min-width: 992px) and (max-width: 1199px){

  .why-brandips {

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

  }

  .why-brandips > .row {

    display: block;

  }

  .why-brandips > .row >.col-sm-15 {

    display: inline-table;

    float: none;

    white-space: normal;

    width: 28%;

    flex: 0 0 28%;

    max-width: 28%;

  }

  .why-brandips::-webkit-scrollbar {

    height: 0px;

  }

}

@media screen and (max-width: 768px){

  .sidenav .navbar-nav  .nav-item{

    padding-left:0px;

    border-bottom: 1px solid #E1E1E1;;

    margin: 0 14px;

  }

     .navbar-nav {

      display: -ms-flexbox;

      display: block;

     }

     .sky-color {

      background-color: #ebfefe;

  }

   .sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    background-color:#fff;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

    display:block;

    box-shadow: 10px 0px 24px #000;

    }

  

    .sidenav .nav-link{

    /* padding: 10px 0 !important; */

    text-decoration: none;

    font-size: 16px;

    color: #909090;

    display: block;

    transition: 0.3s;

  }

  

  .sidenav a:hover , .sidenav .nav-link:hover{

    color: #000;

  }

  .dropdown-list.account.guest, .cart-dropdown-container .dropdown-list {

    background: transparent;

    padding: 0 !important;

  }

  

    .sidenav .closebtn {

      position: absolute;

      top: 0px;

      right: 25px;

      font-size: 36px;

      margin-left: 50px;

    }

    .sidenav {padding-top: 60px;}

    .sidenav a {font-size: 16px;}

}



/* cart bagisto 

Replace .dropdown-list code 2991, 2980

124- remove transition property of btn link

136 - change style .btn:hover, btn:link - visited 

113 - .btn

2830 - .btn-blue



*/



.cart-dropdown-container {

    margin-top: 5px;

    margin-left: 15px;

}

.dropdown-list .dropdown-container {

    padding: 0px !important;

    overflow-y: auto;

}

.dropdown-cart .item:first-child {

    border-top: solid 1px #E1E1E1;

}
.item-image img:not(:first-child) {
        display: none;
    }
.dropdown-cart .item {

    display: flex;

    padding: 5px 0;

    border-bottom: solid 1px #E1E1E1;

    margin-right: 10px;

    align-items: normal;

}

.dropdown-cart .item .item-image img {

    height: 50px;
    margin-right: 20px;
    width: 45px;
    object-fit: contain;

}

.dropdown-cart .dropdown-header .heading b{
  color:#000;
}


.item-delete .close {

    font-weight: normal;

    outline: none;

}

.dropdown-footer {

    display: inline-grid;

    margin-top: 15px;

    text-transform: uppercase;

}

.dropdown-footer a {

    color: #0056b3;

}

.dropdown-list .dropdown-container .btn {

    width: 100%;

    margin-top: 10px;

}


@media screen and (max-width: 600px)

{

.nav-link {

    display: block;

    padding: 0.5rem 0rem !important;

}

}



@media screen and (min-width: 200px) and (max-width: 767px){

.dropdown-list.account.guest, .cart-dropdown-container .dropdown-list {

    padding: 0 !important;

    /* margin-top: 20px; */

}

.dropdown-list.account.guest span, .cart-dropdown-container .dropdown-list span, .cart-dropdown-container .dropdown-list .item-details {

    color: #909090;

}

li.cart-dropdown-container.nav-item.nav-link {

    margin-top: 0 !important;

    padding-bottom: 0.5rem !important;  

}
.red-tulipbg {
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
}
.pink-tulipbg{
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
}
.purple-tulipbg{
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
}
.blue-tulipbg{
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
}

.bspace{
    margin:10px;
}
.home-headcontent{
   margin-top:0; 
}
.slidehead{
    margin-top:0;
}
}

.startupsimg{
    height: 200px !important;
}
.about{
    padding:0px 20px 0px 20px;
}


/* Media Query for Mobile Devices */
   @media (max-width: 768px) {
      .desktop-only {
         display: none !important;
      }

      .mobile-only {
         display: block !important;
      }
   }

   /* Media Query for Desktop Devices */
   @media (min-width: 769px) {
      .desktop-only {
         display: block !important;
      }

      .mobile-only {
         display: none !important;
      }
   }
.lead{
    font-size:14px !important;
     font-weight:400 !important;
}
#collapsetwo-1 {
    padding: 10px;
}
#collapse-1 p {
    padding: 10px;
}