/*
	Theme Name: Tamra
	Author: Sohom Shome
	Description: Develop, manufacture and invent products capable of delivering electricity safely and reliably to help our global customers succeed.
	Version: 1.0
*/


 #body .container{

    max-width: 1362px !important;

    /* overflow-y: scroll; */

    scroll-behavior: smooth !important;

}

select.form-control {
  color: #999; /* gray text for placeholder */
}

select.form-control option {
  color: #000; /* black for actual options */
}
select.form-control:invalid {
  color: #999; /* gray when placeholder */
}
select.form-control:valid {
  color: #000; /* black when real value chosen */
}


body{

    

    /* font-family: "Inter", serif !important; */

     font-family: "Montserrat", serif !important; 

} 





/* .a-font{

    

    font-family: "Saira Condensed", serif;

    

} */



html {

    overflow-y: auto;

    scroll-behavior: smooth !important;

}



/* @font-face{

    src: url(../fonts/PierSans-Bold.otf);

    font-family: pier-bold;

} */





/*---------------- navigation ----------------------*/



.top-nav .navbar {

    background-color: #fff !important;

    width: 100%;

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

}


a.navbar-brand img {

    width: 200px;

}



.main-nav .top-nav .navbar .container-fluid {

    padding: 0 80px !important;

}


.main-nav .top-nav .navbar .navbar-nav li{
    list-style: none;
}
.main-nav .top-nav .navbar .navbar-nav li a {

    color: #1e1e1e;

    font-size: 16px;

    font-weight: 600;

    padding-left: 35px;

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

}



.navv{

    padding-left: 0 !important;

}



.main-nav .top-nav .navbar .navbar-nav li a i {

    color: #00a054;

    font-size: 15px;

    margin-right: 8px;

    transform: translateY(-1px);

}



.nav-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.nav-list li a {

    display: inline-block;

    color: #000;

}



.fa-magnifying-glass {

    margin-top: 13px;

    /* margin-right: 61px; */

    color: #000000;

}



a.nav-btn {

    background: #00a054;

    color: #ffffff !important;

    text-transform: capitalize;

    font-size: 15px;

    padding: 12px 37px;

    font-weight: 500;

    margin-right: 30px;

    /* border-right: 1px solid #969696; */

    /* padding-right: 30px; */

    /* height: 24px; */
	transition: .3s ease-in-out;
	

}
a.nav-btn:hover {

    background: #000;

	
    color: #ffffff !important;
	text-decoration: none;

}



a.nav-btn i{

    font-size: 15px;

    margin-right: 10px;

}





.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background: black; */

    /* box-shadow: 0px 2px 17px 6px #dedddd; */

    box-shadow: 0 6px 17px -6px #abaaaa;

    background-color: #fff !important;

}



  .sticky2 {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }


.sub-menu{
    padding-left: 0
}


  .navbar-nav li{

    position: relative;

 }



 .itm1{

    position: relative;

    

 }





.nav-content {

    position: absolute;

    top: 95px;

    left: -110px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}



.navbar-nav .itm1:hover .nav-content{

     opacity: 1;

    visibility: visible;

      top: 65px;    

    

}



.nav-in3{

    position: relative;

}



.nav-in3:hover .nav-content3{

    opacity: 1;

    visibility: visible; 

    top: 0px;

}







.nav-content3 {

    position: absolute;

    top: 20px;

    left: 280px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    
	

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content3 li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content3 li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content3{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content3 li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}



/*---------------- 1 ----------------------*/



.nav-in4{

    position: relative;

}



.nav-in4:hover .nav-content4{

    opacity: 1;

    visibility: visible; 

    top: 0px;

}







.nav-content4 {

    position: absolute;

    top: 20px;

    left: 280px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content4 li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content4 li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content4{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content4 li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}



/*---------------- 2 ----------------------*/



.nav-in5{

    position: relative;

}



.nav-in5:hover .nav-content5{

    opacity: 1;

    visibility: visible; 

    top: 0px;

}





.nav-content5 {

    position: absolute;

    top: 20px;

    left: 394px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content5 li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content5 li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content5{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content5 li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}



/*---------------- 3 ----------------------*/



.nav-in6{

    position: relative;

}



.nav-in6:hover .nav-content6{

    opacity: 1;

    visibility: visible; 

    top: 0px;

}





.nav-content6 {

    position: absolute;

    top: 20px;

    left: 394px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content6 li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content6 li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content6{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content6 li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}



/*---------------- 4 ----------------------*/



.nav-in7{

    position: relative;

}



.nav-in7:hover .nav-content7{

    opacity: 1;

    visibility: visible; 

    top: 0px;

}





.nav-content7 {

    position: absolute;

    top: 20px;

    left: 394px;

    z-index: 999;

    background: rgba(0, 160, 84, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;          

}



ul.sub-content7 li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content7 li a:hover{

    text-decoration: none;

}



.top-nav ul.sub-content7{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav ul.sub-content7 li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 90px 8px 20px !important;

    font-size: 17;

    font-weight: 400 !important;

    font-size: 16px !important;

}


.navbar-nav .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 10px;
  left: 0;
  position: absolute;
  background: rgba(0, 160, 84, 0.8);
  z-index: 999;
}
.sub-menu .menu-item-has-children:hover > .sub-menu {
  left: 280px; /* same as your nav-in3/nav-content3 */
  top: 0;
}

.top-nav .navbar {
    background-color: #fff !important;
    width: 100%;
/*     padding: 10px 0 !important; */
}

a.navbar-brand img {
    width: 200px;
}

.main-nav .top-nav .navbar .container-fluid {
    padding: 0 80px !important;
}

.main-nav .top-nav .navbar .navbar-nav li a {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 600;
    padding-left: 35px;
}

.navbar-nav li {
    position: relative;
}

/* First-level dropdown */
.navbar-nav .menu-item-has-children > .sub-menu {
    position: absolute;
    top: 95px;
    left: 0;
    background: rgba(0, 160, 84, 0.8);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    min-width: 280px;
	max-width: 400px;
}

.navbar-nav .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 56px;
}
.navbar-nav > .menu-item-has-children > a::after {
    content: "\f107"; /* Font Awesome: chevron-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.navbar-nav > .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;

}

/* Submenu dropdown arrow (right) */
.navbar-nav .sub-menu .menu-item-has-children > a {
    position: relative; /* so we can place ::after inside */
    padding-right: 30px !important; /* add space for the icon */
}

.navbar-nav .sub-menu .menu-item-has-children > a::after {
    content: "\f105"; /* Font Awesome chevron-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    right: 10px;   /* align to right edge */
    top: 50%;
    transform: translateY(-50%);
}
.navbar-nav .sub-menu .menu-item-has-children:hover > a::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease;
}

/* Sub-menu links */
.navbar-nav .sub-menu li {
    border-bottom: 1px solid #ffffff;
}
.navbar-nav .menu-item a{
    padding-bottom: 35px;
    transition: 0.3s ease-in-out;
}
.navbar-nav .menu-item a:hover{
    color: #00a054 !important;
    text-decoration: none;
}
.navbar-nav .sub-menu a:hover{
    color: #fff !important;
}

.navbar-nav .sub-menu li a {
    color: #fff !important;
/*     white-space: nowrap; */
    display: block;
    padding: 8px 20px !important;
    font-size: 16px;
    font-weight: 400 !important;
}

/* Deeper dropdowns (auto for depth > 1) */
.navbar-nav .sub-menu .menu-item-has-children > .sub-menu {
    top: 0;
    left: 100%;
    background: rgba(0, 160, 84, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.navbar-nav .sub-menu .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    left: 100%;
}

/* Small fixes */
.navbar-nav .sub-menu li a:hover {
    text-decoration: none;
    background: rgba(255,255,255,0.1);
}














/*--------------- banner  --------------*/



/* .main-banner{

    padding: 0 30px;

} */



/* .bc-img {

    background: url('http://travelhubspot.com/wptamra/wp-content/themes/tamra/images/banner-a.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 700px;

} */
.main-banner .carousel-item img {
  height: 700px;
  object-fit: cover;
  width: 100%;
}



/* .bc-img2{

    background: url('http://travelhubspot.com/tamra/wp-content/themes/tamra/images/banner-b.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 682px;

}



.bc-img3{

    background: url('http://travelhubspot.com/tamra/wp-content/themes/tamra/images/banner-a.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 682px;

} */



h6.ban-header {

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 5px;

}

h1.ban-header2 {

    font-size: 55px;

    color: #fff;

    margin-bottom: 30px;

    font-weight: 700;

    padding-right: 729px;

    line-height: 75px;

    text-transform: capitalize;

}



p.ban-para {

    color: #fff;

    font-size: 17px;

    padding: 0 200px;

    margin-bottom: 35px;

}



a.ban-link {

    background: #00a054;

    color: #ffffff;

    font-weight: 500;

    display: inline-block;

    padding: 16px 32px;
	transition: .3s ease-in-out; 

}



a.ban-link:hover{
	background-color: #000;

    text-decoration: none;

    color: #ffffff;

}



a.ban-link2:hover{
	background-color: #fff;

    text-decoration: none;

    color: #000;

}



.ban-link2 {

    /* background: #07539d; */

    border: 2px solid #fff;

    color: #ffffff;

    font-weight: 500;

    display: inline-block;

    padding: 14px 30px;

    margin-left: 10px;
	transition: .3s ease-in-out; 

}



a.ban-link i{

    font-size: 12px;

    margin-left: 8px;

}



a.ban-link2 i{

    font-size: 12px;

    margin-left: 8px;

}



.ban-text {

    /* text-align: center; */

    /* padding: 211px 0; */

    padding-top: 14%;

}



.banner-content{

    position: absolute;

    top: 0;

    left: 0;

}



.main-banner i.fa-solid.fa-angle-left {

    color: #000;

    background: #fff;

    padding: 8px 10px;

    font-size: 17px;

}



.main-banner i.fa-solid.fa-angle-right {

    color: #000;

    background: #fff;

    padding: 8px 10px;

    font-size: 17px;

}



/*--------------- about  --------------*/







h5.ab-header.a-font {

    font-size: 28px;

    font-weight: 700;

    line-height: 42px;

    text-align: justify;

}



h5.ab-header2 {

    font-weight: 600;

    /* font-size: 23px; */

    line-height: 32px;

    margin-bottom: 22px;

}



.ab-rt {

    margin-left: 55px;

}



p.ab-para {

    font-size: 16px;

    color: #656565;

    line-height: 30px;

    font-weight: 500;

    text-align: justify;

    margin-bottom: 0;

}



a.ab-link {

    display: inline-block;

    background: #00a054;

    color: #fff;

    padding: 13px 38px;

    margin-top: 40px;

    /* font-family: "Space Grotesk", serif; */

    font-weight: 600;
	transition: .3s ease-in-out;

}
a.ab-link:hover {

    background: #000;

}



.ab-link i {

    font-size: 13px;

    margin-left: 10px;

}



a.ab-link:hover{

    color: #fff;

    text-decoration: none;

}



.about {

    margin-top: 70px;

}



.di-img img{

    width: 100%;

}



h5.di-head a {

    display: inline-block;

    color: #fff;

    font-weight: 700;

    font-size: 27px;

    margin-bottom: 6px;

}



h5.di-head a:hover{

    text-decoration: none;

    color: #fff;

}



p.di-para a {

    color: #e1e1e1;

    font-weight: 500;

    line-height: 28px;

}



p.di-para a:hover{

    text-decoration: none;

    color: #e1e1e1;

}



p.di-para {

    margin-bottom: 0;

}



.di-box2 {

    position: absolute;

    /* top: 0; */

    left: 0;

    bottom: 0;

    padding: 40px 60px;

}



.division {

    margin-top: 70px;

}





/*--------------- product ----------------*/




#pro{
	margin-bottom: 250px;
	position: relative;
}
#pro .cable{
	position: absolute;
	bottom: -35%;
	right: 0
}
#pro .cable img{
	width: 1000px;
}


.pr-header {

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #c83d0f;

    border-bottom: 2px solid #c83d0f;

    display: inline-block;

    padding-bottom: 5px;

    margin-bottom: 15px;

    text-align: center;

}



.pr-header2 {

    font-weight: 600;

    font-size: 28px;

    line-height: 43px;

    margin-bottom: 22px;

}





.pro-img {

    width: 100%;

    height: 180px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    /* border-radius: 16px; */

}



.pro-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: 100%;

    height: 100%;
    object-fit: cover;

}



.pro-box2 {

    text-align: center;

    display: inline-block;

    background: #ffffff;

    padding: 0 30px 30px 30px;

    /* box-shadow: 0 10px 80px 0 rgba(0,0,0,.05); */

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    border: 1px solid #ebebeb;

    border-right: 1px solid #ebebeb;
	width: 100%

}
.copper .owl-stage{
	margin-bottom: 30px;
}



.pro-icon {

    background: #00a054;

    width: 92px;

    height: 92px;

    border-radius: 100%;

    /* line-height: 85px; */

    border: 6px solid #fff;

    margin: -48px auto 0 auto;

    position: relative;

}



.pro-icon img {

    width: 45px;

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(3deg) brightness(100%) contrast(104%);

    text-align: center;

    margin: 0 auto;

    padding-top: 18px;

}



h5.pro-title a {

    color: #162e09;

    font-size: 17px;

    /* font-family: "Barlow Condensed", sans-serif; */

    /* letter-spacing: 1px; */

    display: inline-block;

    margin-top: 18px;

    margin-bottom: 8px;

    /* font-family: "Saira Condensed", serif; */

    font-weight: 700;

}


h5.pro-title a{
    transition: .3s ease-in-out;

}
h5.pro-title a:hover{
    color: #00974f !important;
    text-decoration: none;

}


p.pro-para{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0;
}
p.pro-para a:hover{

    text-decoration: none;

}
p.pro-title a:hover{

    text-decoration: none;
    color: #00974f !important;

}



p.pro-para a {

    font-size: 15px;

    margin-bottom: 0;

    color: #808080 !important;

    line-height: 27px;

}
.pro-des {

    font-size: 15px;

    margin-bottom: 0;

    color: #808080 !important;

    line-height: 27px;

}
.pro-des:hover{

   text-decoration: none;

}



.product .container .owl-carousel .owl-item .pro-icon img,
.copper .container .owl-carousel .owl-item .pro-icon img{

   

    width: 45px;

}




a.pro-link {

    color: #0a7d4c;

    font-weight: 600;

    display: inline-block;

    border-bottom: 2px solid #0a7d4c;

    padding-bottom: 2px;

}



a.pro-link:hover{

    color: #0a7d4c;

    text-decoration: none;

}



.product .container .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #00974f;

}



.product {

    margin-top: -367px;

}



.pro-bgg {

    background-color: #f8f5f3;

    min-height: 440px;

    /* padding-top: 60px; */

    margin-top: 80px;

}



.product .container .owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    height: 470px;

}



.ri-wid1{

    min-height: auto !important;

}







/*------------- number --------------*/











/* img.mi-top4 {

    margin-top: 8px !important;

} */



.mi-icon img {

    width: 55px;

    filter: brightness(0) saturate(100%) invert(32%) sepia(76%) saturate(1101%) hue-rotate(119deg) brightness(100%) contrast(99%);

}



.mi-head {

    margin-bottom: 0;

    font-weight: 600;

    font-size: 33px;

    /* margin-left: 18px; */

    /* margin-top: 17px; */

    color: #fff;

    /* font-weight: 700; */

    letter-spacing: 2px;

}



.mi-top {

    margin-top: 13px !important;

}



.mi-top2 {

    margin-top: 10px !important;

}



.mi-cap {

    margin-bottom: 0;

    font-size: 18px;

    font-weight: 600;

    color: #ffffff;

    margin-top: 12px;

}



/* .mi-cnt {

   

    text-align: center;

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/nu-2.png') no-repeat;

    background-position: center;

    min-height: auto;

    padding: 60px 60px;

    border-radius: 15px;

} */



.mile {

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/num-bgg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 60px;

    margin-top: 50px;

    text-align: center;

}



.mi-container{

    width: 1200px !important;

    margin: 0 auto;

}



/*------------- paaralox --------------*/



.paralox {

    background: url("https://travelhubspot.com/wptamra/wp-content/themes/tamra/images/bg.png") no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 80px 0;

    margin-top: 63px;

}



.wrapper {

    display: inline-block;

    position: absolute;

    top: 36%;

    left: 70%;

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

}

  

  .video-main {

    position: relative;

    display: inline-block;

  }

  

  .video {

    height: 70px;

    width: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 100%;

    background: transparent;

    color: #006d5b;

    display: inline-block;

    background: #ffffff;

    z-index: 999;

    font-size: 18px;

}

  

  @keyframes waves {

    0% {

      -webkit-transform: scale(0.2, 0.2);

      transform: scale(0.2, 0.2);

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    50% {

      opacity: 0.9;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    }

    100% {

      -webkit-transform: scale(0.9, 0.9);

      transform: scale(0.9, 0.9);

      opacity: 0;

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

  }

  

  .fa-play:before {

    content: "\f04b";

  }

  

  .waves {

    position: absolute;

    width: 170px;

    height: 170px;

    background: rgba(255, 255, 255, 0.3);

    opacity: 0;

    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */

    border-radius: 100%;

    right: -50px;

    bottom: -50px;

    z-index: -1;

    -webkit-animation: waves 3s ease-in-out infinite;

    animation: waves 3s ease-in-out infinite;

}

          

  .wave-1 {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

  }

  

  .wave-2 {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

  }

  

  .wave-3 {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

  }



  h5.para-head {

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 2px;

    font-weight: 600;

    border-bottom: 2px solid #fff;

    display: inline-block;

    padding-bottom: 5px;

    margin-bottom: 20px;

}



p.para2.a-font {

    font-weight: 700;

    text-transform: capitalize;

    font-size: 36px;

    color: #fff;

    /* padding-right: 100px; */

    line-height: 51px;

    margin-bottom: 25px;

}



a.para-link {

    font-family: "Space Grotesk", serif;

    background: #00a054;

    /* color: #000; */

    color: #fff;

    font-weight: 500;

    padding: 12px 40px;

    display: inline-block;
	transition: .3s ease-in-out;

}



a.para-link i{

    font-size: 13px;

    margin-left: 10px;

}



a.para-link:hover{
	background: #000;

    text-decoration: none;

    color: #fff;

}



/*---------------- why ----------------------*/



.why .container-fluid {

    padding: 0 170px !important;

}



.w-icon img {

    width: 55px;

    /* filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1341%) hue-rotate(205deg) brightness(123%) contrast(100%); */

    filter: brightness(0) saturate(100%) invert(32%) sepia(80%) saturate(1443%) hue-rotate(128deg) brightness(101%) contrast(101%);

}





h5.w-title {

    font-weight: 700;

    font-size: 17px;

    line-height: 25px;

    text-transform: capitalize;

    /* font-family: "Saira Condensed", serif; */

    margin-top: 22px;

    margin-bottom: 13px;

}





p.w-para {

    font-size: 15px;

    margin-bottom: 0;

    line-height: 28px;

    color: #4f4f4f;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 30px;

}



.w-box {

    margin-bottom: 30px;

    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

    /* padding: 30px 20px; */

    

}





h5.w-header {

    font-size: 40px;

    color: #072733;

    text-transform: capitalize;

    margin-bottom: 40px;

}



.why{

    margin-top: 70px;

}



.w-border{

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

} 



.w-imgg img {

    width: 82%;

    margin: 0 auto;

    text-align: center;

}



.w-imgg {

    text-align: center;

}



.whh-head {

    font-weight: 600;

    font-size: 27px;

    line-height: 43px;

    margin-bottom: 33px !important;

    text-transform: capitalize;

}



.copper{

    margin-top: 70px;

}





/*---------------- project ----------------------*/



.project .container-fluid {

    padding: 0 15px 0 300px !important;

}



.project {

    /* background: #54ba44; */

    /* margin-top: 80px;

    background-image: linear-gradient(to right top, #0d75bb, #008ec5, #00a2b0, #00b181, #54ba44);

    padding: 60px 0 40px; */

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/in-bg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 0 40px;

}



h5.pj-header {

    color: #ffffff;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 1px;

    margin-bottom: 14px;

    font-weight: 600;

}



p.pro-capp.a-font {

    color: #fff;

    font-weight: 600;

    font-size: 30px;

    text-transform: capitalize;

    margin-bottom: 32px;

}







h5.pj-cap {

    font-size: 17px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 3px;

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

    padding: 9px 20px;

}







.project .container-fluid .pro-owl i.fa-solid.fa-arrow-left-long {

    background-image: linear-gradient(to right top, #0d75bb, #008ec5, #00a2b0, #00b181, #54ba44);

    color: #ffffff;

    padding: 14px 16px;

    position: absolute;

    top: 117px;

    left: 0;

}



.project .container-fluid .pro-owl i.fa-solid.fa-arrow-right-long {

    background-image: linear-gradient(to right top, #0d75bb, #008ec5, #00a2b0, #00b181, #54ba44);

    color: #ffffff;

    padding: 14px 16px;

    position: absolute;

    top: 117px;

    right: 0;

}



.pj-link{

    display: inline-block;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    border: 2px solid #fff;

    padding: 9px 45px;

    margin-left: 414px;

}



.number {

    background: url('https://travelhubspot.com/wptamra/wp-content/themes/tamra/images/num-back.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 50px 0;

}



.si-img img {

    width: 78%;

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(237deg) brightness(110%) contrast(103%);

    margin-left: 20px;

}



h5.nu-head {

    color: #fff;

    font-weight: 600;

    font-size: 25px;

}



p.nu-para {

    margin-bottom: 0;

    color: #fff;

}



.nu-form .form .form-group .form-control {

    height: 58px !important;

    border-radius: initial !important;

    border: initial !important;

    padding-left: 28px;

}



.nu-form .form .form-group .form-control::placeholder{

    font-size: 15px;

}



.nu-form {

    position: relative;

}



.fo-btn {

    /* background: #ddd; */

    position: absolute;

    right: 7px;

    top: 6px;

}



.fo-btn a {

    background: #00a054;

    display: inline-block;

    color: #fff;

    font-weight: 500;

    font-size: 15px;

    padding: 12px 30px;
	transition: .3s ease-in-out;

}

.fo-btn a:hover {
	color: #fff;
	text-decoration: none;

    background: #000;

}



.fo-btn a i {

    font-size: 14px;

    margin-left: 10px;

}



/*---------------- footer ----------------------*/



.footer {

    /* background: url(../images/ftr-bg.png) no-repeat; */

    /* background-size: cover; */

    /* background-position: center; */

    min-height: auto;

    padding: 60px 0;

    /* margin-top: -12px; */

    background: #ffffff;

    /* margin-top: 40px; */

}



.ftr-icon a img{

    width: 180px;

}



.ftr-header {

    font-size: 17px;

    color: #000000;

    font-weight: 600;

    margin-bottom: 20px;

}



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;



}



.ftr-list li a {

    display: inline-block;

    color: #535353;

    font-size: 15px;

    line-height: 38px;

}



.ftr-list li a i {

    margin-right: 15px;

    font-size: 12px;

    color: #00a054;

}



.ftr-list2{

    margin: 0;

    padding: 0;

    list-style: none;



}



.ftr-list2 li a{

    display: inline-block;



}



.ftr-social a i{

    display: inline-block;



}



p.ftr-para {

    font-size: 15px;

    /* color: #fff; */

    color: #4b4b4b;

    line-height: 28px;

}



.footer .form-control {

    display: block;

    width: 100%;

    height: 48px;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    /* background-color: #ececec; */

    background-clip: padding-box;

    border: initial;

    border-radius: initial !important;

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

    background-color: rgba(0, 0, 0, .05);

}



.footer .form-control::placeholder{

    font-size: 14px;

    padding-left: 10px;

}



a.frm-link i {

    /* background: #00a054; */

    color: #00a054;

    display: inline-block;

    /* padding: 14px 18px; */

    font-size: 16px;

    /* border-radius: 5px; */

    height: 43px;

}



.frm-btn {

    position: absolute;

    top: 11px;

    right: 18px;

}



.ftr-icon i {

    width: 45px;

    height: 45px;

    background: rgb(242 242 242);

    text-align: center;

    color: #00a054;

    line-height: 45px;

    border-radius: 5px;

    /* border: 1px dashed rgba(255, 255, 255, 0.3); */

}



.ftr-list2 li a {

    display: inline-block;

    color: #5d5d5d;

    font-size: 15px;

    font-weight: 600;

}



.ftr-h2 {

    font-weight: 400 !important;

    color: #828282 !important;

    line-height: 24px;

}



.mt-top {

    margin-top: 30px;

}



.ftr-social a i {

    width: 40px;

    height: 40px;

    background: rgb(0 160 84);

    text-align: center;

    color: #ffffff;

    line-height: 40px;

    border-radius: 5px;

    /* border: 1px dashed rgba(255, 255, 255, 0.3); */
	transition: .3s ease-in-out;

}
.ftr-social a i:hover {

    background: #000;


}



.ftr-2 {

    margin-left: 65px;

}

.ftr-3 {

    /* margin-right: 71px; */

    /* display: inline-block; */

    margin-left: -30px;

}



.footer2 {

    background-color: #ffffff;

    padding: 17px 0;

    border-top: 1px solid #c8c8c8;

}



.ftr-cap {

    color: #5d5d5d;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 0;

}





/*---------------- products ----------------------*/



.ov-txt3 {

    background: #ffffff;

    padding: 50px 0 46px;

}



.ov-list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.ov-list li a {

    display: inline-block;

    color: #424242;

    font-size: 15px;

    font-weight: 500;

}



.ov-list li a i {

    font-size: 11px;

}



.pro-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/lv-banner.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px;

}



.rail-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra//images/rail-banner.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px;

}



.so-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/so-bg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px; 

}



.ru-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/ru-banner.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px; 

}



.ins-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/ins-banner.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px; 

}



.hou-banner{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/house-banner.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 460px; 

}



.lv-active{

    color: #00a054 !important;

    font-weight: 600 !important;

}



.lv-h5 {

    text-transform: uppercase;

    font-weight: 600;

    font-size: 25px;

    font-family: "Saira Condensed", serif;

    color: #00a054;

    letter-spacing: 1px;

}



.lv-icon img {

    filter: brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1961%) hue-rotate(128deg) brightness(89%) contrast(103%);

    width: 24px;

    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */

    transform: translateY(-10px);

    margin-right: 14px;

}



.lv-icon1 img {

    filter: brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1961%) hue-rotate(128deg) brightness(89%) contrast(103%);

    width: 32px;

    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */

    transform: translateY(-3px);

    margin-right: 14px;

}



.lv-icon2 img{

    filter: brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1961%) hue-rotate(128deg) brightness(89%) contrast(103%);

    width: 32px;

    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */

    transform: translateY(-3px);

    margin-right: 14px;



}



.lv-cntnt {

    margin-top: 70px;

}



.lv-border {

    border-bottom: 2px solid #00a054;

    /* display: inline-block; */

    width: 28%;

}



.lv-border2{

    border-bottom: 2px solid #00a054;

    /* display: inline-block; */

    width: 25%;

}



.lv-border3 {

    border-bottom: 2px solid #00a054;

    /* display: inline-block; */

    width: 15%;

}



h5.lv-head {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    /* letter-spacing: 1px; */

    margin-bottom: 16px;

    margin-top: 40px;

    color: #00a054;

}



p.lv-para {

    font-size: 18px;

    color: #616161;

    line-height: 32px;

}



.lv-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.lv-list li {

    display: flex;



}



.lv-list li h5 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    line-height: 31px;

    margin-bottom: 15px;

}



.lv-list li i {

    color: #04d672;

    font-size: 12px;

    transform: translateY(10px);

    margin-right: 16px;

}



.mission {

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/wire-bg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 0;

    margin-top: 47px;

}



.mission2{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/rail-bg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 0;

    margin-top: 47px;

}



.mission3{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/solar-bgg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 0;

    margin-top: 47px;

}



.mission4{

    background: url('http://localhost/tamra/wp-content/themes/tamra/images/si-bg.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 60px 0;

    margin-top: 47px;

}



.m-text {

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

    width: 55%;

    padding: 30px;

}



h5.m-header.a-font {

    color: #fff;

    text-transform: capitalize;

    font-size: 26px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 22px;

}



.lv-imgg img{

    width: 100%;

}



.lv-imgg {

    margin-top: 40px;

}



.accordion-title:before {

    float: right !important;

    font-family: FontAwesome;

    content:"\f068";

    padding-right: 5px;

}

.accordion-title.collapsed:before {

    float: right !important;

    content:"\f067";

}



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: .25rem;

    margin-top: 20px;

}



.card-header {

    padding: 17px 30px !important;

    margin-bottom: 0 !important;

    background-color: rgb(255 255 255 / 60%) !important;

    border-bottom: initial !important;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;

    /* margin-top: 20px; */

}



a.card-link.accordion-title.collapsed {

    color: #00a054;

    font-size: 17px;

    font-weight: 600;

}



a.card-link.accordion-title {

    color: #00a054;

    font-size: 17px;

    font-weight: 600;

}



.accr {

    margin-top: 65px;

}



.card-body {

    background: #fff;

    padding: 0px 30px  25px !important;

}



.mile2{

    margin-top: 70px;

}

 

.iv-wid{

    width: 20% !important;

}



p.ra-para {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0;

    line-height: 32px;

}



h5.rai-h5 {
	position: absolute;
	
	top: 50%;
	transform: translateY(-50%);

    font-size: 36px;

    font-weight: 500;

    margin-bottom: 0;

    color: #ffffff;

}



.rail-banner2 {
	position: relative;

    background: #efefef;

    min-height: auto;
	height: 160px;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;

}
.rail-banner2 img{
	width: 100%;
	height: 160px;
	object-fit: cover;
}



.ra-img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 9px;

}

.rail2 p{
    font-size: 17px !important;

    line-height: 32px;
}
.rail2 {
    font-size: 17px !important;

    line-height: 32px;
}

p.rii-para {

    font-size: 17px;

    margin-bottom: 28px;

    line-height: 32px;

}





.rail2 {

    margin-top: 60px;

}



p.ra-para2 {

    color: #373737;

    line-height: 27px;

    margin-bottom: 40px;

}



h5.ra-h5 {

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 16px;

}



.ra-cat img {

/*     filter: brightness(0) saturate(100%) invert(40%) sepia(94%) saturate(738%) hue-rotate(113deg) brightness(90%) contrast(101%); */

    width: 18px;

    transform: translateY(-2px);

    margin-right: 18px;

}



.ra-cat {

    color: #000;

    font-weight: 400;

    border-top: 1px solid #000;

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #dbdbdb;

    padding: 16px 0;

    font-size: 16px;

}



.ra-cat:hover{

    color: #000;

    text-decoration: none;

}
.down{
	border: 1px solid #00a054;
	background-color: #f4fffa;
	padding: 10px;
	transition: .3s ease-in-out
}
.down:hover{
	background-color: #e8e8e8;
	border-color: #585858;
}

.ra-rt {

    margin-left: 30px;

}



.ri-box {

    text-align: center;

    background: #efefef;

    padding: 30px;

    height: 100%

}
.ri-icon{
	color: #00a054;
	font-size: 25px;
}


.ri-wid {

    padding: 30px 0 !important;

}



.ri-icon img {

    width: 38px;

    /* filter: brightness(0) saturate(100%) invert(32%) sepia(80%) saturate(1443%) hue-rotate(128deg) brightness(101%) contrast(101%); */

/*     filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(6890%) hue-rotate(135deg) brightness(85%) contrast(101%); */

}



h5.rii-head {

    font-size: 16px;

}



h5.rii-h5 {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 14px;

    font-weight: 600;

}



h5.rii-head {

    font-size: 16px;

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 600;

    margin-top: 18px;

    line-height: 25px;

}



.rii-list{

    list-style: none;

    margin: 0;

    padding: 0;

}
.rii-list h5{

    font-size: 17px;
    font-weight: 400;

}




.rii-list li {

   

    display: flex;
    margin: 10px 0;

}


.rii-list li {

    font-size: 17px;

    color: #373737;

    line-height: 30px;

    font-weight: 400;

    margin-bottom: 11px;

}



.rii-list li i {

    color: #01924d;

    margin-right: 15px;

    transform: translateY(7px);

}





.raa-img img {

    width: 100%;

    border: 1px solid #cecece;

}



.ran-img img {

    width: 70%;

}

.ran1{
    height: 100%;
    background-color: #00a054;
    padding: 18px 12px;
}
.col-lg-4:nth-of-type(even) .ran1 {
  background-color: #e8e8e8;
}

h5.ran-h5 {

    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;

    font-size: 16px;

}

p.ran-para {
    color: #fff;
    font-size: 14px;

    margin-bottom: 0;

    line-height: 23px;

}
.range-p{
	font-weight: 500;
	color: #fff;
	line-height: 1.4 !important;
}
.range-ul{
	padding-left: 25px;
	font-size: 16px;
	color: #fff;
}
.col-lg-4:nth-of-type(even) .ran1 h5{
    color: #000;
}
.col-lg-4:nth-of-type(even) .ran1 p{
    color: #000;
}
.col-lg-4:nth-of-type(even) .ran1 .range-ul{
    color: #000;
}


.ra-btm {

    margin-top: 20px;

}



.ran-rt {

    margin-left: -12px;

}



.rii-btm {

    margin-bottom: 30px !important;

}



.ftr-btm{

    margin-top: 55px;

    border-top: 2px solid #00974f;

}



.prt-box{

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}




.prt-img{
    overflow: hidden;
}


.prt-img img{

    width: 100%;
    height: 218px;
    object-fit: cover;
	transition: .4s ease-in-out;

}



.prt-icon {

    text-align: center;

    background: #00a054;

    width: 72px;

    height: 65px;
	display:flex;
	align-items: center;
	justify-content: center;

}



.prt-icon img {

    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);

    width: 40px;

    text-align: center;

    padding-top: 0;

}







 .prt-cap {

    text-transform: capitalize;

    /* letter-spacing: 1px; */
	 text-decoration: none !important;
	 text-decoration-color: white;

    line-height: 1.5;

    margin-bottom: 0;

    font-size: 17px;

    font-weight: 600;

    margin-left: -5px;

    color: #000;
	 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	 transition: .3s ease-in-out;

}
 a:hover{
		 text-decoration:none !important;
	 }
a:hover .prt-cap{
	color: #00a054;
	text-decoration: none !importatnt;
}
a:hover .prt-img img{
	transform: scale(1.1);
}


.product3 .container-fluid {

    padding: 0 230px !important;

}



.prt-box {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    margin-bottom: 33px;

}



.prt-cap:hover{

    text-decoration: none;

    color: #000;

}



.rail-banner2 .container-fluid{

    padding: 0 230px !important;



}



.ov-txt3 .container-fluid{

    padding: 0 230px !important;



}



img.rubber-cable {

    width: 85% !important;

}



img.fire-imgg {

    width: 80% !important;

    margin-top: 68px;

}



img.ins-imgg {

    width: 85% !important;

}



p.ov-para {

    font-size: 15px;

    line-height: 24px;

}
.miss-ul li{
	list-style: none;
	margin-bottom: 4px;
	display: flex;
}
.miss-ul li i{
	margin-top: 3px;
	color: #00a054;
	margin-right: 10px;
}

h5.ov-head {

    font-size: 21px;

    line-height: 34px;

    margin-bottom: 20px;

}
.ov-head-2{
	display: inline-block;
	position: relative;
	
}
.ov-head-2::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #00a054;
}
.ov-lft h6{
	font-weight: 600;
	line-height: 1.5
}


.mi-txt p {

    font-weight: 600;

    font-size: 17px;

    line-height: 28px;

}



.over .container .row .col-lg-6 .ov-tab .nav-tabs{

    /* justify-content: center !important; */

    border-bottom: 3px solid #e8e8e8 !important;

}



.over .container .row .col-lg-6 .ov-tab .nav-tabs li a {

    font-size: 18px;

    font-weight: 500;

    color: #000;

    padding: 8px 90px;

}



.over .container .row .col-lg-6 .ov-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #495057;

    background-color: #fff;

    border-color: initial !important;

    border-bottom: 3px solid #00a054 !important;

    border-top: initial !important;

    border-right: initial !important;

    border-left: initial !important;

}



.over .container .row .col-lg-6 .ov-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{

    border: initial !important;

    border-bottom: 3px solid #00a054 !important;

}



.ov-img img {

    width: 97%;

    margin-left: 30px;

}



h5.ov-head {

    font-size: 21px;

    line-height: 34px;

    margin-bottom: 20px;

    font-weight: 600;

}



h5.para-txt3 {

    text-align: center;

    font-size: 28px;

    font-weight: 600;

    padding: 0 115px;

    line-height: 40px;

    margin-bottom: 0;

    color: #fff;

}



.paralox2 {

    background: url('https://travelhubspot.com/wptamra/wp-content/themes/tamra/images/paralox2.png') no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 50px 0;

    margin-top: 60px;

}



.cu-icon {

/*     background: #ecfff6; */

    width: 100%;
	margin-bottom: 10px;

    text-align: center;

    line-height: 85px;

}



.cu-icon img {

    filter: brightness(0) saturate(100%) invert(47%) sepia(65%) saturate(766%) hue-rotate(105deg) brightness(85%) contrast(101%);

    height: 75px;

}

.customer h4{
	font-size: 24px;
    font-weight: 500;
    margin-bottom: 14px;
    font-weight: 600;
	padding-bottom: 3px;
	display: inline-block;
	border-bottom: 2px solid #00a054;
}

h5.cu-head {

    font-weight: 600;

    font-size: 20px;

}



.cu-box {

    margin-top: 5px;

}



p.cu-para {
	font-size: 17px;
    margin-bottom: 35px;

}



.customer {

    margin-top: 70px;

}



.sou-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.sou-list li {

    font-size: 15px;

    line-height: 33px;

}



.sou-list li i {

    color: #00a054;

    font-size: 11px;

    /* line-height: 32px; */

    /* transform: translateY(0px); */

    margin-right: 11px;

}



h5.sou-head {

    font-size: 17px;

    font-weight: 600;

    margin-bottom: 12px;

    margin-top: 30px;

}



tr.table-tr {

    background: #00a054;

    color: #fff;

    font-size: 16px;

}



table.table-box2 {

    width: 100%;

    text-align: justify;

    border: 1px solid #d2d2d2;

}



tr.t-border {

    background: #efefef;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}



.stru4 .container .row .col-lg-10 .table-full .table-box2 th {

    padding: 11px 30px;

}



.stru4 .container .row .col-lg-10 .table-full .table-box2 td {

    padding: 11px 30px;

    color: #000;

    font-size: 15px;

    font-weight: 400;

}



.stru4 .container .row .col-lg-12 .table-full .table-box2 th {

    padding: 11px 30px;

}



.stru4 .container .row .col-lg-12 .table-full .table-box2 td {

    padding: 11px 30px;

    color: #000;

    font-size: 15px;

    font-weight: 400;

}



h5.gr-head.a-font2 {

    font-weight: 600;

    font-size: 26px;

    margin-bottom: 22px;

}



.stru4 {

    margin-top: 60px;

}



p.rii-header {

    font-weight: 600;

    color: #5f5f5f;

    margin-top: 12px;

}



p.ra-para4 {

    font-size: 17px;

    font-weight: 600;

    line-height: 28px;

}



p.ra-para3 {

    color: #292929;

    line-height: 27px;

    font-size: 15px;

}



h5.gr-head4.a-font2 {

    background: #00a054;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

    text-align: center;

    margin-bottom: 0;

    padding: 14px;

}



h5.gr-head5.a-font2 {

    margin-bottom: 0;

    font-size: 16px;

    text-align: center;

    font-weight: 400;

    border-left: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    padding: 15px;

}



h5.spe-h5 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px;

    margin-top: 55px;

}



.grph-img img {

    width: 90%;

    margin-left: 40px;

}



.spe-top {

    margin-top: 35px !important;

}



p.spp-para3 {

    font-size: 16px;

    line-height: 30px;

}



.grph-img img {

    width: 60%;

    /* margin-left: 40px; */

}



.grph2 img {

    width: 200px;

    text-align: center;

    margin: 0 auto;

}



.grph2 {

    

    border: 1px solid #c6c6c6;

    padding: 20px;

    text-align: center;

}



.copper-imgg {

    height: 256px !important;

}



.fl-txt{

    font-size: 19px !important;

}



.fl-txt2{

    font-size: 16px !important;

}



h5.gr-head5.a-font2.t-back {

    background: #efefef !important;

}





/*------------------------ new -----------------------------*/



.ab-table .container-fluid {

    padding: 0 100px !important;

}



.ab-table .container-fluid th {

    font-size: 15px;

}



.ab-table .container-fluid td {

    font-size: 15px;

}



.ta1 th{

    border-bottom: initial !important;

}



.ab-table .container-fluid .table .ta2 th {

    vertical-align: bottom;

    border-bottom: initial !important;

    color: #fff;

    

}



 .ab-table .container-fluid thead.ta2 {

    background: #00a054;

    width: 100%;

}



.ab-table .container-fluid .table-striped tbody tr:nth-child(even) {

    background-color: rgba(0,0,0,.05);

}



.ab-table2 .container-fluid .table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(0,0,0,.05) !important;



}



.ab-table2 .container-fluid .table-striped tbody tr:nth-child(even) {

    background-color: #fff !important;



}



p.at-para.text-center {

    margin-top: -10px;

}



p.at-para2.text-center {

    margin-bottom: 26px;

}





.table-striped tbody tr:nth-of-type(odd) {

    background-color: #fff !important;

}



.ta-h5{

    text-align: center;

}



.ta-h7 {

    line-height: 213px;

}



.ta3 th {

    border-bottom: initial !important;

}



.ab-table .container-fluid thead.ta3 {

    background: #00a054;

    color: #fff;

}



.ab2 {

    margin-top: 65px !important;

}



.ab-table .container-fluid .table td, .table th {

    padding: 15px 10px !important;

    vertical-align: top;

    border-top: 1px solid #dee2e6 !important;

    text-align: center !important;

    border-left: 1px solid #c6c6c6 !important;

}



.ab-table .container-fluid .table{

    border-right: 1px solid #c6c6c6;

    border-bottom: 1px solid #c6c6c6;



}



h5.ab-h5.text-center {

    font-weight: 600;

    font-size: 26px;

    margin-bottom: 30px;

}



.ab-table {

    margin-top: 68px;

}



td.ta-h4 {

    line-height: 80px;

}



.ta-h6 {

    line-height: 178px;

}



.ab-wid2{

    width: 60% !important;

}



h5.ad-h5 {

    font-weight: 600;

    font-size: 20px;

    text-align: center;

    margin-bottom: 0;

}



.note .container-fluid{

    padding: 0 100px !important;



}



h5.no-h5 {

    font-size: 16px;

    color: #555555;

}



h5.no-h5 span{

    color: #000;

    font-weight: 600;

}



.te-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.te-list li {

    font-size: 18px;

    color: #2b2b2b;

    line-height: 33px;

    padding-bottom: 23px;

}



.te-list li span{

    color: #000;

    font-weight: 600;

}



.te-list li i {

    color: #00a054;

    font-size: 13px;

    transform: translateY(0px);

    margin-right: 17px;

}



h5.te-head {

    font-weight: 600;

    font-size: 25px;

    position: relative;

    margin-bottom: 55px;

    margin-top: 50px;

}



h5.te-head::before {

    content: "";

    width: 55px;

    height: 3px;

    background-color: #000;

    position: absolute;

    bottom: -22px;

    left: 0;

}



h5.te-head2 {

    color: #00a054;

    font-weight: 600;

    margin-bottom: 24px;

    font-size: 20px;

    border-bottom: 2px solid #00a054;

    padding-bottom: 8px;

    display: inline-block;

    width: 60%;

}



li.pl-rt {

    padding-right: 280px;



}



span.fur {

    margin-left: 28px;

    color: #000 !important;

    font-weight: 400 !important;

}



.note2 {

    margin-top: 48px !important;

}
gslide-media gslide-video{
	max-width: 1600px !important;
}


.note3{

    margin-top: 48px !important;

}



.abb {

    margin-top: 52px !important;

}

.side-con-wrap{
	padding: 30px;
	background-color: #f6f6f6;
}
.con-text h4{
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 20px;
	color: #00a054 !important;
}
.side-con p{
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
}
.side-con{
/* 	display: flex;
	gap: 10px; */
}
.con-icon{
	font-size: 18px;
	margin-right: 10px;
	color: #00a054;
}
.side-con:last-child{
	margin-bottom: 0;
}
.col-lg-3:nth-child(even) .ri-box {
  background-color: #00a054;
	color: #fff;
}
.wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerSimpleTable .wpdtSimpleTable tr.even, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable tr.even{
	background-color: #efefef !important;
}
.prt-box2 .row{
	align-items: center;
}


.mobile{display:none !important}

/* ----------------------------Responsivie Start---------------------- */

@media only screen and (max-width: 1500px){
	.ov-txt3 .container-fluid{
		padding: 0 100px !important;
	}
	.product3 .container-fluid{
		padding: 0 100px !important;
	}
}
@media only screen and (max-width: 1400px){
	.ov-txt3 .container-fluid{
		padding: 0 20px !important;
	}
	.product3 .container-fluid{
		padding: 0 20px !important;
	}
}

	@media only screen and (max-width: 991px){
		.main-nav .top-nav .navbar .container-fluid{padding:0 0px !important;}
		.navbar-dark .navbar-toggler{background:#00a054;}
	.ov-img img{
		width: 100%;
		margin: 0 !important;
	}
	h5.rai-h5{
		left: 0;
		width: 100% !important;
		text-align: center !important;
	}
	#cs img{
		width: 100%;
	}
	.ra-rt{
		margin-left: 0;
	}
	.ra-para{
		margin-top: 30px;
	}
	.raa-img{
		margin-bottom: 20px;
	}
		.ran-rt{
			margin-left: 0;	
		}
		.ftr-3{
			margin-left: 0;
		}
		.ftr-2{
			margin-left: 0;
		}
		.ftr-header{
			margin-top: 35px;
		}
		.ra-btm{
			margin-top: 0;
		}
		.ran-img img{
			width: 100%
		}
		.rail2{
			margin-top: 40px;
		}
		.footer{
			padding: 30px 0;
		}
		h1.ban-header2{
			padding-right: 0;
			line-height: 1.5;
		}
		.main-banner .carousel-item img{
			height: 400px;
		}
		.ab-rt{
			margin-left: 0;
		}
		h5.ab-header.a-font{
			font-size: 25px;
		}
		a.ab-link{
			margin: 20px 0 25px 0;
		}
		.ab-lft{
			text-align: center;
		}
		h5.ab-header2{
			font-size: 18px;
		}
		.division{
			margin-top: 40px;
		}
		.si-img img{
			display: none;
		}
		.number{
			padding: 30px 0;
		}
		.w-imgg img{
			margin-bottom: 35px;
		}
		
		.mobile{display:block !important}
		.desktop{display:none !important}
		.top-nav .navbar{padding:0 0 0px !important;}
		a.nav-btn{margin-right:0px;}
		.nav-list{background:#00a054;}
		.nav-rt{width:100%; text-align:center;}
		ul.nav-list li{width:100%;}
		a.nav-btn{padding:5px 0px;}
		.navbar-brand{margin-left:15px;}
		.navbar-dark .navbar-toggler{margin-right:15px;}
		a.navbar-brand img{width:150px; margin:5px 0;}
		
	}
		@media only screen and (max-width: 480px){
			.ban-text{
				padding: 0 30px !important;
				padding-top: 25% !important;
			}
			.ban-link2{
				margin-left: 0;
				margin-top: 10px;
				padding: 10px 20px;
			}
			a.ban-link{
				padding: 10px 20px;
			}
			h5.ab-header.a-font{
				font-size: 18px;
				line-height: 1.5;
			}
			.di-img img{
				height: 300px;
				width: 100%;
				object-fit: cover;
			}
			.di-box2{
				padding: 40px;
			}
		}
		
}
.navbar {
    padding: 0 !important;
}

/* Desktop menu visible by default */
.menus {
    display: flex;
    flex-direction: row;
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.menu li {
    position: relative;
	list-style: none;
}

.menu li a {
    color: #000;
    text-decoration: none;
    padding: 27px 15px;
    display: block;
    font-weight: 500;
    transition: all 0.3s ease;
}

.menu li a:hover {
    color: #00a054;
}

/* Dropdown */
.menu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background: rgba(0, 160, 84, 0.9);
    min-width: 280px;
    max-width: 400px;
    display: none;
    flex-direction: column;
    z-index: 9999;
    transition: all 0.3s ease;
}

.menu .sub-menu li {
    border-bottom: 1px solid #fff;
}

.menu .sub-menu li a {
    padding: 10px 15px;
    color: #fff;
}

.menu-item-has-children > a::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107"; /* fa-angle-down */
    font-size: 0.8em;
    margin-left: 6px;
    transition: transform 0.3s ease;
}

/* Desktop hover */
@media(min-width:992px) {
    .menu .menu-item-has-children:hover > .sub-menu {
        display: flex;
    }

    .menu .menu-item-has-children:hover > a::after {
        transform: rotate(180deg);
    }
}

/* =========================
   MOBILE MENU
========================= */
.tog-icon {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 45px;
    z-index: 1001;
}

.tog-icon .ham, .tog-icon .closed {
    font-size: 28px;
    color: #00a054;
}
.tog-icon .ham, .tog-icon .closed:hover{
	color: #00a054;
}

.tog-icon .closed {
    display: none;
}

@media(max-width:1250px) {
    .tog-icon {
        display: block;
    }

    .menus {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #00a054;
        z-index: 1000;
    }

    .menu {
        flex-direction: column;
    }

    .menu li a {
        color: #fff;
        padding: 12px 20px;
    }
	.menu li a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.2);
    }

    .menu .sub-menu {
        position: static;
        background: rgba(255, 255, 255, 0.2);
        display: none;
    }

    .menu-item-has-children.active > .sub-menu {
        display: flex;
        flex-direction: column;
    }

    .menu-item-has-children.active > a::after {
        transform: rotate(180deg);
    }
}

/* Smooth transitions */
.menu,
.sub-menu {
    transition: all 0.3s ease;
}