*{
	margin:0px;
    padding:0px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;

}

html.has-scroll-smooth {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
}
body.no-scroll {
    overflow: hidden;
}
html {
  scroll-behavior: smooth;
}

.custom_container{ 
    padding:0 8%;
}



/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #01A1DD; 
    border-radius: 60px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #00425a; 
}



/* common style */


.preloader{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9;
}
.preloader__wrap {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.preloader .preloader__wrap span {
    width: 50%;
    height: 100vh;
    background: #343b42;
    display: block;
    transition: 1s;
}
.preloader.isdone .preloader__wrap span {
    width: 0%;
    transition-delay:2.5s;
}
.preloader .line_pre{
    position: absolute;
    width: 2px;
    height: 0%;
    background: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 1.5s cubic-bezier(0.15, 0.51, 0.79, -0.1);
}
.preloader.isdone .line_pre {
    height: 100%;
    transition-delay:0.8s;
    opacity:0;
}
.preloader.isdone{
    z-index: -10;
    transition-delay:4s;
}







.btn-menu {
    background: rgb(1 32 94 / 48%);
    border-radius: 0;
    box-shadow:none !important;
    color: #fff !important;
    min-width: 160px;
    padding: 10px 0;
    text-transform: uppercase;
}


.title h3 {
    text-transform: capitalize;
    font-size: 50px;
    margin-bottom: 16px;
    color: #180554;
    font-weight: 700;
    /* margin: 0; */
    }
.title p {
    font-size: 18px;
    color: #646464;
    font-weight: 400;
    line-height: 28px;
    /* text-transform: capitalize; */
    text-align: justify;
}
.navbar-animation{
  padding-bottom: 5px;
  overflow: hidden;
 position: relative;
  
}
.navbar-animation:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #112959;
  transform: translateX(-110%);  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.navbar-animation:hover:before {
  transform: translateX(0);
}

.header_right {
    padding: 5px 0px;
}
header nav .navbar-nav ul{
    display:inline-flex;
    list-style: none;
    margin: 0;
}
header nav .navbar-nav a{
    padding-bottom: 5px;
    overflow: hidden;
    display: block;
    position: relative;  
    text-transform: capitalize;
    font-size: 16px;
    color: #fff !important;
    font-weight: 400;
    opacity: 1;
    transition: 0.8s;
    text-decoration: none;
    transform: translateY(-100%);
}
header nav.animate .navbar-nav a{
    transform: translateY(0%);
}

header nav .navbar-brand img{ 
    width: 80px;
    object-fit: contain;
    transition: 0.5s all;
}

header nav .navbar-nav li{
    padding: 2px 40px;
   /*overflow: hidden;*/
    line-height: 1;
   /*position: relative;*/
}
header nav .navbar-nav ul{
   position: relative;
}
header nav .navbar-nav a.menu_open:before{
    transform: translateX(0);
}
header nav .navbar-nav .sub_menu a.menu_open:before {
    transform: translateX(-110%);
}

header nav .navbar-nav a:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ffc001;
  transform: translateX(-110%);  
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
header nav .navbar-nav a:hover:before {
  transform: translateX(0) !important;
}
header{
    width: 100%;
    transition: 0.5s all;
    background: #fff;   
    /* position: absolute; */
    top: 0;
}


header .navbar-brand span {
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    margin-left: 10px;
}
.menu {
    display: inline-flex;
    justify-content: center;
    list-style: none;
    margin: 0;
align-items: center;}
.menu a {
    padding: 8px 0;
    color: #171717;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    /* text-transform: capitalize; */
}
.menu li {
    margin: 0 8px;
position: relative;}
.menu li:last-child a {
    padding-right: 0 ;
}
ul.menu ul {position: absolute;top: 100%;left: 0;background: #ffff;display: block;z-index: 99;box-shadow: 0px 0px 10px #0000001a;border-radius: 5px;min-width: 180px;display: none;/* overflow: hidden; */z-index: 99;}

ul.menu ul li a {display: block;padding: 10px 20px;width: 100%;}

ul.menu ul li {margin: 0;border-bottom: 1px solid #00000012;padding: 0;}

ul.menu ul li:last-child {border: none;}

ul.menu > li {padding: 15px 0;display: flex;}
ul.menu ul li:hover > a {background: #4b2f86;color: #fff;}
.menu li.menu_child:hover > ul {display: block;}
ul.menu > 
 li.menu_child:before {content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 9;}

ul.menu > li.menu_child {padding-right: 20px;}
.phone_no i {
    border-radius: 50%;
    color: #fff;
    background: #4FCBA9;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
ul.menu > li.menu_child li.menu_child ul {left: 100%;top: 0;}

ul.menu > li.menu_child li.menu_child {padding-right: 0;}

ul.menu > li.menu_child li.menu_child:before {color: #4b2f86;right: 10px;}

ul.menu > li.menu_child li.menu_child:hover:before {color: #fff !IMPORTANT;}
.side_bar  {
     width: 40px;
    height: 42px;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.side_bar span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.side_bar span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  .side_bar span:nth-child(2) {
    top: 22%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  .side_bar span:nth-child(3) {
    top: 45%;width: 52%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
    .side_bar span:last-child {
        bottom: 0;
        color: #fff;
        height: auto;
        background: transparent;
        text-transform: capitalize;
        font-size: 14px;
  }
  
  .side_bar.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top:0%;
    left: 0;
    background: #000;
  }
  
  .side_bar.open span:nth-child(2) {
    width: 0%;
    background: #000;
    opacity: 0;
  }
  
  .side_bar.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 68%;
    width:100%;
    left: 0;
    background: #000;
  }
  
  .side_bar.open span:last-child {
    color: #000;
    bottom: -7px;
    left: -3px;
  }
  
.btn_alivira{
    padding: 18px 5px;
    display: inline-block;
    position: relative;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    min-width: 220px;
    border: 2px solid;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    transition: 0.6s;
    text-transform: uppercase;
    border-radius: 10px;
}
.btn_alivira i {
    margin-left: 14px;
    transition: 0.6s;
}
.btn_alivira:hover {
    color: #343B42 !important;
    background: #fff;
}
.btn_alivira:hover i{
    margin-left: 20px;
}
.btn_alivira1{
    padding: 18px 5px;
    display: inline-block;
    position: relative;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    min-width: 220px;
    border: 2px solid;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    transition: 0.6s;
    background: #180554;
    text-transform: uppercase;
    border-radius: 10px;
}

.btn_alivira1:hover {
    color: #343B42 !important;
    background: #fff;
}
.btn_alivira1:hover i{
    margin-left: 20px;
}
.btn_alivira1 i {
    margin-left: 14px;
    transition: 0.6s;
}

.title_head{
  position: relative;
  text-align: center;
    overflow: hidden;
}
.title_head:before{
  content: '';
  position: absolute;
  left: 0;
  width: 0%;
  height: 1.5px;
  background: #ababab;
    transition: 3s;
  top: 50%;
  transform: translateY(-50%);
}
.title.animation .title_head:before{
  width: 100%;
    transition-delay: 0.2s;

}
.menu_animation {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding-bottom: 5px;
}
.menu_animation:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #01A1DD;
  transform: translateX(-110%);
  content: '';
  position: absolute;
  transition: transform .6s ease;
}
.menu_animation:hover:before {
  transform: translateX(0);
}




header nav .navbar-sidebar{
    left: -100%;
    top:0;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index:-2;
    right: 0;
    padding: 0;
    background-color: #fff;
    transition: 0.9s all ease-in-out !important;
    /* box-shadow: -10px 0px 20px #0000005e; */
}

header nav .navbar-sidebar ul {
    margin-top: 50px;
}

header nav .navbar-nav li.dropdown .dropdown-menu {
    position: unset;
     display: none;width: 100%;
    box-shadow: none;
}header nav .navbar-nav li.dropdown .dropdown-menu.show{
    display:block;
}

header nav .navbar-sidebar.kk{
    transition: 0.5s all !important;
    left: 0;
    /*transform: translateY(0);*/
}
header nav .navbar-sidebar .navbar-nav a{
    color: #0a1326 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    display: inline-block;
    text-align: left;
    font-size: 24px !important;
    transform: translateY(80%) !important;
    transition: 0.7s ease !important;
    opacity: 0;
}
header nav .navbar-sidebar .navbar-nav a.sub_child {
    padding-right: 20px
}
header nav .navbar-nav li.dropdown .dropdown-menu a {
    font-size: 16px !important;
}
header nav .navbar-sidebar.kk .navbar-nav a{
    transform: translateY(0%) !important;
    transition: 0.7s ease !important;
    opacity: 1;
}
header nav .navbar-sidebar.kk li:nth-child(1) a{
    transition-delay: .5s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(2) a{
    transition-delay: .55s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(3)  a{
    transition-delay: .6s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(4)  a{
    transition-delay: .65s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(5)  a{
    transition-delay: .7s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(6)  a{
    transition-delay: .75s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(7)  a{
    transition-delay: .8s !important; 
}
header nav .navbar-sidebar.kk li:nth-child(8)  a{
    transition-delay: .85s !important; 
}
header nav .navbar-sidebar.closeMenu .navbar-nav a{
    transform: translateY(100%) !important;
    opacity: 0 !important;
}
    
header nav .navbar-sidebar.closeMenu li:nth-child(1) a{
    transition-delay: .1s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(2) a{
    transition-delay: .15s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(3) a{
    transition-delay: .2s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(4) a{
    transition-delay: .25s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(5) a{
    transition-delay: .3s !important;
}
header nav .navbar-sidebar.closeMenu li:nth-child(6) a{
    transition-delay: .35s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(7) a{
    transition-delay: .4s !important;
}

header nav .navbar-sidebar.closeMenu li:nth-child(8) a{
    transition-delay: .45s !important;
}
header nav .navbar-sidebar ul {
    display: block;
}
header nav .navbar-sidebar ul {
    display: block;
}
header nav .navbar-sidebar .right-menu {  
    margin-left: 6%;
    display: inline-flex;
    align-items: center;
    width: 60%;
}


.navbar-nav .right_img  {
    width: 40%;
    position:relative;
}
.navbar-nav .right_img img {
    height: 100vh;
    object-fit: cover;
}
.navbar-nav .right_img:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    transition: 1s;
}
.navbar-sidebar.kk .navbar-nav .right_img:before {
    width: 0%; 
    transition-delay: 0.5s;
}


.main_bnner {
    overflow: hidden;
}

.bnnr-title{
    overflow:hidden;
}
.bnnr-para{
    overflow:hidden;
}

.banner_item{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.banner_item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient( 90deg,  rgb(0 0 0 / 53%), rgb(255 255 255 / 0%));
    height: 100%;
}

#home_bnnr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}   

#home_bnnr .banner_content {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 6%;
    width: 40%;
    transform: translateY(-50%);
}


#home_bnnr h4 {
    font-size: 56px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
#home_bnnr p {
    font-size: 22px;
    color: #fff;
}
#home_bnnr .swiper-slide-active p {
    color: #fff;
}

.banner_left .title p {
    margin: 50px 0;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #4FCBA9;
    opacity: 1;
}



.about {
    background: #fff;
    padding: 50px 0;
    overflow: hidden;
}
.about .about_content {
    padding-left: 10%;
}
.about .about_img {
    position: relative;
    text-align: center;
}

.about .about_img img {
    width: 100%;
}




.service {
    background: #F9F9F9;
    padding: 100px 0;
    overflow: hidden;
}

.service_list {
    display: flex;
    width: 100%;
    gap: 40px;
    margin-top: 40px;
    justify-content: space-between;
}
.service_list .ser_img{
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.service_list .ser_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}
.service_list .service_item:hover .ser_img img{
    transform: scale(1.1);
}
.service_list .ser_content h5 {
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 20px 0 10px;
}
.service_list .ser_content p {
    color: #646464;
    font-size: 16px;
}
.lear_more {
    color: #180554 !important;
    font-weight: 600;
    font-size: 16px;    
    display: flex;
    align-items: center;
    text-decoration: none !important;
}
.lear_more .fa-angle-right{
    color: #54BAC2;
    margin-left: 10px;
    transition: 0.6s;
}
.lear_more:hover .fa-angle-right{
    margin-left: 20px;
}



.message {
    background: #fff;
    padding: 50px 0 0;
    overflow: hidden;
}
.message .title  h4{
    color: #444444;
    font-size: 22px;
    width: 80%;
    line-height: 1.5;
    margin: 20px 0;
    padding-top: 60px;
    position: relative;
}
.message .title  h4:before{
    content: '"';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0%;
    font-size: 90px;
    color: #54BAC2;
    line-height: 1;
}



.corporate {
    background: #F9F9F9;
    padding: 50px 0;
    overflow: hidden;
}

ul.counter_block {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
    
    list-style: none;
    margin-top: 60px;
flex-wrap: wrap;/* align-items: self-start; */}
ul.counter_block li{
    width: 22%;
}
ul.counter_block .point_img img {
    height: 60px;
    margin-bottom: 20px;
}
ul.counter_block .point_content h5 {
    color: #444444;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
    display: inline-block;
}

ul.counter_block .point_content span {
    color: #444444;
    font-size: 24px;
    font-weight: 700;
    margin-left: 5px;
}
ul.counter_block .point_content p {
    color: #444444;
    font-size: 18px;
margin: 0;}


.leader{
    background: #fff;
    padding: 100px 0 0 0;
    overflow: hidden;
    /* border-bottom: 2px solid #F9F9F9; */
}

.leader img {
    margin: 10px 0 20px;
    height: 90px;
}


.manufacturing{
    background: #fff;
    padding: 50px 0;
    overflow: hidden;
}

.manufacturing  .title  {
    margin-bottom: 80px;
}

.manufacturing .card {
    border: none;
    margin-bottom: 25px;
    padding-right: 60px;
}

.manufacturing .card .card-header {
    background: transparent;
    border: none;
    padding: 0;
}
.manufacturing .card .card-header button{
    padding: 0;
    text-decoration: none;
    color: #333333;
    font-size: 18px;
    box-shadow: none;
    position: relative;
    font-weight: 600;
}


.manufacturing .card .card-header button:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: -22px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.6s;
}
.manufacturing .card .card-header button:not(.collapsed):after {
    transform: translateY(-50%) rotate(90deg);
}

.manufacturing .card-body {
    padding: 0;
    padding-top: 20px;
}
.manufacturing .card-body ul {
    list-style: none;
    padding: 0;
}
.manufacturing .card-body ul li {
    font-size: 16px;
    color: #656565;
    margin-bottom:5px;
}
.manufacturing .card-body ul li span {
    color: #4FCBA9;
    font-weight: 700;
}





.media{
    background: #fff;
    padding-bottom: 100px;
    overflow: hidden;
    
}

.media_list {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-top: 60px;
}
.media_list .media_img {
    width: 100%;
    overflow: hidden;
    height: 300px;
    border-radius: 10px;
    margin: 15px 0;
}
.media_list .media_img img {
    width: 100%;
    height: 100%;
    transition: 0.6s;
    object-fit: cover;
}
.media_item:hover .media_img img {
    transform: scale(1.1);
}
.media_list .media_title h3{
    color: #444444;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}
.media_list .media_date span {
    font-size: 16px;
    color: #444444;
    position: relative;
    display: block;
}
.media_list .media_date span:after {
    content: '';
    position: absolute;
    width: 75%;
    height: 1px;
    background: #707070;
    right: 0;
    top: 50%;
    border: none;
}
.media_item {
    width: 50%;
}

footer{
  background:#F9F9F9;
  padding: 60px 0 40px; 
}
.footer_menu li a{
    color: #7D7D7D;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
.footer_menu li {
  list-style: none;
}
.social_link {
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.social_link li {
  margin-right: 10px;
}
.social_link li a {
    background: #F0A82B;
    font-size: 20px;
    text-decoration: none;
    transition: 0.6s;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    display: inline-flex;
    justify-content: center;
    height: 32px;
    align-items: center;
}
.social_link li a:hover{
    transform: translateY(-15px);
}
.footer_logo {
    width: 80px;
    margin-bottom: 10px;
}
footer p{
    color: #7D7D7D;
    font-weight: 500;
    margin-bottom: 0px;
    display: block;
    font-size: 15px;
    padding-right: 60px;
}
footer p.copy {
    font-size: 14px;
    margin-top: 20px;
}
footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    color: #343434;
    font-weight: 600;
    margin-bottom: 20px;
display: inline-block;min-width: 70%;border-bottom: 2px solid #4fcba9;padding-bottom: 10px;}
ul.office {
    display: inline-flex;
    width: 100%;
    list-style: none;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 20px;
}
ul.office li {
    width: 100%;
}
ul.office li a{
    color: #343434;
    font-weight: 600;
}
.newsletter .form-group{
    /* width: 70%; */
}
.newsletter input{
    border-radius: 0;
    padding: 25px 25px;
    width: 100% !important;
    box-shadow: none;
}
.newsletter button{
    /* width: 30%; */
    /* background: #01A1DD; */
    /* border-radius: 0; */
    /* color: #fff; */
    padding: 14px 10px;
    /* text-transform: uppercase; */
    font-size: 14px;
}

footer .designed{
    font-size: 14px;
    display: inline-flex;
    padding: 0;
}
footer .designed a {
	margin-left: 5px;
    text-decoration: none;
    color: #7D7D7D;
    font-weight: 500;
}

form.form-inline.newsletter .btn_alivira1 {min-width: inherit;display: block;width: 100%;}
button.menu-toggle {display: none;}


@media only screen and (max-width: 760px) {
   
    
}


@media (max-width: 992px){    
   
}

/*****************About us page css start***************/
.page-title .title-bg img {width: 100%;}

.page-title {position: relative;}

.page-title .title-conetnt {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);color: #fff;}

.page-title .title-bg:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(90deg, rgba(0,0,0,0.5158438375350141) 0%, rgba(0,0,0,0) 54%);}

.breadcrumb {background: transparent;padding: 0;font-size: 14px;}

.breadcrumb ul li {margin-right: 20px;position: relative;}

.breadcrumb ul li a {color: #fff;}

.breadcrumb ul li:not(:last-child):after {content: "/";position: relative;left: 12px;}

.page-title .title-conetnt h2 {margin: 0;font-size: 60px;font-weight: bold;}
.gray-bg {background: #f9f9f9;}

.section-space {padding-top: 70px;padding-bottom: 70px;}
.card-box {padding: 50px;border-radius: 10px;color: #fff;background-image: url(../img/Line-Pattern.png);background-size: cover;margin-bottom: 30px;}

.card-box .title h3 {color: #ffffff;}
.card-box:last-child {margin: 0;}
.section-space.small {padding: 40px 0;}
.timeline-block {display: flex;flex-wrap: wrap;/* width: 70%; */margin-left: 30%;left: 15%;position: relative;}

.timeline-block .img-box {width: 120px;height: 120px;position: relative;}

.timeline-block .img-box img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 1px solid #d1d1d1;}

.timeline-block .content {padding: 0 0px 0 20px;width: calc(100% - 120px);height: 120px;}

.timeline-block .content h6 {margin: 0;color: #6AC57D;font-weight: bold;}

.timeline-block .content  h3 {color: #180554;font-weight: bold;margin: 0 0 0 0;}

.timeline-block .content p {margin: 0;color: #656565;}

.timeline-section .seprator {height: 2px;background: #4FCBA9;margin: 40px 0;width: 100%;}
.timeline-block.upper {/* margin-left: 30%; */position: relative;left: 0;margin-left: 0;}
.slider-space {padding-left: 120px;}
.timeline-block .img-box:before {content: "";width: 2px;height: 40px;background: #4fcba9;position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);}

.timeline-block.upper .img-box:before {top: -40px;/* bottom: -40px; */}
.journey-slider .swiper-slide:last-child .timeline-block.upper {left: 0;}
.green-bg {background: #4FCBA9;}
.green2-bg {background: #69C57C;}
.card-box.big-desp p {font-size: 24px;}
.timeline-section {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
/*****************About us page css end***************/
/*****************Analytical page css start***************/
.section-bg {background-size: cover;}
.icon-box .img-box {margin-bottom: 15px;}

.icon-box p {font-size: 18px;margin: 0;}
.title  h4 {font-size: 32px;font-weight: bold;margin: 20px 0 0 0;}

.title h4 span {font-weight: bold;color: #4FCBA9;}
.table-box .head {background: #4fcba9;color: #fff;padding: 10px 20px;border-radius: 15px 15px 0 0;width: 95%;/* margin: 0 auto; */max-width: 350px;margin-left: 2.5%;}

.table-box ul {background: #fff;margin: 0;list-style: none;border: 1px dashed #8F9492;border-radius: 0 0 10px 10px;/* border-top: none; */border-radius: 10px;}

.table-box .head h5 {margin: 0;font-size: 20px;font-weight: bold;}

.table-box ul li {font-size: 16px;color: #9E9E9E;padding: 10px 20px;border-bottom: 1px dashed;position: relative;}

.table-box ul li:last-child {border: none;}
.dark-blue-bg {background: #180554;color: #fff;}
.left-dark-blue-bg {position: relative;}

.left-dark-blue-bg:before {content: "";width: 50%;height: 100%;background: #1e1c61;position: absolute;left: 0;top: 0;}
ul.arrow-list {list-style: none;padding: 0;margin: 0;}

ul.arrow-list li {padding: 15px 10px 15px 50px;border-bottom: 1px dashed;position: relative;}
ul.arrow-list li:before {content: "\f30b";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: 10px;top: 14px;}
.right-bg {position: absolute;width: 50%;height: 100%;right: 0;top: 0;}
.left-bg {position: absolute;width: 50%;height: 100%;left: 0;top: 0;}
.logo-block {/* display: flex; *//* flex-wrap: wrap; *//* justify-content: center; */}

.logo-block .border-circle-logo {margin: 0 20px;}
.zoom-image {cursor: alias;margin: 10px 0;overflow: hidden;}

.zoom-image img {width: 100%;transition-duration: 0.4s;}

.zoom-image a {cursor: zoom-in;}

.zoom-image:hover img {transform: scale(1.1);}
.nav.nav-pills a.nav-link {background: #F9F9F9;margin: 5px 0;border-radius: 15px 0 0 15px;color: #393939;font-size: 18px;font-weight: bold;padding: 10px 20px;}

.nav.nav-pills a.nav-link.active {background: #69C57C;color: #fff;}
#qualiy-mgt-tab.tab-content {border: 1px dashed #c9c9c9;border-radius: 10px;padding: 50px 50px;}

ul.arrow-list.no-arrow li:before {display: none;}

ul.arrow-list.no-arrow li {padding-left: 30px;color: #9E9E9E;}
.blue-bg {background: #1e1c61;}
/*****************Analytical page css end***************/
/*****************Career page css start*****************/
.form-group {margin-bottom: 25px;}

.form-control {box-shadow: none;outline: none;font-size: 16px;color: #9E9E9E;padding: 13px 20px;height: 50px;}

.form-control:focus {box-shadow: none;}
textarea.form-control {min-height: 120px;resize: none;}
.radius-image {border-radius: 10px;overflow: hidden;}

.radius-image img {width: 100%;}
.card-box.dark .title h3 {color: #180554;}
.overlap-right-bg:before {content: "";width: 70px;height: 100%;background: #f9f9f9;position: absolute;right: -68px;top: 0;z-index: 99;}

.card-box.overlap-right-bg:before {border-radius: 0px 10px 10px 0;}
.title  h5 {color: #4FCBA9;margin: 0;}
.career-block span.badge {background-color: #180554;padding: 10px 20px;font-size: 14px;font-weight: 400;width: 100px;}

.career-block button {background: #5DCFB0;font-size: 14px;padding: 7px 25px;border: none;border-radius: 5px;color: #fff;width: 100px;}
.career-block h4 {font-size: 24px;color: #180554;font-weight: bold;}

.career-block  p {color: #646464;font-size: 18px;font-weight: 400;margin: 0;}
.career-list {display: flex;flex-wrap: wrap;width: 100%;}
.career-list .career-block .desp p {font-size: 15px;font-weight: 300;line-height: 24px;}

.career-block .desp {margin: 5px 0 20px 0;}
.career-list .career-block {width: 50%;padding: 40px 70px;border-bottom: 1px solid #dbdbdb;}

.career-list .career-block:hover {background: #F9F9F9;}

.career-list .career-block:nth-child(odd) {border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;}

.career-list .career-block:nth-child(even) {border-right: 1px solid #dbdbdb;}

.career-list .career-block:nth-child(1), .career-list .career-block:nth-child(2) {border-top: 1px solid #dbdbdb;}
#careerForm .modal-dialog {max-width: 700px;}
.career-list.leadership.four .career-block {width: 25%;padding: 20px;}

.career-list.leadership.four .career-block h4 {font-size: 15px;}

.career-list.leadership.four .career-block .text-info p {font-size: 14px;}
.career-list.leadership .career-block button.team-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000091;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.career-list.leadership .career-block:hover {}

.career-list.leadership .career-block:hover button.team-popup {
    opacity: 1;
    visibility: visible;
}
.career-list.leadership .career-block .modal-body p {
    font-size: 16px;
    text-align: justify;
}
.modal-header .close {
    background: transparent;
    padding: 0;
    color: #000;
    font-size: 40px;
    opacity: 1;
    width: auto;
    right: 10px;
    position: relative;
}
/*****************Career page css end*****************/
/*****************Investor page css start***************/
ul.nav.nav-tabs.type2 {flex-wrap: inherit;border-radius: 20px;overflow: hidden;}

ul.nav.nav-tabs.type2 li.nav-item {width: auto;background: #E2E0E9;}

ul.nav.nav-tabs.type2 li.nav-item a {color: #646464;font-size: 15px;height: 100%;border: none;display: flex;align-items: center;padding: 15px 30px;border-right: 1px solid #fff;}

ul.nav.nav-tabs.type2 li.nav-item a.active {background: #1A0756;color: #fff;}
.table-box.full .head {width: 100%;}
table.table {border-style: dashed;}
table.table thead {background: #4FCBA9;color: #180554;font-size: 18px;}

table.table thead th {font-weight: bold;color: #180554;background: #4FCBA9;}

table.table td, table.table th {border-style: dashed;position: relative;color: #646464;height: 45px;background: #edfaf6;padding: 0.75rem 1.25rem;border-top-color: #afafaf;}
.financial-table td a {position: absolute;right: 15px;top: 15px;}
table.table.financial-table.white-td td {background: #fff;}
.accordion.color-tabs .card-header button {background: #4fcba9;
    color: #fff;
    padding: 10px 20px;
    border-radius: 15px 15px 0 0;
    width: 95%;
    
    max-width: 350px;
    color: #fff;text-decoration: none;box-shadow: none;font-size: 20px;
    font-weight: bold;}

.accordion.color-tabs .card-header {padding: 0;border: none;background: transparent;border-bottom: 2px solid #4fcba9;margin-bottom: 0;}

.accordion.color-tabs .card {border: none;margin-bottom: 20px;}
.color-tabs .card-body {padding: 0;}
.accordion.color-tabs .card-header button.collapsed:before {content: "\f106";}

.accordion.color-tabs .card-header button:before {content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    color: #4fcba9;}
/*****************Investor page css end***************/
/*****************Leadersip page css start*************/
.career-list.leadership .career-block {width: 33.33%;}

.career-list.leadership .career-block {padding: 25px;}
.career-list.leadership .career-block {border-top: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-right: none;border-bottom: 1px solid #dbdbdb;}

.career-list.leadership .career-block:nth-child(3n+3) {border-right: 1px solid #dbdbdb;}
.career-list.leadership .career-block .text-info {padding: 20px 70px 20px 10px;position: relative;}

.career-list.leadership .career-block .text-info h4 {font-size: 18px;color: #6DD4B8;margin: 0 0 5px 0px;}

.career-list.leadership .career-block .text-info p {margin: 0;font-size: 16px;}

.career-list.leadership .career-block .text-info a {position: absolute;width: 35px;height: 35px;border: 2px solid #6DD4B8;text-align: center;line-height: 36px;border-radius: 50%;color: #6DD4B8;right: 8px;top: 20px;display: none;}

.career-list.leadership .career-block:hover .text-info h4 {color: #7BC355;}

.career-list.leadership .career-block:hover .text-info a {color: #7BC355;display: block;border-color: #7BC355;}
.career-list.leadership .career-block .img-box img {width: 100%;}

.career-list.leadership .career-block .img-box {border-radius: 10px;overflow: hidden;position: relative;}
/*****************Leadersip page css end*************/
/*****************Life at alivira page css start*******************/
.bottom-neg-margin {margin-bottom: -110px !IMPORTANT;position: relative;z-index: 10;}
.testimonial-block {background: #fff;padding: 30px;border-radius: 5px;box-shadow: 0px 0px 7px #0000001f;margin: 20px 10px;position: relative;min-height: 270px;}

.testimonial-block p {font-size: 17px;color: #646464;line-height: 25px;}

.testimonial-block 
 .rating {margin: 0 0 10px 0;}

.testimonial-block .user-info {display: flex;align-items: center;margin-top: 30px;}

.testimonial-block .user-info .img-box {width: 65px;overflow:hidden;border-radius: 50%;height: 65px;margin-right: 30px;}

.testimonial-block .user-info .img-box img {width: 100%;height: 100%;object-fit: cover;}
.testimonial-block .user-info h4 {margin: 0;font-size: 18px;color: #180554;font-weight: bold;}
.slider-tracker {position: relative;width: 500px;margin: 0 auto;height: 60px;display: flex;align-items: center;justify-content: center;}

.slider-tracker  .swiper-pagination {position: static;background: #C4C4C4;}

.slider-tracker .swiper-pagination span.swiper-pagination-progressbar-fill {background: #6AC57D;}

.slider-tracker .swiper-button-next {right: -60px;}

.slider-tracker .swiper-button-prev {left: -60px;}
.slider-tracker .swiper-button-next:after, .slider-tracker .swiper-button-prev:after {font-size: 0;}
.testimonial-block img.top-quote {position: absolute;top: -12px;left: 25px;}

.testimonial-block img.bottom-quote {position: absolute;right: 40px;bottom: 40px;}
.event-block a {display: block;}
.event-block .img-box {overflow: hidden;}

.event-block .img-box img {width: 100%;transition-duration: 0.4s;}
.event-block .event-info {padding: 0px 20px 20px 20px;}

.event-block .event-info .date {background: #4FCBA9;display: inline-block;color: #fff;font-size: 18px;font-weight: bold;padding: 5px 20px;border-radius: 5px;position: relative;bottom: 20px;}

.event-block .event-info a {color: #180554;text-decoration: none;}

.event-block .event-info a h3 {font-size: 24px;font-weight: bold;}

.event-block .event-info p {margin: 0;font-size: 20px;line-height: 31px;}

.event-block:hover .img-box img {transform: scale(1.1) rotate(4deg);}
.event-block .event-info a:hover {color: #4fcba9;}
.event-block.horizontal {display: flex;}

.event-block.horizontal .img-box {width: 40%;}

.event-block.horizontal .event-info {width: 60%;}

.event-block.horizontal .event-info .date {color: #4FCBA9;position: static;background: transparent;padding: 0;font-size: 16px;margin: 0 0 5px 0;}

.event-block.horizontal .event-info h3 {font-size: 20px;}

.event-block.horizontal .event-info p {font-size: 18px;line-height: 26px;}

.event-block.horizontal .img-box img {height: 100%;object-fit: cover;}

.event-block .img-box a {height: 100%;}
.title.text-center p {
    text-align: center;
}
.radius-block {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.radius-block img {
    width: 100%;
}
.service_list .service_item.type2:hover img {
    transform: inherit;
}
.radius-block.open-slider {
    cursor: pointer;
}
.radius-block.open-slider:hover h2 {
    opacity: 1;
}

.radius-block.open-slider a {
    text-decoration: none;
}

.radius-block.open-slider h2 {
    position: absolute;
    top: 50%;
    background: #01a1dd;
    color: #fff;
    font-size: 15px;
    padding: 4px 12px;
    left: 50%;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 500px 500px #0000008c;
    transition: 0.4s;
    opacity: 0;
}
ul.arrow-list.no-arrow.equal-space li {
    padding-left: 0;
}
/*****************Life at alivira page css end*******************/
/*****************Formulation page css start*********************/
.section-image img {width: auto;max-width: 100%;margin: 0 auto;display: block;}
.btn_alivira1.text-link {padding: 0;width: auto;min-width: auto;background: transparent;color: #180554 !IMPORTANT;border: none;font-size: 18px;text-transform: capitalize;}

.btn_alivira1.text-link i {color: #54BAC2 !important;}
.touch-shift-section:not(:last-child) {margin-bottom: 130px;}

.touch-shift-section .section-image {width: calc(100% + 50px);position: relative;z-index: 9;top: 30px;}
.touch-shift-section .content-block {height: 100%;padding: 50px 40px 50px 150px;position: relative;bottom: 30px;width: calc(100% + 50px);right: 50px;}
.touch-shift-section:nth-child(even) .row {flex-direction: row-reverse;}

.touch-shift-section:nth-child(even) .content-block {right: auto;left: 0px;padding: 50px 150px 50px 40px;}

.touch-shift-section:nth-child(even) .section-image {right: 50px;}
.touch-shift-section:last-child {margin-bottom: 50px;}
/*****************Formulation page css end*********************/
/*****************Poultry page css start**********************/
.logo-list-section {display: flex;flex-wrap: wrap;}

.logo-list-section .logo-block {width: 25%;padding: 15px 10px;border: 1px solid #ebebeb;min-height: 130px;}
.logo-list-section .logo-block a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.logo-list-section .logo-block img {width: auto;max-height: 30px;max-width: 90%;}

.logo-list-section .logo-block:hover {background: #fff;}
.filter-tabs button {border: none;background: #efefef;padding: 10px 20px;border-radius: 5px;margin-right: 7px;margin-bottom: 10px;}

.filter-tabs button.active {background: #180554;color: #fff;}
.filter-tabs button:hover {background: #180554;
    color: #fff;}
    .filter-content {display: none;}

    .filter-content.active {display: block;}
/*****************Poultry page css end**********************/
/*****************API page css start**********************/
table.table.financial-table.static-anchor a {position: static;color: #9d9d9d;}
.top-radius {border-radius: 20px 20px 0 0;overflow: hidden;}
table.table.financial-table.white-head thead th {color: #fff;}
table.table.color-2 thead th {background: #69c57c;}

table.table.color-2 td {background: #ebf4ed;}
table.table.color-3 thead th {background: #1a0756;}

table.table.color-3 td {background: #e2e0e9;}
.form-group label {font-weight: bold;}
ul.selected_service {list-style: none;padding: 0;margin: 0;}

ul.selected_service li {background: #ebebeb;display: inline-block;border-radius: 5px;color: #180554;padding: 4px 11px;font-size: 13px;font-weight: bold;margin: 0 5px 5px 0;}
/*****************API page css end**********************/
/*****************Manufacturing page css start************/
ul.tab-tags {list-style: none;padding: 0;margin: 0;display: flex;/* flex-wrap: wrap; */justify-content: space-between;align-items: self-start;}

ul.tab-tags li {width: 100%;background: #fff;display: flex;align-items: center;min-height: 90px;padding: 20px 20px;margin: 0 10px;}

ul.tab-tags li:hover {background: #69C57C;color: #ffffff;}
ul.tab-tags.type2 li {background: #edfff1;}

ul.tab-tags.type2 
 li:hover {background: #69C57C;}
 .icon-box {padding: 0 20px;text-align: center;}
.table-box.arrow li:before {content: "\f061";font-family: 'Font Awesome 5 Free';font-weight: 900;color: #4fcba9;position: absolute;left: 20px;}

.table-box.arrow li {padding-left: 50px;}

.table-box.color-2 .head {background: #69C57C;}

.table-box.color-2 li:before {color: #69C57C;}
ul.tab-tags.type2.full li {width: 100%;}

ul.tab-tags.type2.full {flex-wrap: wrap;gap: 30px;}
/*****************Manufacturing page css end************/
/*****************Group company page css start*************/
section.section-space.large-top {padding-top: 200px;}
.map-info {position: absolute;width: 350px;padding: 20px 25px;background: #fff;border-radius: 5px;display: none;z-index: 99;box-shadow: 0px 0px 11px #0000001c;}

.map-info h3 {color: #4FCBA9;font-size: 18px;font-weight: bold;margin: 0 0 10px 0;}

.map-info  p {margin: 0;color: #646464;font-size: 16px;}
.map-info p a {text-decoration: none;color: #646464;}

.map-info p a:hover {color: #4fcbb1;}
.map-info:before {content: "";width: 80px;height: 350px;position: absolute;left: 0;top: 0;border-left: 2px solid #313131;border-top: 2px solid #313131;pointer-events: none;}

.map-info:after {content: "";position: absolute;top: -2px;width: 7px;height: 7px;border-radius: 50%;background: #313131;left: 75px;}
.global_loc2 {cursor: pointer;}
/*****************Group company page css end*************/
/*****************Product detail page css start*************/
.table-box.arrow li.no-arrow:before {opacity: 0;}

.table-box.arrow li h5 {margin: 0;color: #000;font-size: 18px;}
.table-box.arrow li span {float: right;}
.breadcrumb.dark ul li, .breadcrumb.dark ul li a {color: #858585;}
.product-tagline {border: 1px dashed #4FCBA9;width: 120px;height: 120px;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;top: -20px;left: -40px;background: #f9f9f9;}

.product-tagline h4 {margin: 0;font-size: 14px;color: #4FCBA9;font-weight: bold;padding: 20px;line-height: 20px;}
ul.arrow-list.product-desp li {color: #9E9E9E;}

ul.arrow-list.product-desp li:before {color: #69C57C;}
.attribute {margin-top: 20px;}

.attribute h5 {margin: 0;color: #444444;font-weight: 600;font-size: 18px;}

.attribute p {margin: 0;color: #4FCBA9;font-weight: bold;margin-top: 5px;font-size: 20px;}
.table-box.square ul li:before {content: "";width: 10px;height: 10px;background: #4fcba9;position: absolute;left: 11px;top: 15px;}

.table-box.square ul li {padding-left: 35px;}
.product-detail-logo img {
    max-width: 300px;
}
.service_list .service_item.type2 {
    width: 33.33%;
}
.ser_img.icon_type img {
    width: auto;
    height: 100px;
}

.ser_img.icon_type {
    height: auto;
}
div#google_translate_element .skiptranslate.goog-te-gadget {
    font-size: 0;
}
div#google_translate_element span {
    display: none;
}
div#google_translate_element select.goog-te-combo {
    font-size: 13px;
    padding: 10px 10px;
    width: 150px;
}
body > .skiptranslate {
    display: none !IMPORTANT;
}
body {
    top: 0 !IMPORTANT;
}
.custom_container.type2 {
    padding: 0 16%;
}
.product-detail-image {
    top: 50px;
}
.table-box.square ul li h5 {
    color: #000;
    font-weight: 600;
    font-size: 17px;
    margin: 0;
}
ul.map-abbr {list-style: none;padding: 0;margin: 0;}

ul.map-abbr li {
    margin: 6px 30px 6px 0;
    font-size: 15px;
}

ul.map-abbr li img {
    margin-right: 6px;
}
.table-box.square ul li.no-arrow:before {
    display: none;
}
/*****************Product detail page css end*************/ 

.career-list.leadership .career-block:last-child,
.career-list.leadership.four .career-block:last-child {
    border-right: 1px solid #dbdbdb;
}

.career-block .desp * {
    color: #646464 !important;
    font-size: 15px !important;
    font-family: 'Nunito Sans', sans-serif !important;
}

.floating-button a {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 18px 5px 12px;
    background-color: #180554;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    z-index: 1;
}

.floating-button a i {
    margin-right: 10px
}