/*
*Theme Name : ThemeName
*Description : ThemeName Theme
*Version : 1.0
*/

.tbgp-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.tbgp-blog-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.tbgp-blog-card:hover{
    transform:translateY(-8px);
}

.tbgp-blog-thumb img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.tbgp-blog-content{
    padding:25px;
}

.tbgp-category{
    color:#b9975b;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.tbgp-blog-content h3{
    margin:15px 0;
    font-size:22px;
    line-height:1.4;
}

.tbgp-blog-content h3 a{
    color:#0e1b2c;
    text-decoration:none;
}

.tbgp-blog-content p{
    color:#667085;
    line-height:1.8;
    margin-bottom:20px;
}

.tbgp-readmore{
    color:#0e1b2c;
    text-decoration:none;
    font-weight:600;
}

@media(max-width:991px){
    .tbgp-blog-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .tbgp-blog-grid{
        grid-template-columns:1fr;
    }
}

.xs-inner-banner-content h2 {
    text-align: center;
    padding-top: 80px;
    color: #fff;
	position:relative;
	z-index:9;
}
section.xs-banner-inner-section::after {
    background: #00000091;
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    top: 0px;
    left: 0px;
}
.content-one {
    padding: 50px;
}


.con_wrp label{
	width:100%;
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:10px;
}
.con_wrp input{
	width:100%;
	padding:10px;
	margin:10px 0px;
	border:0px ;
}
.con_wrp textarea{
	width:100%;
	padding:10px;
	margin:10px 0px;
	border:0px ;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #b9a68e;
    color: #fff;
    padding: 12px;
    font-size: 20px;
}
.sector-icon img {
    width: 100%;
}


/* ===========================
   Hover Background Images
=========================== */

.sector-card{
    position:relative;
    overflow:hidden;
    z-index:1;
}

.sector-card::before{
    content:"";
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transition:.45s ease;
    z-index:-1;
}

.sector-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    opacity:0;
    transition:.45s ease;
    z-index:-1;
}

.sector-card:hover::before,
.sector-card:hover::after{
    opacity:1;
}

.sector-card:hover .sector-name,
.sector-card:hover .sector-sub,
.sector-card:hover .sector-icon{
    color:#fff !important;
}

/* Individual Images */

.sector-bg1::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/ser1.png');
}
.sectors-grid .sector-bg1::before{
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.sectors-grid .sector-bg1{
    position: relative;
    overflow: hidden;
}

.sectors-grid .sector-bg1::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}

.sectors-grid .sector-bg1 .sector-icon,
.sectors-grid .sector-bg1 .sector-name,
.sectors-grid .sector-bg1 .sector-sub{
    position: relative;
    z-index: 3;
}
.sector-bg2::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/02.png');
}

.sector-bg3::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/03.png');
}

.sector-bg4::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/New-Project.webp');
}

.sector-bg5::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/05.webp');
}

.sector-bg6::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/07.webp');
}

.sector-bg7::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/09.webp');
}

.sector-bg8::before{
    background-image:url('https://tbgp.stoptouch.in/wp-content/uploads/2026/06/009.webp');
}



.sectors-grid .sector-bg3::before{
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.sectors-grid .sector-bg1{
    position: relative;
    overflow: hidden;
}

.sectors-grid .sector-bg6::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}

.sectors-grid .sector-bg6::before{
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.sectors-grid .sector-bg1{
    position: relative;
    overflow: hidden;
}

.sectors-grid .sector-bg6::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}


.sectors-grid .sector-bg8::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}

.sectors-grid .sector-bg8::before{
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.sectors-grid .sector-bg1{
    position: relative;
    overflow: hidden;
}

.sectors-grid .sector-bg8::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}
/* Value Cards */
.values .value{
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.10);
    transition: transform .35s ease, box-shadow .35s ease;
    will-change: transform;
}

/* Hover Effect */
.values .value:hover{
    transform: scale(1.06);
    box-shadow: 0 15px 40px rgba(0,0,0,0.18);
}



/*==============================
      BUTTON WRAPPER
==============================*/

.st-btn-wrapper{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}


/*==============================
        BUTTON
==============================*/

.st-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 247px;
    height: 49px;
    padding: 0 26px 0 56px;
    background: #2f3748;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: .4s ease;
}

/* Background Animation */

.st-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:#bf8d44;

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .4s ease;

}

.st-btn:hover::before{

    transform:scaleX(1);

}


/*==============================
          ICON
==============================*/

.st-btn-icon{

    position:absolute;

    left:5px;

    top:50%;

    transform:translateY(-50%);

    width:46px;

    height:46px;

    background:#BF8D44;

    border-radius:6px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    z-index:2;

    transition:all .4s ease;

}

.st-btn-icon i{

    font-size:18px;

}


/*==============================
          TEXT
==============================*/

.st-btn-text{

    position:relative;

    z-index:2;

    color:#fff;

    width:100%;

    text-align:center;

    font-size:17px;

    font-weight:700;

    white-space:nowrap;

    transition:transform .4s ease;

}


/*==============================
          HOVER
==============================*/

.st-btn:hover .st-btn-icon{

    left:calc(100% - 51px);

    background:transparent;

}

.st-btn:hover .st-btn-text{

    transform:translateX(-18px);

}


/*==============================
        RESPONSIVE
==============================*/

@media (max-width:768px){

    .st-btn-wrapper{

        flex-direction:column;

        align-items:stretch;

    }

    .st-btn{

        width:100%;

        max-width:320px;

    }

}

/*==============================
      SINGLE BUTTON
==============================*/

.st-single-btn{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:250px;
    height:56px;

    padding:0 25px 0 72px;

    background:#2f3748;

    border-radius:8px;

    overflow:hidden;

    text-decoration:none;

    transition:.4s ease;

}

/* Background Animation */

.st-single-btn::before{

    content:"";
    position:absolute;
    inset:0;

    background:#bf8d44;

    transform:scaleX(0);
    transform-origin:left;

    transition:transform .4s ease;

}

.st-single-btn:hover::before{

    transform:scaleX(1);

}

/* Icon */

.st-single-icon{

    position:absolute;

    left:5px;
    top:50%;

    transform:translateY(-50%);

    width:46px;
    height:46px;

    background:#BF8D44;

    border-radius:6px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    z-index:2;

    transition:all .4s ease;

}

.st-single-icon i{

    font-size:18px;

}

/* Text */

.st-single-text{

    position:relative;
    z-index:2;

    width:100%;

    color:#fff;

    text-align:center;

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

    white-space:nowrap;

    transition:transform .4s ease;

}

/* Hover */

.st-single-btn:hover .st-single-icon{

    left:calc(100% - 51px);

    background:transparent;

}

.st-single-btn:hover .st-single-text{

    transform:translateX(-18px);

}

/* Responsive */

@media (max-width:768px){

    .st-single-btn{

        width:100%;
        max-width:320px;

    }

}

.hero{
    background-image: url('https://tbgp.stoptouch.in/wp-content/uploads/2026/07/hero-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}