/* @font-face {font-family:"Alte Haas Grotesk";src:url("AlteHaasGroteskRegular.eot?") format("eot"),url("AlteHaasGroteskRegular.woff") format("woff"),url("AlteHaasGroteskRegular.ttf") format("truetype"),url("AlteHaasGroteskRegular.svg#AlteHaasGrotesk") format("svg");font-weight:normal;font-style:normal;}*/

/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
  }*/
  body {
    /* Margin bottom by footer height */
    /* margin-bottom: 60px;*/
    /*font-family:"Alte Haas Grotesk" !important;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
  }
  p{font-size: 14px;line-height: 22px;}
  .footer {
 /* position: absolute;
  bottom: 0;
  width: 100%;*/
  /* Set the fixed height of the footer here */
  /*height: 250px;
  line-height: 60px; *//* Vertically center the text there */
  background-color: #002232;
}
a{color: #EC193A;}

a, a:hover{text-decoration: none;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.top-bar{position: fixed;right: 0;top:0; background-color: #BA0427;color: #fff;padding: 0px 30px 5px 30px;z-index: 99999;border-bottom-left-radius: 25px;}
.top-bar span a{padding: 0 10px;font-size: 12px;color:#fff;}



.carousel{box-shadow: none;}

.mt-80{
  margin-top: 80px !important;
}

.carousel-indicators li:hover{cursor: pointer;}
.carousel-indicators li{box-shadow: 0px 0px 1px #555;}
#main-nav{box-shadow: 0 5px 5px rgba(0,0,0,.3);}
#main-nav ul li{padding-top: 20px;}
.navbar-expand-md .navbar-nav .nav-link{padding-left:1em;padding-right: 1em;color: rgba(0,0,0,.7);font-size: 15px;}
#main-nav .navbar-nav li a{color: rgba(0,0,0,.7) !important;}
.navbar-nav li {display: inline-block; position: relative;font-size: 15px;}
.dropdown-item:focus, .dropdown-item:hover{background-color:#EC193A;color: #fff; }
.navbar-nav li:last-child {margin-right: 0;}
.navbar-nav li:after {content: '';display: block;margin: auto;height: 2px;width: 0px;background: transparent;transition: width .5s ease, background-color .5s ease;}
.navbar-nav .dropdown-menu li:hover:after {width:80%; background: transparent;}
.navbar-nav .dropdown-menu p{font-size: 12px;}
.dropdown-item{font-size: 14px;}
.navbar-nav li:hover:after {width:70%; background: #EC193A;}
#main-nav nav ul li{z-index: 1100;}
.dropdown-menu{z-index: 10000 !important;}
nav .navbar .dropdown-menu ul li{z-index: 10000 !important;}
.display-4 {font-size: 1.5rem;font-weight: 400;}
.display-5 {font-size: 1.2rem;font-weight: 400;}
.display-6 {font-size: 1rem;font-weight: 400;}
.display-7 {font-size: 14px;font-weight: 400;}
.main-heading{font-size: 22px;font-weight: 400;text-transform: capitalize;}
.main-heading a{color: #222;text-decoration: none;}
.main-heading a:hover{color: #222;text-decoration: none;color:#EC193A; }


/*.navbar-nav li:active:after {width:65%; background: #fff;}*/
/*.navbar .dropdown-menu {
border:none;        
overflow-x: hidden;
overflow-y: scroll; 
height: 500px;
}*/

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
  .navbar .nav-item {
    padding:0 .5rem;
    margin:0 .1rem;
  }

  /* shows the dropdown menu on hover */
  .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
    display:block!important;
  }        
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    margin-top: 0px;
    padding: 3px 5px 3px 5px;
    max-height: 350px;
    overflow-x:hidden;
    overflow-y:scroll;
  }

}

/* MAIN SEARCH
---------------- */
#main-search > .form-control-lg, .input-group-lg > .form-control, .input-group-lg{font-size: 1rem;line-height: 1.5;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

#main-search > .input-group-addon, .input-group-lg > .input-group-btn > .btn{padding: .5rem 1rem .5rem .6rem;line-height: 1.5;background-color:#EC193A;cursor: pointer; border: 1px solid #EC193A !important;}
#main-search > .input-group-addon, .input-group-lg > .input-group-btn > .btn:hover{background-color:#fff;color:#EC193A; }
#main-search .form-control{border: 1px solid #EC193A !important;font-size: 14px;}


.bg-light-gray{background-color: #f0f0f0;}
.div-shadow{box-shadow: 0px 0px 6px rgba(0,0,0,.2);}
.div-scal{transform: scale(1);transition: .2s ease-in-out 0s;box-shadow: 0px 0px 6px rgba(0,0,0,.2);}
.div-scal:hover{transform: scale(1.05);transition: .2s ease-in-out 0s;box-shadow: 0px 1px 10px rgba(0,0,0,.3);}

  /*CARD
------------*/
.card {
  margin-bottom:2px;
  flex-direction: column;
  border: 0px;
  border-radius: 0rem;
  font-size: 12px;

}
.card-header{border-bottom: none;padding:3px 10px 0 10px;width: 450px;}
.card-header a{font-size: 12px;color: #222;line-height: 14px;}
.card-header h2{font-size: 12px !important;}


.card-header h2 a:hover{text-decoration: none;color:#EC193A;cursor: pointer; }

.card-body{padding: 0px 20px 0px 40px;}
.card-body p{margin-bottom:0px;color: #222;}
.card-body p a{color: #222 !important;}
.card-body a:hover {color: #EC193A !important;}

.card-header > h2 a:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f0dd";
  padding-right: 5px;
}
.card-header > h2 a.collapsed:before {
  float: right !important;
  content:"\f0da";
}
.btn .btn-link a{background-color: red !important;}
.btn .btn-link a:hover {background-color: red !important;}



/*#events .events{color: #fff;background-color:#EC193A;margin-bottom: 18px;}
#events .p-2{padding: 0 .5rem !important;vertical-align: middle;}
#events p{padding: 5px 0;}
#events .date{font-weight: 700 !important;color: #F5F504;font-size: 40px;}
#events h3{font-size: 15px;}
#events h3 a{color: #fff;}
#events h3 a:hover{color: #F5F504;text-decoration: none;}

.article-card .carousel-inner{height: 348px;overflow: hidden;
background: rgb(70,134,162);
background: -moz-linear-gradient(top,  rgb(70,134,162) 19%, rgb(9,69,106) 100%);
background: -webkit-linear-gradient(top,  rgb(70,134,162) 19%,rgb(9,69,106) 100%);
background: linear-gradient(to bottom,  rgb(70,134,162) 19%,rgb(9,69,106) 100%);}
#article-slide.carousel, #testimonial.carousel {box-shadow: none;margin-top: 0px;}
.article-card .card a, .expert-talk .card a{text-decoration: none;color: #fff;font-size: 20px;}
.article-card .card-body, .expert-talk .card-body{background-color:#EC193A;color: #fff;text-transform: uppercase;}

.article-card img{width: 100%;opacity: 0.03;}

.article-card .carousel-caption {
  position: absolute;
  right: 0%;
  left: 0%;
  z-index: 10;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
}

.article-card .carousel-item{
  height: 348px;
}    
.article-card h4 a:hover, .expert-talk h4 a:hover{color: #fff !important;}
.article-card .carousel-indicators-round{z-index: 1;}*/

  #expert-talk{
    background-image:url("../img/expert-talk/expert-talk-bg.jpg") ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 348px;*/
    overflow: hidden;
    margin-top: 0px;
    box-shadow: none;
    color: #fff;
  }    
  #expert-talk img{border: 2px solid #fff;}
  
  #expert-talk .discription{font-size: 16px; }
  #expert-talk .name{font-size: 16px;font-weight: bold; }
  /*#expert-talk .carousel-control{
    position: relative;
    top: 100px;
    bottom:0;
    color: #fff;
    z-index: 10
  }
  #expert-talk .card a{text-decoration: none;color: #fff;font-size: 20px;}
  #expert-talk .card-body{background-color:#EC193A;color: #fff;text-transform: uppercase;}

  .interviews h5:before{content: url('../img/double-quotes-left.png');position: relative;color:#fff;left: -5px;bottom:5px;}
  .interviews h5:after{content: url('../img/double-quotes-right.png');position: relative;color:#fff;right: -5px;bottom:0px;}
  .interviews .bio{font-size: 20px;line-height: 34px; color: #2e6c94;}     
  .interviews .quotes{font-size: 40px;font-family: 'Open Sans', sans-serif;color: #2e6c94;font-weight: bold;}
  .interviews p{font-size: 14px;} */

  .testimonial{
    background-image:url("../img/testimonial/testimonial-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 300px; */
    overflow: hidden;
    margin-top: 0px;
    box-shadow: none;
    color: #fff !important;
  }

  .testimonial .discription{padding:0 30px;font-size: 14px; line-height: 24px;font-weight: normal;}
  .testimonial .name{font-size: 16px;font-weight: bold;}
  .testimonial-heading a{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
  }
  .testimonial .discription:before{content:"\f10d";font-family: FontAwesome;position: relative;color:#fff;left: -10px;bottom:5px;font-size: 20px;}
  .testimonial .discription:after{content:"\f10e";font-family: FontAwesome;position: relative;color:#fff;right: -10px;bottom:0px;font-size: 20px;}


/*#content .card-body ul li{line-height: 24px;font-size: 14px;padding-bottom: 10px;list-style: none;margin-top: 10px;}
#content li:before{content:"\f0da";font-family: FontAwesome;position: relative;color:#EC193A;font-size: 14px;font-weight: normal;left: -20px;}
.card-footer{background-color:#EC193A;color: #fff;text-transform: uppercase;text-transform: uppercase;border: 0px;}

.card-footer a{color: #fff;text-decoration: none;font-size: 20px;}
.card-footer:last-child { border-radius: 0px;}.
#content .more{font-size: 15px !important;}
#content .disc{font-size: 12px;}
#content > .card-body > ul{margin-left: -20px !important;}
.wp-bg{
  background-image:url("../img/white-paper-bg.jpg");
  background-color: #555 !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#partners .carousel-control-prev{
  left: 0;
  top: 10px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#partners .carousel-control-next{
  right: 0;
  top: 10px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.partners .main-title {
  margin: 20px 0 40px;
  padding: 0 20px;
  font-size: 1.2em;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  text-transform: capitalize !important;
}
.partners .main-title span {
  padding: 0 20px;
  position: relative;
  bottom: -10px;
}*/

#clientele img{border: 1px solid #ddd;padding: 10px;background-color: #fff;}
#clientele.title{font-size: 22px;font-weight: 400;text-transform: capitalize;}


.main-title {
  margin: 20px 0 40px;
  padding: 0 20px;
  font-size: 1.2em;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  text-transform: capitalize !important;
}
.main-title span {
  padding: 0 20px;
  background-color: #fff;
  position: relative;
  bottom: -10px;
}
.main-title span a{color: #222;font-weight: bold;}

/*FOOTER*/
footer{background-color:#002232 !important;color: #ccc;}

.footer-widget h5 {
  color: #eee;
  /*text-transform: uppercase;*/
  padding-bottom: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
.footer-widget h5 .head-line {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 2px;
  background-color: #26566c;
  margin: 0;
}
footer ul{padding-left: 0px;margin-top: 0px;}

footer ul li{padding: 3px 0;list-style: none;}
footer ul li a{font-size: 13px;color: #ccc;}
footer ul li a:hover{color: #EC193A;}
.copyright-section{border-top: 1px dashed #26566c;list-style: none;font-size: 13px;color: #999;}
.copyright-section p{font-size: 14px !important;color: #999 !important;}
footer i{color:#26566c;}

.social-widget ul.social-icons li{display:inline-block;margin-right:10px;margin-bottom:0px;margin-top:2px;}
.social-widget ul.social-icons li a i{font-size:1em;width:34px;height:34px;color:#fff;line-height:34px;text-align:center;display:block;border-radius:50% !important;transition:all .2s ease-in-out;}
.social-widget ul.social-icons li a i{background-color:transparent;border:1px solid #ccc;}
.social-widget ul.social-icons li a.facebook i:hover{background-color:#4B76BB;border:1px solid transparent;}
.social-widget ul.social-icons li a.twitter i:hover{background-color:#01C9FD;border:1px solid transparent;}
.social-widget ul.social-icons li a.google i:hover{background-color:#CB3E2D;border:1px solid transparent;}
.social-widget ul.social-icons li a.linkdin i:hover{background-color:#0A87C7;border:1px solid transparent;}
.social-widget ul.social-icons li a.youtube i:hover{background-color:#f03a37;border:1px solid transparent;}
.social-widget ul.social-icons li a.pinterest i:hover{background-color:#d0202a;border:1px solid transparent;}
.social-widget ul.social-icons li a.instagram i:hover{background-color:#ed1aa8;border:1px solid transparent;}


@media (max-width: 768px) {
  .navbar-brand img{height: 40px; width: auto;}  
  .top-bar{position: relative;}
  .mt-80{margin-top: 95px !important;}
  .top-bar .sticky-top{position: relative;}
  #company-profile .sticky-top{position: relative;}
}

/* Company-Profile
===================*/
#company-profile .bg-primary{background-color: #EC193A !important;}
#company-profile .navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,.8);}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{color: #fff !important;font-size: 15px;}
#company-profile .navbar-nav .nav-item .disabled{cursor:not-allowed;color: rgba(255,255,255,.4);font-size: 15px;}
#company-profile .navbar-expand-lg .navbar-nav .nav-link{padding: 2px 30px;font-size: 15px;}
#company-profile .navbar {
    padding: .1rem 1rem !important;
}
.btn{border-radius: 0px;} 
.btn:hover{background-color:#BA0427;cursor: pointer; color: #fff; border-color: transparent;}
.btn-light{padding: 3px 40px;color:#EC193A;}
.btn-light:hover{color:#fff;}
.btn-primary{background-color: #EC193A;border-color: #BA0427;}
.btn-primary:hover{background-color: #BA0427;border-color: #BA0427;}
.btn-outline-primary{border-color: #EC193A;color: #EC193A;}
.btn-outline-primary:hover{border-color: #BA0427;}
#company-profile .title{font-size: 20px;text-transform: none !important;} .title span{padding-right: 20px;color: #555;font-size: 14px;}
#company-profile .title2{font-size: 14px;} .title2 span{padding-right: 20px;color: #555;font-size: 14px;}

#company-profile .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.border-secondary {border-color: #ddd !important;}


/*Product Gallery
==================*/

#product .product{
  overflow: hidden;
  position: relative;
  text-align: center;
}
#product .product{background-color: #fff;}

#product img {
  display: block;
  position: relative;
  transition: all 0.4s ease-in;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#product h2 {
  /*text-transform: uppercase;*/
  text-align: center;
  position: absolute;
  bottom: -8px;
  font-size: 14px;
  padding: 10px 5px;
  width: 100%;
  /*background: #eee;*/
  background-color: rgba(255,255,255) !important;
  color: #333;
  font-weight: bold;
}

#product h2 a{color: #5f5d5d;}

#product .check{position: absolute;top: 0;left: 5px; z-index:11;}

.image-checkbox{
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: 0; 
}

/*.custom-checkbox .custom-control-indicator{box-shadow: 1px 1px 2px rgba(0,0,0,.8) !important;}*/

.custom-checkbox .custom-control-label:before{box-shadow: 0 0 1px rgba(0,0,0,.5) !important;border: 1px solid #EC193A;border-radius: 3px;padding: 10px;}
.custom-checkbox .custom-control-label:after{top:7px;left: 3px;}

.unselectable {
  user-select: none;
  border:2px solid #EC193A;
  /* z-index: 9; */
  pointer-events: none !important;
} 
#product .overlay{
  filter: grayscale(100%);
  opacity: 0.7;
  z-index: 10;
  min-height: 275px;
}


.carousel-indicators-round{position: absolute;top: 10px;margin-right:5% !important;height: 10px;}
.carousel-indicators-round li{
  border-radius: 10px;
  margin: 1px 3px;
  /*height: 8px !important;*/
  /*width: 8px !important*/
  max-width: 8px;
  border: 1px solid #EC193A;
  /*background-color: transparent;*/
}    



.pt-180{
 /* padding-top: 180px !important;*/
 padding-top: 160px !important;
 /*position: sticky !important;*/
 z-index: 999 !important;
}    


/*Pertners - Slider
--------------------*/
.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
}

.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus{
  outline: none;
}
.slick-list.dragging{
  cursor: pointer;
  /*cursor: hand;*/
}

.slick-slider .slick-track,
.slick-slider .slick-list{
  transform: translate3d(0, 0, 0);
}

.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after{
  display: table;
  content: '';
}
.slick-track:after{
  clear: both;
}
.slick-loading .slick-track{
  visibility: hidden;
}

.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img{
  display: block;
}
.slick-slide.slick-loading img{
  display: none;
}
/*.slick-slide.dragging img{
    pointer-events: none;
    }*/
    .slick-initialized .slick-slide{
      display: block;
    }
    .slick-loading .slick-slide{
      visibility: hidden;
    }
    .slick-vertical .slick-slide{
      display: block;
      height: auto;
      border: 1px solid transparent;
    }
    .slick-arrow.slick-hidden{
      display: none;
    }
    .slick-prev {left: -10px;}

    .slick-next {right: -10px;}

    .slick-prev, .slick-next {
      font-size: 12px;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      padding: 0;
      cursor: pointer;
      color: #fff !important;
      border-radius: 50%;
      border: none;
      outline: none;
      background-color: #888;
      z-index: 999;
    }

    .event-bg{
      /*background-image:url("../img/events/event-list/event-listing-bg.jpg");*/
      background-image:url("../images/events-banner-bg.jpg");
      
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      color: #fff;  
    }
    .event-bg h1{
      color: #fff;
      font-size: 40px;
      padding: 50px 0;
    }

    .btn:hover {
     /* background-color: #ccc;*/
     cursor: pointer;
   }

   #event-list .event-list{
    overflow: hidden;
    position: relative;
    text-align: center;
  }

  #event-list img {
    display: block;
    position: relative;
    transition: all 0.4s ease-in;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #event-list h2 {
    position: absolute;
    right: 0%;
    bottom: -8px;
    left: 0%;
    z-index: 10;
    padding: 40px 0 20px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 70%);
  }

  #event-list h2 a{color: #fff;font-size: 16px; font-weight: bold;}

  #event-list .overlay {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    background-color:rgba(0,0,0,.7);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .6s ease;
  }

  #event-list .event-disc:hover .overlay {
    height: 100%;
    color: #fff !important;
  }

  #event-list .text {
    white-space: nowrap; 
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  /*PROJECTS*/
  #projects-list .projects-list{
    overflow: hidden;
    position: relative;
    text-align: center;
  }

  #projects-list img {
    display: block;
    position: relative;
    transition: all 0.4s ease-in;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  /*#projects-list img:hover {transform: scale(1) rotate(0deg) translateX(0px) translateY(-40px);}*/

  #projects-list h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  #projects-list h2 a{color: #fff;font-size: 16px; font-weight: bold;}

  #projects-list .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(0,0,0,.7);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .6s ease;
  }

  #projects-list .projects-disc:hover .overlay {
    height: 100%;
    color: #fff !important;
  }

  #projects-list .text {
    /*white-space: nowrap; */
    white-space: normal; 
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  .text-blue{color: #EC193A;}
  .bg-darkblue{background-color: #2a628b;}
  .min-height-240{min-height: 240px;}


  #form-sticky, .sticky-top{
    transition: all 1s ease-in-out;
  }

  .card-deck .card .card-body{height:350px;overflow: hidden;} 

/*#projects-list h2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  }

#projects-list h2 a{color: #fff;font-size: 16px; font-weight: bold;}

#projects-list .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,.7);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .6s ease;
}

#projects-list .projects-disc:hover .overlay {
  height: 50%;
  color: #fff !important;
}

#projects-list .text {
  white-space: nowrap; 
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.text-blue{color: #EC193A;}
.min-height-240{min-height: 240px;}
.custom-checkbox .custom-control-indicator{box-shadow: 0px 0px 2px rgba(0,0,0,.5) !important;}


#form-sticky, .sticky-top{
  transition: all 1s ease-in-out;
   }

   .card-deck .card .card-body{height:350px;overflow: hidden;} */

   .g-recaptcha{transform:scale(0.79);-webkit-transform:scale(0.79);transform-origin:0 0;-webkit-transform-origin:0 0;}
   #map{height: 150px;}

   #ui-datepicker-div{z-index: 9999 !important;}

   /*accordion*/


   .panel {
    margin-bottom: 20px;
    background-color: #fff;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  }
  .panel-body {
    padding: 15px;
    background-color: #f5f5f5;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-left: 3px solid #EC193A !important;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
    text-transform: capitalize !important;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
    text-transform: capitalize !important;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
    z-index: -2;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
    z-index: -2;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: -2;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: -2;
  }
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: -2;
  }
  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }
  .list-group + .panel-footer {
    border-top-width: 0;
  }
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
    z-index: -2;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
    z-index: -2;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
   /* border-top: 1px solid #ddd;*/
 }
 .panel > .table > tbody:first-child > tr:first-child th,
 .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 16px;
  border-radius: 0px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid transparent;
  z-index: -2;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid transparent;
  z-index: -2;
}
.panel-default {
  border-color: transparent;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: none !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
  z-index: -2;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
  z-index: -2;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  /*opacity: 1;*/
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

.panel-title > a:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f100";
  padding-right: 5px;
  font-size: 18px;
}
.panel-title > a.collapsed:before {
  float: right !important;
  content:"\f101";
  color: #EC193A;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
  text-decoration:none;
  color: #BA0427;
}

.panel-heading h2 a{text-transform: capitalize !important;}
.panel-heading h2:hover{color: #BA0427;}
.panel-body a p{color: #444;font-size: 14px;margin-bottom: 10px;padding-left: 30px; transition: all .3s ease-in-out;}
.panel-body a:hover p{color: #EC193A;padding-left: 10px;transition: all .3s ease-in-out;}

.get-listed-bg{
  background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("../images/get-listed-bg1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; 
  padding: 50px 0;
}
.btn-radius {
  /*   border-radius: 20px !important;*/
  border-top-left-radius: 20px;
  border-bottom-left-radius:20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius:20px; 
}
.sticky .is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.event-rpa-ai-bg{
  background-image:url("../images/rpa-ai/event-rpa-ai-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; 
  padding: 90px 0 30px 0;
}

.transp-outline{
  border: 1px solid #fff;
  background-color: transparent;
  padding:8px 20px;
}


.event-testim-bg{
  background-image:url("../images/rpa-ai/testmonials.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; 
  padding: 30px 200px 30px 200px;
}

.min-height-100{min-height: 100px;}

.quote:before{content: url('../img/double-quotes-g-left.png');position: relative;color:#fff;left: -10px;bottom:0px;}
.quote:after{content: url('../img/double-quotes-g-right.png');position: relative;color:#fff;right: -10px;bottom:0px;}



/*Hover image*/

.img-overlay {
  position: relative;
  width: 100%;
}

.img-overlay image {
  display: block;
  width: 100%;
  height: auto;
}

.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #008CBA;*/
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.img-overlay:hover .text-overlay {
  height: 100%;
}

.img-text {
  color: white;
  white-space:normal !important;
  /*font-size: 16px;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-text h3{font-size: 14px;font-weight: bold;line-height: 20px;}

.img-text p{font-size: 12px;line-height: 16px;}

@media only screen and (max-width: 600px) {
  .event-testim-bg{
   padding: 30px 20px 30px 20px;
 }
 .media{display: block;}
 .media img{width: 100%;}

}
.radius-15{
  border-radius: 15px;
}
.error {
  font-size: 14px;
}
.share_box{
  border: 1px solid #efefef;
  padding-top: 10px;
  margin: 0;
  background-color: #0a6294;
}
.button-trans{
  border-radius: 20px;
  background-color: transparent;
  border:1px solid #fff;
  color:#ffffff;
}
.bg-gray{background-color: #eee;}


.home-title{text-align: left;}
.home-title h2{font-size: 15px;color: #fff;margin-bottom: 4px;}
.home-title h2 span{background-color: #EC193A;color: #fff;padding: 1px 15px 3px 15px;}

.shadow{
  -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}

.media-body h3{font-size: 14px; line-height: 20px;font-weight: bold;}
.media-body p{font-size: 14px; line-height: 18px;}
.more-position {
    position: relative;
    top: -26px;
    right: 45px;
    padding: 2px 10px 3px 10px;
    font-size: 11px;
}

#news ul{margin-left: -20px;margin-bottom: 0px;}
#news ul li{list-style: none;font-size: 14px;line-height: 20px;padding-bottom: 10px;}
#news ul li::before {
  content: "\f046";
  font-family: FontAwesome;
  position: absolute;
  color: #EC193A;
  font-size: 14px;
  font-weight: normal;
  left: 30px;
}
.nav-tabs{border-bottom: 0px;}
.nav-link {
    display: block;
    padding: 1px 1rem;
    color: #fff;
}
.nav-tabs .nav-link{border:0px;color: #fff;background-color: #555;border-radius: 0px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #EC193A;
    border-color: none;
    border-radius: 0px;
}

.line-height-130{line-height:130%;}
.font-14{font-size: 14px;}
.font-13{font-size: 14px;}
.quick-btn{
  position: fixed;
  right: -4px;
  top:230px;
  z-index: 999;
}

/*.quick-btn a{background-color: #92278f;color: #fff;border-radius:25px 25px 0px 0px;font-size: 16px;font-weight: bold;padding: 6px 25px;font-size: 16px; }*/

/* DIV-Heights */

.DivH-270{
  min-height: 270px;
  max-height: 270px;
  overflow: hidden;
}
.DivH-360{
  min-height: 360px;
  max-height: 360px;
  overflow: hidden;
}
.DivH-400{
  min-height: 400px;
  max-height: 400px;
  overflow: hidden;
}
.owl-carousel .owl-item img{
  margin:auto;
}
.btn-radius{border-radius: 20px;}
.quick-btn img{
  height:125px;
}
.carousel-indicators {
      right: 10px;
      left: auto;
      margin-right: 7%;
      bottom: 0px;
}

.carousel-indicators li{
  height:8px !important;
  width:8px !important;
  background: #e2e2e2;
}
.carousel-indicators .active{
  background: transparent;
  border:1px solid #e2e2e2;
  
}
.countryflag{
  float: right;
  position: relative;
  top: -15px;
  right: 5px;
}
  .navbar-nav li.active::after {
        width: 70%;
        background: #EC193A;
      }
      .navbar .btn-group .btn{
        color:#fff; 
        text-align: left;
        padding: 4px 8px;
        font-size: 14px;
      }
      .navbar .btn-group .btn:hover, .navbar .btn-group .btn:focus{
        background-color: transparent;
        outline: none;
        box-shadow:none;
      }
      .top-bar{
        padding: 0px 0px 0px 15px;
      }

      .btn.top-button2,  .btn.top-button2:hover{
        background-color: #EC193A !important;
      }

@media only screen and (max-width: 991px) {
  .DivH-270, .DivH-400, .DivH-360{
    min-height: 200px;
    max-height: 100%;
    overflow: auto;
  }
}


.adv-title {
    color: #555;
    font-size: 14px;
}

#company-profile ul li{
 /* margin-bottom:10px;*/
}
#main-search > .form-control-sm, .input-group-sm > .form-control, .input-group-sm{font-size: 12px;line-height: 14px; width: 330px;border-radius: 0px;/*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/}


.small, small {
    font-size: 95%;
    font-weight: 400;
}

.owl-nav button {
    height: 22px !important;
    width: 22px !important;
    line-height: 2.1;
}
 .ui-widget.ui-widget-content {
     z-index: 9999;
    }

    .page-item.active .page-link{
      background-color: #EC193A !important;
      border-color: #EC193A !important;
    }
    .page-link:hover,.page-link {
      color: #555;
    }

    /* Font Sizes 
--------------*/
.font-48 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
}
.font-40 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}
.font-36 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
}

.font-30 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
}
.font-26 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
}
.font-24 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}
.font-20 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}
.font-18 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
.font-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}
.font-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}
.font-12 {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.2;
}
.font-10 {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
} 
.bg-primary{
  background-color:#EC193A !important;
}
.Btn-Rad-TL {
    border-bottom-left-radius: 25px;
}

 .h1-style{
    color:#fff;
    background-color:#211d70;
    padding:30px 16%;
    text-align:center;
    font-weight:bold;
    font-size:30px;
    line-height:40px;  
  }
  /* Media query for small screens */
@media only screen and (max-width: 768px) {
  .h1-style{ 
    padding:20px 20px;
    font-size:20px;
    line-height:24px;
  }
}

.btn-blue{
  background-color:#0a6294;
  padding:10px 10px;
  font-weight:bold;
  width:90%;
  color:#fff;
  border-radius:16px;
  transition: 0.6s background-color;
}
.btn-blue:hover{
  background-color:#000;
  color:#fff;
}
.custom-btn {
      box-shadow: 0 6px 15px -12px rgba(0, 0, 0, 0.5);
      background: linear-gradient(to right, #fff, #fff) no-repeat;
      background-size: 3px 100%;
      color:#000;
      border:none;
      width: 90%;
      display: inline-block;
      padding: 0.375rem 1.3rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 0.25rem;
      text-align:left;
    }
    .custom-btn img {
      margin-right: 10px;
      width: 24px;
      height: auto;
    }
    .custom-btn:hover{
      background:none;
      color:#000;
      box-shadow: 0 6px 35px -12px #0a6294;      
    }


      /* social media icons styles  */
.menu-container {
  background: #211d70;
  position: fixed;
  right: -30px; /* Changed from left to right */
  z-index: 99;
  width: 55px;
  border-radius: 25px 0 0 25px; /* Adjusted border-radius */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:  10px 0px;
  transition: all 0.5s ease;
  top: 30px;
}

.menu-container:hover {
  transform: translateX(-30px); /* Expand leftward */
}

.menu-container:hover .collapse-icon {
  opacity: 0;
  display: none;
}

.menu-container:hover .menu-item {
  opacity: 1;
}

.menu-container:hover .menu-item:hover {
  cursor: pointer;
}

.menu-container:hover .menu-item:hover .menu-item-text {
  transform: translateX(-120px); /* Slide text leftward */
}

.collapse-icon {
  position: absolute;
  left: 0px;
  display: flex;
  flex-direction: column; /* Ensures items are stacked vertically */
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 100%;
  opacity: 1;
  color: #fff;
}

.menu-item {
  color: #fff;
  opacity: 0;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 10px 5px;
}

.menu-item .menu-item-text {
  display: flex;
  position: absolute;
  top: 0;
  background: #211d70;
  height: 100%;
  width: 80px;
  left: 30px; /* Changed from right to left */
  border-radius: 6px 0 0 6px; /* Adjusted border-radius */
  z-index: 0;
  padding: 0 5px;
  transition: all 0.5s ease;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #211d70; /* Changed border position */
  text-align: center;
  font-size: 0.75rem;
}
.collapse-icon .vertical-text {
  transform: rotate(-90deg);
  transform-origin: top;
  white-space: nowrap;
  margin-top: 10px;
  font-size: 0.80rem;
  color: #fff;
  font-weight: 700;
}
/* social media icons styles  */


  /* mediapcak dropdown checkbox styles Start */

   /* Styling for dropdown container */
   .dropdown-checkbox-container {
    position: relative;
    width: 100%;
    max-width: 400px;
  }
  
  /* Field to click to open dropdown */
  .dropdown-field { 
    border-bottom: 1px solid #ccc;
    padding:10px 10px 10px 20px;
    cursor: pointer;
    color:#b1b1b1;
   
   
  }
  /* Dropdown arrow styling */
  .dropdown-arrow {
    position: absolute;
    right: -7px;
    rotate: -90deg;
    top: 40%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 15px;
    color: #c1c1c1;
  }
  
  
  /* Dropdown options container */
  .dropdown-options {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  /* Dropdown option labels */
  .dropdown-options label {
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    color:#222;
  }
  
  /* Checkbox styling inside dropdown */
  .dropdown-options input[type="checkbox"] {
    margin-right: 8px;
  }
  
  
      /* mediapcak dropdown checkbox styles End */