*{padding: 0; margin: 0; box-sizing: border-box; text-decoration: none;    }
/* ....................header............... */

.logo img{width: 80%;}



.carousel-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

@media (min-width: 355px) {
  .carousel-image {
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .carousel-image {
    height: 500px;
  }
}









/* ......bar1.... */
.bar1{ background: #fff; padding: 8px 0px; display: flex;}
.ss a{padding: 8px 20px; border-radius: 20px; background:#f14228 ;
      color: #fff; text-decoration: none;font-weight: 700;display: block;}
       /* .s1 a{padding: 7px 20px; border-radius: 8px; background:#fff ;
        color: #000; text-decoration: none;font-weight: 500; border: 1px solid #f7562d;} */
        .u1 li {display: block; display: inline-block; list-style: none;padding-top: 5px;}
        .u1 li a{font-size: 20px;margin-left: 5px; text-decoration: none; }
         .u1{margin-bottom: 0px !important;}
        
    





    /* Navbar brand logo */
    .navbar-brand img {
      height: 40px;
      width: auto;
    }

    /* Navbar colors and fonts */
    .navbar {
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      background-color: #fff;
    }
    .navbar-nav .nav-link {
      color: #333;
      font-weight: 500;
      transition: color 0.2s ease;
    }
    .navbar-nav .nav-link:hover {
      color: #6f42c1;
    }

    /* Dropdown menu */
    .dropdown-menu {
      border-radius: 0.5rem;
      box-shadow: 0 4px 15px rgba(111, 66, 193, 0.2);
    }

    /* Offcanvas menu styling */
    .offcanvas-body {
      padding: 2rem 1.5rem;
      background-color: #f8f9fa;
    }
    .offcanvas-body .nav-link {
      font-size: 1.2rem;
      margin-bottom: 1rem;
    }

    /* Close button styling */
    .btn-close {
      filter: invert(30%) sepia(60%) saturate(500%) hue-rotate(260deg);
      /* purple-ish close button */
    }
  
  










    
    
    
    
/* Add 2px margin between the boxes only on mobile view */
@media (max-width: 768px) {
  .service-box {
    margin-bottom: 2px;
       }
}

.service-box .service-name {
  color: #333;
}

.service-box:hover .service-name {
  color: #f14228;
}

.service-box:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
   
}
}






/* ....................11111111111111........................... */
.box{padding: 15px;}
.box1{background-color: #fafafa;padding: 35px 0px; }
.box h1{line-height: 60px; margin-top: 10px;}
.box p{font-size: 18px;line-height: 35px;}
.boxB h4{margin-bottom: 13px;font-weight: 600;}
 .ioc p i{color: #f14228; font-size: 22px; margin-right: 5px;}
 .ioc p{margin-bottom: 0px !important;}
.box button{padding: 10px 25px; margin-bottom: 2rem;
    border-radius: 13px; background: #fff;
     border: 2px solid #f7562d;
      color: #f7562d; margin-top: 3rem;}

      .boxA{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8); padding: 30px;}
      .boxA{background: #fff; width: 80%; margin-left: 3rem;}
      .boxB input{width: 90%; margin: 8px;background: #fafafa;
        border-radius: 7px;
        border: 1px solid #fafafa;
        padding: 15px;}
      .boxA textarea{width: 90%;background: #fafafa;margin: 8px;
        border-radius: 7px;
        border: 1px solid #fafafa;
        padding: 15px;}
        .btn a{padding: 10px 58px;display: block; border: none; background:#f14228; color: #fff; border-radius: 8px; text-decoration: none;}
        
        .row{margin: 0;}

        /* ...............box2.................... */

        .box2 {background: #f14228; padding: 35px 0px;}
        .box2 img{width: 100%; }
        .txxx{width: 10%;}
        .xx{ width: 60%; margin-left: 3rem;}
        .txx h3{font-size: 35px;font-weight: 600;}
        .txx p{font-weight: 400; font-size: 18px;}

        /* .................box3................... */
        .lastt h3{font-weight: 650;}
            .br{border: 3px solid #fff; margin: auto; width: 5%;}
        .box3{background: #f14228; padding: 10px 14px 210px 20px;}
        .lastt{margin-top: 2rem;}

        .ull{margin-left: 1rem; margin-top: 4rem; font-size: 18px;}
        .brr{border: 3px solid #f14228; margin: auto; width: 5%; margin-top: 3rem;}

        .tx1 button{padding: 5px 12px; border: none; background:#f14228; overflow: hidden; color: #fff; border-radius: 8px;}
        .tx1 span{color: #f14228; }
        .tx1{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8); padding: 24px; margin: 10px;}

    /* .......................Tittle................... */
         .Tittle{padding: 25px 0px;}
         .Tittle h2{font-weight: 10px; margin-bottom: 10px;}
         .Tittle h3{ font-weight: 650; margin-bottom: 10px;}
         .Tittle i{color: #f14228;}
         .tittle1{ padding: 15px;box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8); border-radius: 15px; margin: 10px 0px;}
         .braa{border: 1px solid #f14228; margin: auto; width: 70%; margin-bottom: 1rem;  margin-top: 1rem;}
        .Tittle ul{list-style: none;}
   












/* ............................box4...................... */

     .box4{background: #fafafa;padding: 13px 0px; margin-top: 2rem;border: solid 1px #f0f0f0; border-radius: 10px;}
   
     .box44 h4{font-weight: 650; }
     .box44 span{font-weight: 650; }
     .box44 ul li{margin-bottom: 7px}
     .box5{padding: 13px 0px; margin-top: 2rem; border-radius: 10px;box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8); margin-bottom: 10px;}


    
     /* .....................Contact Us.......................... */
     .Contact{padding: 50px 0px; }
     .Contact h3{font-size: 37px; font-weight: 650;}
     .br3{border: 2px solid #f14228; width: 20%; margin: auto;margin-bottom: 10px; }
     .iteme i{font-size: 58px; color: #f14228;}
      .sls1{padding: 10px;box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8); margin-bottom: 15px;}

    


/* .................................experience................................... */

     .experience{padding: 50px 0px; box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);}
      .experience h3{font-size: 40px; font-weight: 650;} 
      .experience p{margin-top: 1.3rem; } 
     .rr button{padding: 13px 40px; 
      background:#f14228;
      color: #fff;
      border-radius: 8px;
      font-weight: 500;
      font-size: 16px; 
    border: none;margin-top: 1.3rem; margin-bottom: 1rem; } 
   .immm img{width: 100%; }   

  .immm {
    position: relative;
   }
   .immm .icon i{
    position: absolute;
    top: 34%;
    left: 45%;
    color: #f14228;
    font-size: 60px;
   }

/* .................star......... */
.star{padding: 50px 0px; background: #f0f0f0; }
.star h3{color: #f14228; font-weight: 650; font-size: 35px;}
.star i{color: #d24c37;}

/* ..................................video......................... */
.video img {width: 100%;}
.p {background: #f14228; width: 100%; height: 44px;}
.video span{font-size: 30px; font-weight: 650; color: #f14228;}
.video{padding: 50px 0px;}
.video h6{color: #f14228; margin-bottom: 30px;}
.video1{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);margin: 13px 0px; }
.video a{text-decoration: none;}

/* ......................box6................... */
.box6{padding: 50px 0px;}
.box6 h1{font-weight: 700; }
.br1{border: 2px solid #f14228; width: 25%; margin: auto; margin-bottom: 15px;}
.box6 i{font-size: 58px; color: #f14228;}
.b6:hover{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);border-bottom: 3px solid #f14228; border-radius: 0px 50px 0px 0px; margin-bottom: 1rem;}
.box6 h4:hover{color: #f14228;}
.boxa a{text-decoration: none; list-style: none; list-style: none; color: #333;}
.all_bt{margin-top: 3rem;}
.all_bt a {
  padding: 13px 58px;
  margin-top: 2rem;
  text-decoration: none;
  border: none;
  background: #f14228;
  color: #fff;
  border-radius: 8px;}

/* .................number........................... */
.number{padding: 50px 0px;box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);}
.bra{border: 1px solid #f14228; margin: auto; width: 26%;}
.number i{font-size: 58px; color: #f14228;}
.number h3{font-size: 40px;}
.number h6{margin-top: 1rem;font-size: 20px; }

/* ...............................Blog..................stststst...... */


.bg_img3{background-image: url(../images/lite.png); width: 100%;height: 290px;  background-repeat: no-repeat; background-size: cover;background-position: center; }

.bg_img4{background-image: url(../images/about.png); width: 100%;height: 290px;  background-repeat: no-repeat; background-size: cover;background-position: center; }



.blog_pages img{width: 100%;}
.bg_img3 h1{font-weight: 700;font-size: 40px; }
.blog_pages h2{font-weight: 700;}
.blog_pages h2:hover{ color: #f14228;}
.blog_icon i{color: #f14228;}
.blog_pages button{padding: 6px 6px; border: none; background: #f14228; color: #fff; font-weight: 700; margin-bottom: 1.3rem;}
.bi-caret-right-fill{color: #fff;}
.blog_pages{margin: 23px 0px; box-shadow: 1px 5px 41px 0 hsla(0,0%,89.3%,.8);}
.abou1{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.3%,.8); margin-top: 1rem; margin-bottom: 1rem;padding: 0px 7px; border-radius: 5px;}
.tag1{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.3%,.8);padding: 0px 7px 10px 7px; border-radius: 5px;margin-top: 1rem;}

.scd{border: 1px solid #f14228; padding: 0px 7px; border-radius: 5px;}
.ici{padding-bottom: 15px;}

.blog1{margin-left: 8px;}

.color p{background: #f14228; color: #fff; padding: 5px;}
.Blog_pg i{color: #f14228;}
.Blog_pg{padding: 7px 7px 7px 7px; box-shadow:  0 0.5rem 1rem rgb(12 12 12 / 5%);}
.right input{padding: 8px 15px;  border-radius: 16px;}
.right input{margin: 0px;border: 1px solid #f14228;}
.right{margin-bottom: 2rem;}
.right h4{padding-top: 15px;color: #f14228; }
.rightmy{padding-top: 15px;color: #f14228; font-size: 20px;}
.right img{width: 100%; margin-bottom: 10px;}
.ici i{color: #f14228;  padding: 5px;border-radius: 50%;  font-size: 22px;height: 10px; width: 10px;margin: 3px; }
.accordion-button:hover{color: #f14228;}
.tag button{padding: 5px 14px; background: #fff; border: 1px solid #e7dbdb; color: #333;}
.tag button:hover{background: #f14228; color: #fff;}
.ravi{overflow: hidden;
  transition: all 0.5s; border: 1px }
.ravi img:hover {transform: scale(1.3);
    transition: all 0.5s;}

/* jy.....blog */
.jy{border: 1px solid #e7dbdb; color: #333;padding: 13px 0px; margin-top: 2rem; border-radius: 10px; margin-bottom: 1rem;}
.jy img{width: 100%; border-radius: 8px;}




/*box..st.............*/
.boxst {
  padding: 50px 0px 50px;
  border: 1px solid #eee;  
}
  .boxst h3 {
      color: #f14228;
      margin-bottom: 8px !important;
  }
  .boxst .text-1 {
      padding: 20px;
      box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);
      margin:7px 0px;
  }

  /* box3 */
  
  .box8{
    padding: 50px 0 20px;
    }
    .box8 .cr {
        background: #f14228;
        padding: 35px 30px;
        color: #fff;
        border-radius:6px;
        margin-bottom:15px;
       
    }
    
    .box8 h4{font-weight:600;
             
    }
   
    .poj img{width: 100%; border-radius:50%;}
    .poj{width: 100%; margin-top: 15px;}
    .bi-quote{ font-size: 20px;}
/* teble */
.main{width: 100%;  background: #fff;padding: 30px 0px; border: 1px solid #eee;}
.box{  box-shadow:  0 0.5rem 1rem rgb(12 12 12 / 5%); border-radius: 15px; margin: 10px 0px;}
.text h3{text-align: center; padding: 15px;background: #00c0a1; color: #fff; border-radius:15px 15px 0px 0px;}
.box i{color: #378e27; font-size: 27px; }
.br{border: 1px solid #e2e2e2; width: 50%; margin: auto; margin-top: 2rem; margin-bottom: 1rem;}
.bb{border: 1px solid #e2e2e2; width: 50%; margin: auto; margin-top: 1rem; margin-bottom: 1rem;}
.pice{color: #00c0a1; font-size: 27px; padding-bottom: 1.5rem;}
.icon i{color: red; font-size: 27px; }


.text2 h3{text-align: center; padding: 15px;background: #2369ff; color: #fff; border-radius:15px 15px 0px 0px;}
.text3 h3{text-align: center; padding: 15px;background: #ff6415; color: #fff; border-radius:15px 15px 0px 0px;}
.pice2{color: #2369ff; font-size: 27px; padding-bottom: 1.5rem;}
.pice3{color: #ff6415; font-size: 27px; padding-bottom: 1.5rem;}
.pic a{background: #00c0a1; padding: 10px 30px; color: #fff; border-radius: 30px; text-decoration: none; font-size: 20px; font-weight: 700;}
.pic{margin-top: 8px;}

@media(max-width:1045px ){
.box p{font-size: 10px;}
}
@media(max-width:768px ){
    .box p{font-size: 8px;}
    }
    @media(max-width:425px ){
       
        .box p{font-size: 20px;}
        }
        @media(max-width:760px ){
       
            .box p{font-size: 20px;}
            }




  /*........... footer............... */

.footer{width: 100%;
  background: #eee;
   
 }
.fu{position: relative;}
  .fu::after {
  position: absolute;
  bottom: -10;
  content: "";
  height: 3px;
  width: 50px;
  background:#f14228;
  left: 1%;}

.last h4{ color: #000;margin-top: 2.5rem;font-size: 27px;}   
.last p{ color: #000;}   
.pp{margin-top: 3rem;}
.footer-border p{color: #f14228;}

.lll i{color: #000;  padding: 5px;border-radius: 50%;  font-size: 22px;height: 10px; width: 10px;margin: 5px;}
.lll i:hover{color: #f14228}
.pp button::before{
  background: #f14228;
  color: #333;
  position: absolute;
  right: 0px;
  border: none;
  font-size: 20px;
  padding: 0px 17px;
  top: 4px;
}

.pp p:hover{color: #f14228; }
.news_letter_box{
  position: relative;
}
.news_letter_box input{
  background: #f14228;
  width: 100%;
  border: none;
  padding: 8px 50px 8px 10px;
  color: #fff;
  border-radius: 15px;
  position: relative;
  margin-bottom: 10px;
  outline: none;
}
.news_letter_box button{
  background: #f14228;
  color: #fff;
  position: absolute;
  right: 7px;
  border: none;
  font-size: 20px;
  padding: 0px 17px;
  top: 4px;
}
.lll i{color: #f14228;}
.bi-send{color: #fff;}
.bi bi-send::before{
  content: "\f11d";
}
.pp img{width: 50%;}
.pp a{text-decoration: none;   }
.top-footer{
  margin-bottom: 20px;
}
.footer-border {
  border-top: 1px solid #707070;
display: flex;
justify-content: space-between;
padding: 20px 0px;
margin-top: 25px;}
.new2 ul li {list-style: none; display: inline-block;}
.new2 ul li a{
   text-decoration: none;   
    font-size: 16px; 
    font-weight: 400;
    color: #000; margin-bottom: 0px;
  }
.new2 ul li a:hover{color: #f14228;}
  .new2 {margin-top: 1rem;}
  


/*.............. footre....end..................... */

@media(max-width:1030px)  {
  
    .bb button {margin-top: 0rem;}

}
@media(max-width:990px)  {
  .box3{
    padding: 50px 14px 400px 20px;}
    .bb button {margin-top: 0rem;}
    .immm .icon i{  top: 27%;left: 41%;}  
    
    .bg_img3{height: 200px;}  
}
@media(max-width:765px)  {
  .box3{padding: 50px 14px 77px 20px;}
    .bb button {margin-top: 0rem;}
    .bg_img3{height: 100px;}
      
}     
  
@media(max-width:768px)  {
.last h4{font-size: 17px;}
.bb button {margin-top: 0rem;}
.immm .icon i{  top: 29%;left: 41%;} 
.ull{margin-left: 0px;} 

.bg_img3{height: 100px;} 
.box8 .cr {padding: 20px 20px;}

}

  @media(max-width:425px)  {
   .boxA {width: 100%; margin-left: 0px;}
  .box h1{line-height: 48px;}
  .box button {margin-top: 0rem; font-size: 14px;}
  .immm .icon i{  top: 27%;left: 41%;}
  .ull{margin-left: 7px;} 

  .bg_img3{height: 90px;}
  .bg_img3 h1{font-size: 30px;}
  /*.row>*{padding-left: 0px !important;*/      
  /*  padding-right: 0px !important;}*/
    ol,ul{padding-left: 0;}
    .box44 ul li{margin-left: 10px;}
    .video p{    margin-left: 10px;}
    .video h6{    margin-left: 10px;}
    .owl-item img{width: 25% !important;}
    .owl-theme .owl-nav {
      margin-top: 10px !important;}
    .box8 .cr {padding: 10px 10px;}
    .comm{margin-bottom: 0px;}
    .video {
      padding: 10px 0px;}
      .boxst {
        padding: 20px 0px 20px;}
        .box8 {
          padding: 20px 0 20px;}
         
          .u1 li a{font-size: 15px;}
          .u1 li{padding-top: 8px;}
          .poj img{display: none !important;}

  }     
  @media(max-width:375px)  {
    .immm .icon i{  top: 19%;left: 37%;}
    .ull{margin-left: 7px;} 
  
    .bg_img3{height: 90px;}
      
  }  

  @media(max-width:320px)  {
   
    .ull{margin-left: 7px;} 


  }


 /*  jhilmil button whatsapp*/

	@keyframes pulsate
	{
		0%
		{
			transform: scale(0.9, 0.9);
			opacity: 1;
		}

		50%
		{
			transform: scale(1.2, 1.2);
			opacity: 1;
		}

		100%
		{
			transform: scale(0.9, 0.9);
			opacity: 1;
		}
	}

	@keyframes callb
	{
		0%
		{
			transform: scale(0.9);
		}

		20%
		{
			transform: scale(1);
		}

		40%
		{
			transform: scale(1.1);
		}

		60%
		{
			transform: scale(1.2);
		}

		80%
		{
			transform: scale(1.3);
		}

		100%
		{
			transform: scale(1.4);
		}
	}

	@keyframes calla
	{
		0%
		{
			box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);
		}

		20%
		{
			box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);
		}

		40%
		{
			box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);
		}

		60%
		{
			box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);
		}

		80%
		{
			box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);
		}

		100%
		{
			box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);
		}
	}
	.call
	{
		position: fixed; z-index: 999999; left: 20px; bottom: 30px; display: inline; font-size: 30px; text-align: center; height: 60px; width: 60px; border-radius: 1px solid #000; animation-name: calla; animation-duration: 0.8s; animation-iteration-count: infinite; background: #df0505; line-height: 60px; border-radius: 50%;
	}
	.whatsapp
	{
		position: fixed; z-index: 999999; right: 20px; bottom: 30px; display: inline; font-size: 30px; text-align: center; height: 60px; width: 60px; border-radius: 1px solid #000; animation-name: calla; animation-duration: 0.8s; animation-iteration-count: infinite; background: #03A437; line-height: 60px; border-radius: 50%;
	}