/*!
Theme Name: gptw2026
Theme URI: http://greatplacetowork.in/
Author: http://greatplacetowork.in/
Author URI: http://greatplacetowork.in/
Description: Description
*/

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

:root{
--Red:#ec1313;
--Red-hover:#c61010;
--White:#fff;
--Dark-black:#000;
--Dark-black-theme:#141414;
--Paragraph-text:#737373;
}

body{
   font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
#masthead{display:none}


h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--Dark-black-theme);
    font-family: "Inter Tight", sans-serif !important;
      font-weight: 400;
    letter-spacing: -.025em;
}
h1,h2{font-size:3rem}
h3{font-size: 2rem}




a,
*::before,
*::after,
img,
span,
input,
button,
.navbar,
.fixedmenu,
.tp-bullet {
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
}

.btn.focus,
.btn:focus,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    outline: none;
    text-decoration: none;
}
a{
   color:var(--Red);
}

p {
    word-wrap: break-word;
    word-break: break-word;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: "Inter Tight", sans-serif;
    margin-bottom: 16px;
/*     letter-spacing: -0.2px; */
    color: var(--Paragraph-text);
    /* -webkit-hyphens: auto;
  hyphens: auto; */
}
ul{padding-left: 15px;}
li{color:var(--Paragraph-text);}
.pl-0{padding-left:0;}


.industry-winner-card h3{padding-bottom: 22px;margin-bottom: 22px !important;}
.industry-org-list ul{column-count: 2;padding-left:0}
.industry-org-list ul li{list-style: none;  padding-bottom: 24px;}
.industry-org-list ul li a{color: var(--Paragraph-text);font-size: 1rem}
.industry-org-list ul li a:hover{color: var(--Red);}
.org-total-count{font-size:12px;}

.equalPaddingT{
   padding-top: 50px !important;
}
.equalPaddingB{
   padding-bottom: 50px !important;
}


/*text color*/
.text-red{color: var(--Red);}

/*Button*/
.primary-red-cta{
   background-color:var(--Red) !important;
   color: var(--White);
   font-size: 1rem;
   box-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
.primary-red-cta:hover{
    background-color:var(--Red-hover);
   }

.black-border-cta{
   font-size: 1.125rem;
   background-color: transparent !important;
   border: 2px solid var(--Dark-black-theme) !important;
   color: var(--Dark-black-theme) !important;
}
.black-border-cta:hover{
   background-color: var(--Dark-black-theme);
   color: var(--White);
}

/*end*/

/*.section-tag{color: var(--Red);text-transform: uppercase;font-size:16px;}
.section-heading{font-size:3rem;font-weight: 500;}*/

.section-top-border{border-top: 1px solid #E6E6E6;}


.industry-grid {
    
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    /*border: 1px solid #e6e6e6;*/
}
.industry-card-image {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #222;
}
 
.industry-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.industry-card-body {
    padding: 32px 40px 40px;
}
.industry-card{border: 1px solid #e6e6e6;}
.industry-card:has(>a:hover){
	border: 1px solid var(--theme-red);
}
.industry-card-eyebrow{color: var(--Red);font-size: 14px;  text-transform: uppercase;  padding: 14px 0;}

.industry-card-link{
        font-family: var(--primary-font);
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 150%;
        position: relative;
        color: #ff1628;
        

    &:after{
        content:'';
        background: url('/wp-content/uploads/2026/08/arrow-red-icon.svg') center/contain no-repeat;
        position: relative;  
        width: 1rem;
        height: 1rem;
        display:inline-block;
        top: 0.2rem;
        left:0.2rem;
    }
}

.icon-box-clickable .elementor-icon-box-title {font-size:1.25rem;}
.icon-box-clickable .elementor-icon-box-title a:before{
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.icon-box-clickable .elementor-icon-box-description{padding-bottom:15px}

.trends-list .e-con-inner .e-child{
   display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 16px;
    align-items: start;
}
.trends-list .e-con-inner .e-child h4{ grid-column: 1;
    grid-row: 1 / 3;font-size: 1.5rem}

.trends-list .e-con-inner .e-child h3{
       grid-column: 2;
    grid-row: 1;
    font-size: 1.25rem;

}

.trends-list .e-con-inner .e-child p{grid-column: 2;
    grid-row: 2;}
.methodology :is(p,li){color:#FFFFFFB3 !important;}
.methodology ul{padding-bottom: 15px;}
.methodology ul li{padding-bottom:10px;}
/* Table */
.tablepress {
    border-collapse: collapse;
    width: 100%;
    font-family: inherit;
	border: 1px solid #f6f6f6 !important;
}

/* Header */
.tablepress thead th {
    background:var(--Dark-black-theme);
    color: #fff;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: none;
}
.tablepress-view-profile{color:var(--Dark-black-theme);display: flex;
  column-gap: 2px;}
.tablepress-view-profile:hover{color:var(--Red);filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(6460%) hue-rotate(357deg) brightness(98%) contrast(113%);}

/* Body */

.tablepress tbody td {
    padding: 14px 20px;
    font-size: .875rem;
    color: #222;
    border-bottom: 1px solid #ececec;
    vertical-align: middle;
}
.dt-container .dt-layout-cell,.tablepress{padding:10px 0 !important;}
/* .dataTables_wrapper .dataTables_filter {
    float: left;
    width: 60%;
}

.dataTables_wrapper .dataTables_filter input {
    width: 100%;
    height: 48px;
    border: 1px solid #ddd;
    padding: 0 20px;
    border-radius: 0;
    font-size: 16px;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}

.dataTables_wrapper .dataTables_length select {
    height: 48px;
    border: 1px solid #ddd;
    padding: 0 15px;
    font-size: 16px;
} */
/*.tablepress {
    table-layout: fixed;
    width: 100%;
}*/

/* First column */
/*.tablepress th:first-child,
.tablepress td:first-child {
    width: 40%;
}*/

/* Remaining columns share equal space */
/*.tablepress th:not(:first-child),
.tablepress td:not(:first-child) {
    width: calc((100% - 40%) / 4);
}*/

/*custom-zoho-form*/
.search-workplace-wrap{
    padding: 3rem;
    border:1px solid var(--Light-Gray);;
}
  .zoho-form-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0.8rem;
    margin: 0 auto;
  }
 
  .zoho-form-1 {
    flex: 1 1 100%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
  }
 
  .zoho-form-2 {
    flex: 1 1 calc(50% - 15px);
    min-width: 250px;
    display: flex;
    flex-direction: column;
  }
 
  .zoho-form-wrap label{
    font-size: .875rem;
    font-weight: 400;
    color: #1a1a1a;
    margin-bottom: 12px;
    display: block;
  }
 
  .zoho-form-wrap label .zf-important{
    font-style: normal;
    color: #1a1a1a;
    margin-right: 2px;
  }
 
  .zoho-form-wrap input[type="text"]{
    width: 100%;
/*     height: 52px; */
	height: auto;
    padding: 0.8rem 1rem;
    font-size: 15px;
    color: #1a1a1a;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
 
  .zoho-form-wrap input[type="text"]::placeholder{
    color: #b3b3b3;
  }
 
  .zoho-form-wrap input[type="text"]:hover {
    border-color: #c2c2c2;
  }
 
  .zoho-form-wrap input[type="text"]:focus{
    border-color: #4a90d9;
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12);
  }
  button{cursor: pointer;}
  .zoho-form-wrap input[type="submit"]{
    background-color: var(--Red) !important;
  color: var(--White);
  padding: 11px 30px;
  border: none;
  width: max-content;
  cursor: pointer;
  }
  .zoho-form-wrap input[type="submit"]:hover{
    background-color: var(--Dark-black-theme);
  }
 
   /* ===== Select Dropdown Styling ===== */
 
  .zoho-form-wrap select{
    width: 100%;
    height: auto;
    padding: 0.8rem 2.5rem 0.8rem 1rem;
    font-size: 15px;
    color: #1a1a1a;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
 
    /* custom dropdown arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
  }
 
  .zoho-form-wrap select:hover{
    border-color: #c2c2c2;
  }
 
  .zoho-form-wrap select:focus{
    border-color: #4a90d9;
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12);
  }
 
  /* placeholder-style option (e.g. "-Select-") */
  .zoho-form-wrap select option[value=""]{
    color: #b3b3b3;
  }
 
  /* remove default arrow in IE */
  .zoho-form-wrap select::-ms-expand{
    display: none;
  }


.list-tab{
	& .e-n-tab-title-text  {
        flex-direction: column;
        gap: 0.25rem;
        
        
        & span{
            font-size: 0.875rem;
        }
    }
}


article.case_study {
	& :is(h2, h3, h4, h5, h6) {
		color: var(--Dark-black-theme) !important;
		font-family: var(--primary-font);

		font-weight: 500;
		line-height: 120%;
		letter-spacing: -0.04rem;
	}
	& :is(p, li) {
		color: var(--Neutral-Gray);
	}
	& :is(h2, h3, h4):has(+ *) {
		margin-bottom: 1rem;
	}
	& h2 {
		font-size: 2rem;
	}
	& h3 {
		font-size: 1.5rem;
	}

	& :is(h5, h6) {
		font-size: 1rem;
	}

	& :is(p, li) {
		font-size: 1rem;
	}

	& * + * {
		margin-top: 1rem;
	}
	& .a2a_kit >a{
		margin-top:0;
	}
	& img[alt="GWGI_Red"]{
		height: 2rem;
	}
}


 ul.square-list {
        list-style: square;
        padding-left: 1.2rem;
        & li {
            color: currentColor;
					font-family:var(--primary-font);
            font-size: 1.125rem;
            line-height: 140%;
            &:not(:last-child) {
                margin-bottom: 0.75rem;
            }
        }

        & li::marker {
            color: var(--theme-red);
        }
    }

  /* ===== Responsive ===== */
 
  @media (max-width: 640px) {
    .zoho-form-wrap {
      flex-direction: column;
      gap: 20px;
    }
 
    .zoho-form-1,
    .zoho-form-2 {
      flex: 1 1 100%;
    }
 
    .zoho-form-wrap label{
      font-size: 16px;
    }
 
    .zoho-form-wrap input[type="text"] {
      height: 48px;
      font-size: 14px;
    }
  }

@media (max-width: 768px) {
	br {
		display: none;
	}
	.tablepress{
		overflow-x: scroll;
  display: block;
	}
	.list-tab {
		& .e-n-tab-title {
			display: flex;
			justify-content: space-between;

			&:after {
				content: '';
				width: 1rem;
				height: 1rem;
				background: url('/wp-content/uploads/2026/08/chevron-icon.svg')
					center/contain no-repeat;
				display: block;
			}

			&:hover:after,
			&[aria-selected='true']:after {
				filter: invert(1);
			}
			&[aria-selected='true']:after {
				rotate: 180deg;
			}
		}

		& .e-n-tab-title-text {
			align-items: start;
			width: 100%;
		}
	}
	
	.industry-grid {
		grid-template-columns: auto;
	}
	
}

.search-seprator{
      border-top: 1px solid var(--Light-Gray);
      position: relative;
      margin-top: 40px;margin-bottom: 40px;
}
.search-seprator span{
    position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  background-color: #fff;
  width: max-content;
  color: var(--Neutral-Gray);
  text-transform: uppercase;
  font-weight: 300;
}
.company-search-wrap{padding-top: 20px}
table.company-list {
    margin: 30px auto;
    border: 1px solid var(--Light-Gray);;
    border-collapse: collapse;   /* ← add this */
}
.searchresult h3{
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.company-list tr.table-head td,
.company-list thead tr th,
table.tablepress thead tr th {
    background: #11131c !important;
    color: #fff !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: .75rem;
  line-height: 1rem;
}

.company-list td,
.company-list th {
    padding: 24px;          /* replaces the old cellpadding="10" */
    border-bottom: 1px solid #eae7e7;   /* ← this gives you the row-line effect */
    font-weight: 300;
    color: var(--Neutral-Gray);
    vertical-align: top;
    font-size: .875rem;
  line-height: 1.25rem;
}
.company-list tr td:last-child a{
    color: var(--Neutral-Gray) !important;
}
.company-list tr td:first-child {
    color: var(--Dark-black-theme);
}
.company-list tr:last-child td {
    border-bottom: none;                /* optional: no line after the very last row */
}
.blog-keytakeways ul{padding-left:0 !important}
.blog-keytakeways ul li{font-size:0.825rem !important;}

@media screen and (max-width: 768px) {
	.search-workplace-wrap{padding:15px;}
	.company-search-wrap > div, .company-search-cta, .company-search-cta input{width:100% !important;}
	table.company-list{overflow-x: scroll;
  display: block;}
}