body
{
    margin: 0; 
    padding: 0; 
    overflow-y: auto; 
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    /*color: #413e66;*/
    color: #666;
}


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

/* Track */
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(45deg, #ffbd84, #ff1f8e);
  height: 40px;
}

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

.fancybox__caption
{
    width: 100%;
    height: 50px;
    background-color: #666;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 999;
}


.all_padding{padding: 45px 0;}
.heading_h1{color: #013d29; font-size: 50px; line-height: 1em;letter-spacing: 0.8px; font-weight: 700;font-family: "Montserrat", sans-serif;}
.heading_h3{background: #1464B0;background: linear-gradient(to right, #a12a68 0%, #F7941E 68%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 45px;font-weight: 700;line-height: 1em;letter-spacing: 0.8px;font-family: "Montserrat", sans-serif;}
.heading_h5{color: #323334;font-size: 18px; font-weight: 600;letter-spacing: 0.8px; font-family: "Montserrat", sans-serif;}
small{font-size: 16px;letter-spacing: 0.8px; color: #323334; font-weight: 600;font-family: "Montserrat", sans-serif;}
.all_para{font-size: 15px;}
.all_icon{font-size: 14px !important; color: #545362;}
.overflow_section{overflow: hidden;}
.heda_title{display: flex; flex-direction: column; width: 80%;margin: 0 auto; align-items: center; justify-content: center; margin-bottom: 20px; text-align: center;}



.btn_2{background: #8c7969;background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);background: -webkit-linear-gradient(left, #00ff6c 0%, #000000 100%);background: linear-gradient(to right, #fbbe61 0%, #a93872 100%);color: #fff;text-decoration: none;padding: 15px 25px;overflow: hidden;border-radius: 5px;transition: 0.5s ease;outline: none;border: none;font-size: 18px;font-weight: 500;position: relative;}
.circle{background:rgba(255, 255, 255, 0.2);display: block;position: absolute;top: -10%;right: -130px;width: 200px;height: 200px;border-radius: 50%;transition: 0.5s ease;}
.btn_2:hover .circle{top: -10%;right: -80px;}
.btn_2:hover{color: #fff;}



.counter{background-color: #0c97cf;}



/*....................//nav//......................*/
.social_icon{width: 100%;display: flex; justify-content: flex-end;}
.social_icon i{margin: 0 20px; margin-right: 0; cursor: pointer;transition: 0.5s ease;}
.social_icon i:hover{color: #a12a68;}
nav.scrolled .social_icon i{display: none;}


nav{padding:15px 0; position: fixed; width: 100%; z-index: 999; top:0; transition: background-color 0.3s ease, padding 0.3s ease;}
nav.scrolled{background-color: #fff; padding: 0px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.Manin_Nav{display: flex; justify-content: space-between; height: 70px; align-items: center;}
.Manin_Nav .menu ul{list-style: none; margin: 0; padding: 0;}
.Manin_Nav .menu ul li{display: inline-block; margin: 0 20px; padding: 0; margin-right: 0;}
.Manin_Nav .menu ul li a{display: block;margin: 0;padding: 0px;color: #666;text-decoration: none;font-weight: 600;font-size: 13px; text-transform: uppercase;}
.Manin_Nav .menu .acctive{color: #a12a68;}








.mega_menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: max-content;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-top: 2px solid #1b5fac;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
}
.mega_img{width: 30px; height: 30px; object-fit: contain; margin-right: 8px;}
.mega_column h5{font-size: 15px;}
.Manin_Nav .mega_column ul li{margin: 0px; display: block; margin-bottom: 15px; border-bottom: 1px solid #ccc; background-color: #f8ffff;}
.mega_column ul li a{text-transform: capitalize !important;}
.mega_column ul li a:hover{color: #1b5fac;transition: 0.5s ease;}
.has-mega-menu:hover .mega_menu{opacity: 1; visibility: visible;}
.mega_column{border-left: 1px solid #eee; padding: 0 10px;}
.mega_column:nth-child(4){border-right: 1px solid #eee;}
.has-mega-menu:hover .mega_menu{opacity: 1; visibility: visible;}




/*....................//nav-end//......................*/





/*....................//intro//......................*/
#intro{width: 100%;height: 100vh;position: relative;background: #f5f8fd url(../img/intro-bg.jpg) center top no-repeat;background-size: cover;}
/*....................//intro//......................*/





/*....................//about//......................*/
.about_left{width: 100%; height: auto;}
.about_left img{width: 100%; height: 100%; object-fit: contain;}
/*....................//about-end//......................*/




/*....................//what_we_do//......................*/
.what_we_do{position: relative; z-index: 1; background-color: #ffeadec2;}
.what_we_do:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;background-image: url(../img/hero-1.jpg); background-position: center; background-size: cover; opacity: 0.4; background-repeat: no-repeat;}
.what_box{height: 425px !important;}
/*....................//what_we_do-end//......................*/




/*....................//services_paln//......................*/
.plan_main{width: 88%; height: auto; border: 1px solid #eee; text-align: center; padding: 20px; margin: auto; cursor: pointer;}
.plan_img{margin-bottom: 15px;}
.plan_short_content p{font-size: 50px; font-weight: bold; color: #0097D8;}
.plan_future ul{list-style: none; margin: 0; padding: 0; line-height: 30px; font-size: 15px;}
.plan_main:hover .st_plan{color: #ffcd00; transition: 0.5s ease;}
.plan_main:hover .Prof_onal{color: #4caf50; transition: 0.5s ease;}
.plan_main:hover .Pr_mium{color: #ff4f19; transition: 0.5s ease;}
/*....................//services_paln-end//......................*/




/*....................//testimonials//......................*/
.testimonials{position: relative; z-index: 1; background-color: #ffeadec2;}
.testimonials:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;background-image: url(../img/hero-1.jpg); background-position: center; background-size: cover; opacity: 0.4; background-repeat: no-repeat;}
.main_slider .priv_arrow
{
    z-index: 99;
    position: absolute;
    top: 50%;
    left: -20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #a12a68;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
}
.main_slider .next_arrow
{
    z-index: 99;
    position: absolute;
    top:50%;
    right: -20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #a12a68;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
}
.main_slider{width: 100%; height: 100%;}
.testimonials_box{width: 100%;height:auto;padding-top: 50px;}
.testimonials_products{width: 100%;height: auto;position: relative;text-align: center;padding: 10px 20px 10px 20px;border-radius: 5px;position: relative;z-index: 1;background-color: #fff;border: 1px solid #a12a68;}
.testimonials_products:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: -1;background-image: url(../img/hospice-bg.png);background-size: contain;background-position: center center;opacity: 0.2;}
.testimonials_img{position: absolute;width: 100px;height: 100px;background-color: #fff;border-radius: 5px;border: 2px solid #fff;left: 40px;top: -50px;}
.testimonials_img img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.testimonials_cen i{font-size:30px !important;color: #a12a68;}
.testimonials_cen h5{font-size: 20px;}
/*....................//testimonials-end//......................*/





/*....................//why_choose//......................*/
.why_choose{position: relative; z-index: 1;background-color: #ffffff;}
.why_choose:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../img/hero-2.jpg);
    background-position: right center;
    background-size: cover;
    opacity: 0.3;
    background-repeat: no-repeat;
}
.why_flex{display: flex; grid-gap: 5px;}
.why_flex i{color: #008673; font-size:25px;}
.about_right{width: 100%; height: 100%;}

.pastickey{position: sticky;top: 100px;height: auto;}
.pastickey img{width: 100%;}
.srvices_slide{display: grid;grid-gap: 20px;}
.srvices_main{width: 100%;height: 180px;background-color: #fff;border-radius: 5px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); cursor: pointer;}
.srvices_slide .srvices_main{position: sticky;top: 100px;}
.srvices_box{display: flex;align-items: center;flex-wrap: wrap;padding: 20px;}
/*....................//why_choose-end//......................*/

.industries{background-color: #f5f8fd;}
.industries_grid{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 8px;padding: 8px; overflow: hidden;}
.industries_box{background-color: #fff; display: flex; width: 100%; height: 90px;  padding: 15px; border-radius: 5px; grid-gap: 10px; border:1px solid #ccc;}
.indus_img{width: 35px;height: 35px;border-radius: 7px;overflow: hidden;border: 1px solid #ccc;background-color: #eee;}
.indus_img img{width: 100%;height: 100%;object-fit: contain;}
.indus_cen{width: calc(100% - 35px);}
.prod_img img{width: 50px;}

/*....................//industries//......................*/
/*.industries{position: relative; z-index: 1;background-color: #ffffff;}
.industries:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../img/steptodown.com732007.jpg);
    background-position: right center;
    background-size: cover;
    opacity: 0.1;
    background-repeat: no-repeat;
}
.industries_box{width: 100%;transition: 0.5s ease; height: 170px; background-color: #eee; padding: 15px; border-radius: 5px; text-align: center; margin:20px 0; margin-bottom: 0px;}
.industries_producrts{background-color: #fff; height:100%;border-radius: 5px; padding: 10px; display: grid; align-content: center;}
.prod_img img{width: 50px;}
.industries_images{width: 100%; height: 330px;}
.industries_images img{width: 100%; height: 100%; object-fit: contain;}*/
/*....................//industries-end//......................*/


.our_Stack{position: relative; z-index: 1;background-color: #ffffff;}
.our_Stack:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../img/steptodown.com732007.jpg);
    background-position: right center;
    background-size: cover;
    opacity: 0.1;
    background-repeat: no-repeat;
}
.Stack_box{width: 100%; height: 320px; background-color: #eee; padding: 15px; border-radius: 5px; text-align: center;}
.Stack_producrts{background-color: #fff; height:100%;border-radius: 5px; padding: 10px; padding-top: 30px;}
.Stack_img{width: 80px; padding: 15px; height: 80px;margin:  0 auto; background-color: #e7f2f7; border-radius: 50%;}
.Stack_img img{width:100%; height: 100%; object-fit: cover;}
.Stack_images{width: 100%; height: 300px;}
.Stack_images img{width: 100%; height: 100%; object-fit: contain;}
/*.Stack_content ul{list-style: none;margin: 0;padding: 0;line-height: 30px;font-size: 16px;}*/
.Stack_content i{color: #008673;font-size: 18px;}

.flex_item{display: flex;grid-gap:8px;}
.left_margin{text-align: left;}
.left_img{margin: 0;}
.left_pading{padding: 20px;}




/*....................//Portfolio//......................*/
.button_group{width: 100%; text-align: center;}
.button_group ul{list-style: none;margin: 0px;padding: 0px;}
.button_group ul li{display: inline-block;margin: 8px 20px 20px 0px; padding: 15px 20px;background-color: #bd596e;color: #fff;border-radius: 5px;font-size: 18px;font-weight: 500;cursor: pointer;}
.button_group ul li.active{background: #8c7969;background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);background: -webkit-linear-gradient(left, #00ff6c 0%, #000000 100%);background: linear-gradient(to right, #fbbe61 0%, #a93872 100%);}
.main_folio{display: flex; flex-direction: column; width: 100%;}
.Portfolio_products{padding: 10px; display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 20px; grid-gap: 10px; row-gap: 10px;}
.itemBox{width: 100%; height: 100%; background-color: #eee; padding: 8px; position: relative; overflow: hidden;}
.itemBox img{width: 100%; height: 100%; object-fit: contain;transform: scaleY(1); transition: all 0.7s ease-in-out;}
.itemBox:hover img{transform: scale(10);}

.share_link{width: 100%; height: 100%; background-color: #f5f8fdc7; z-index: 1; grid-gap: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: grid; display: flex; align-content: center; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out;}
.zoom_icon{width: 40px; height: 40px; border-radius: 50%; background-color: #f7941e; display: grid; align-content: center; text-align: center;}
.web_share{width: 40px; height: 40px; border-radius: 50%; background-color: #1b5fac; display: grid; align-content: center; text-align: center;}
.share_link i{font-size: 20px; color: #fff; cursor: pointer;}
.share_link a{text-decoration: none;}

.itemBox:hover .share_link{opacity: 1; visibility: visible;}



/*....................//Portfolio-end//......................*/




/*....................//brand_sec//......................*/
.brand_grid{display: grid; grid-template-columns: repeat(6, 1fr); width: 100%;overflow: hidden; border-radius: 5px; row-gap: 10px;}
.brand_item{width: 160px; height: 100px; border: 1px solid #ccc; margin: auto;border-radius: 5px; background-color: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.brand_item img{width: 100%; height: 100%; object-fit:contain;cursor: pointer;opacity: 0.5; transition: 0.5s ease; padding: 20px;}
.brand_item img:hover{opacity: 100%;}
/*....................//brand_sec-end//......................*/




.action{background-color: #1b5fac; padding-bottom: 100px;}
.action_title{color: #fffdc2 !important;font-weight: 700;}
.action_content p{color: #fff;}
.ribon{margin-top: -45px;}
.ribon_box{width: 100%; height: 90px; background-color: #f5f8fd; border-radius: 5px; padding: 15px;border: 1px solid #d5f0fb;}
.ribon_flex{display: flex; grid-gap: 15px;}
.ribon_icon{width: 35px; height: 35px; border-radius: 7px; border: 1px solid #ccc; background-color: #fff;}
.ribon_icon img{width: 100%; height: 100%; object-fit: contain;}
.ribon_content{width: calc(100% - 35px);}




/*....................//footer//......................*/
footer{background: #FBF0F3; background: linear-gradient(90deg,rgba(251, 240, 243, 1) 0%, rgba(251, 249, 238, 1) 79%); padding: 80px 0; position: relative;}
.footer_menu ul{list-style: none;margin: 0;padding: 0;line-height: 35px;}
.footer_menu ul li a{text-decoration: none;color: #666;font-size: 15px;transition: 0.5s ease;}
.footer_menu ul li a:hover{color: #a12a68;}
.details_flex{display: flex;grid-gap: 5px;}
.ft_title{color: #a12a68;text-transform: capitalize; font-size: 16px;font-weight: 600;}
.details_flex i{color: #000;font-size: 20px;}
.details_flex a{text-decoration: none;font-size: 15px;color: #666;}
.ft_icon{position: absolute; bottom: 40px;right: 26%;}
.ft_icon i{font-size: 25px;color: #000;margin: 0 2px;transition: 0.5s ease;}
.ft_icon i:hover{color: #a12a68;}
.float_cen{float: right;}
.footer_bottom{padding: 10px 15px;text-align: center;background-color: #a12a68;color: #fff;}
/*....................//footer-end//......................*/



/*....................//allpages_banner//......................*/
.page_banner{width: 100%;position: relative; display: flex; align-items: center; justify-content: flex-start;}
/*.page_banner img{width: 100%; height: 100%; object-fit: cover;}*/
.pages_title{position: absolute;}
.pages_title{padding-left: 115px;}
.What_we_did {
  background-image: url(../img/what-we-did.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;  
  height: 450px; /* You can make it responsive */
}
.Who_we_are {
  background-image: url(../img/who-we-are.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;  
  height: 450px; /* You can make it responsive */
}
.Let_meet {
  background-image: url(../img/lets-meet.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;  
  height: 450px; /* You can make it responsive */
}

/*....................//allpages_banner-end//......................*/



/*....................//who-we-are//......................*/
.back_upturn{background-size: cover;height: 110px;width: 100%;}
.mission_Vision{background-color: #0ca87a;}
.mission_Vision_content h3{background: linear-gradient(to right, #fff 0%, #fff 68%);-webkit-background-clip: text;-webkit-text-fill-color: #fff;}
.mission_Vision_content p{color: #fff;}
.mission_Vision_imges{width: 100%; background-color: #4bd498; border-radius: 7px; padding: 20px; position: relative; z-index: 1;}
.mission_Vision_imges:after{position: absolute; content: ""; width: 250px; height: 250px; background-color: #69ec84cf; border-radius: 50%; left: -60px; top: -60px; z-index: -1;}
.mission_Vision_imges img{width: 100%; object-fit: contain;border-radius: 7px;}
/*....................//who-we-are-end//......................*/

.Lets_meet_main{width: 100%; background-color: #fff; display: flex; justify-content: space-between;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.contact_form{width: 650px;}
.contact_information{width: calc(100% - 650px);}
.form_group{line-height:50px;}
.form_group input, textarea{width: 100%; padding: 0 10px; border-radius: 5px; outline: none; border: 1px solid #eee; background-color: #f5f4f9;}
.form_group label{color: #a12a68; font-weight: bold;}
.call_info{display: flex; grid-gap: 15px; margin-bottom: 30px;}
.call_icon{width: 35px; height: 35px; border: 1px dashed #666; display: grid; align-content: center; justify-content: center; border-radius: 5px;}
.call_para{width: calc(100% - 35px); height:35px; align-content: center;}
.call_para a{text-decoration: none; color: #666;}
.call_icon i{color: #a12a68; font-size: 25px;}
.Lets_meet{background-image: url(../img/intro-bg.jpg); background-position: center; background-size: cover;}
.contact_map{height: 196px; background-color: #f5f4f9; padding: 10px;}
.contact_map iframe{width: 100%; height: 100%;}

 

@media only screen and (max-width: 991px)
{
     .main_folio{display: flex; flex-direction: column;}
     .action_content{text-align: center;}
     .industries_grid{display: grid;grid-template-columns: repeat(2, 1fr);}
     .brand_grid{display: grid;grid-template-columns: repeat(4, 1fr);}
     
}


@media only screen and (max-width: 767px)
{
    #intro{height: 160vh;}
    .brand_grid{display: grid;grid-template-columns: repeat(3, 1fr);}
    .page_banner{height: 250px;}
}




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

@media only screen and (max-width: 480px)
{
    #intro{height: 150vh;}
    .bn_img{margin-top: 50px;}
    .about_left img{margin-bottom: 40px;}
    .Choose_respon{margin-top: 40px;}
    .srvices_main {height: 248px;}
    .testimonials{padding-left: 20px; padding-right: 20px;}
    .industries_grid{display: grid;grid-template-columns: repeat(1, 1fr);}
    .brand_grid{display: grid;grid-template-columns: repeat(2, 1fr);}
}