/* 
Theme Name: Trinetra Theme 
URI: https://trinetrasoft.com/trinetra 
Description: Child theme for Engitech 
Author: BEKKAM RAGHAVA REDDY
URI: https://trinetrasoft.com 
Template: engitech 
Version: 1.0.0 
Text Domain: trinetra */

:root {
	--navy: #0a1628;
	--navy-deep: #060d18;
	--navy-card: #0f1f35;
	--blue: #1a6fd4;
	--blue-bright: #2d8cff;
	--blue-glow: #4da3ff;
	--text-muted: #8ba3c7;
	--white: #ffffff;
	--grey-bg: #f4f6f9;
	--line: #e7e5f0;
	--violet: #6d28d9;
  --violet-bright: #7c3aed;
  --violet-soft: #ede9fe;
	--aws-soft: #fff5e6;
	--gcp-soft: #eaf1fe;
	--azure: #0078d4;
	--aws: #ff9900;
	--gcp: #4285f4;
	--azure-soft: #e8f3fc;
	--indigo: #4F46E5;
  --bg: #FFFFFF;
  --text: #1B1A2E;
	--border: rgba(255,255,255,0.08);
	--ink: #1f2235;
  --muted: #5b5f75;
}
.header-clone{
	height: 100px!important;
}
.elementor-widget-wrap>.elementor-element.btn-inline{
	display: inline-block;
	width: auto;
}
.aws .badge::before {
	background: linear-gradient(90deg,#ff9900,#ffb84d);
}
.aws .emblem {
	border: 3px solid var(--aws);
}
.elementor-3872 .elementor-element.elementor-element-4cff60df .elementor-icon-list-item span, .elementor-3872 .elementor-element.elementor-element-5e3bed1f .elementor-icon-list-item span {
    line-height: 16px;
}

.page-id-3872 #back-to-top{
	color: #656AE5;
}
.page-id-4858 #back-to-top{
	color: #53E79C;
}
.page-id-4899 #back-to-top{
	color: #35d3c9;
}
.serv-box{ min-height:260px;}
.indus-item {cursor:pointer;}
.corevalues .content-box p{display:none;}
.corevalues .big-number{opacity: 0.2;}
.corevalues .service-box,.corevalues .content-box{display:flex;}
.corevalues .content-box h5{align-items:center;display:flex;}

.ot-industries .indus-item .item-inner {
min-height: 320px;
}
#servicest {}

#solutionst .row2  .icon-box-s2.s2 {
	min-height: 340px;
}
#solutionst .row1 .icon-box-s2.s2 {
	min-height: 475px;
}
.wpcf7 select {
    width: 100%;    background: rgba(255, 255, 255, 0.3);
color:#fff;
    padding: 10px;
}
select option { color: black; }
select option:first-child{
  color: green;
}
.elementor-1334 .elementor-element.elementor-element-cf4c78e .contact-info p {
    color: #AEAACB;
    text-align: left;
}
.iconno,.iconh .icon-main{display:none;}
.iconh .tech-box h5 {
	width: 100%;}
.iconh .tech-box {
    min-height: 130px;
    align-items: center;
	display: flex;border: 5px solid #43baff;}
.icon-box-s2:hover .content-box h5,.icon-box-s2:hover .content-box p{color: #43BAFF;}
.e-font-icon-svg{height:25px!important;}

.btn-primary-tn{align-items: center;}
.btn-primary-tn .elementor-button{
	background: var(--blue);
	color: var(--white) !important;
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s;
}
.main-navigation ul > li > a{ color:#FFF !important;}
.main-navigation ul > li > a {
	padding: 20px 0px !important;}

.footermenu .menu{display:block;}
.footermenu .menu li{margin: 0;width:95%;}
.footermenu .menu > li > a {
    padding: 5px 0px !important;
}

.footermenu .menu  > li.current-menu-item:before{
	display:none;
}
.contact-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 13px;
	color: #6a84a8;
}.contact-item svg {
	width: 16px;
	height: 16px;
	stroke: var(--blue-glow);
	flex-shrink: 0;
	margin-top: 2px;
}
.contact-item {
	font-size: 13px;
	color: #fff;
}
.homesixcloumn .icon-box-s2.s2 {
	padding: 15px 15px !important;

    background: transparent !important;
    box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
	border: 2px solid #e8edf5;
  border-radius: 10px;    min-height: 380px;
}

.hero1,.headertr{
  background: linear-gradient(
    135deg,
    #0d1b3e 0%,
    #0a1628 40%,
    #051535 100%
  ) !important;
 

	
}
.elementor-section .elementor-container {
    display: flex;
	max-width: 1360px;}
.hero1 .elementor-shape-top,.hero2 .elementor-shape-top{display:none;}
.hero1 .colimg{ mix-blend-mode: lighten;
  background: transparent;}

.cta-btns a{color:#fff !important;}
 .tr-btn-primary { 
      background: var(--blue);
      color: var(--white);
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      white-space: nowrap;
      transition: background 0.2s;
    }
    .tr-btn-primary:hover { background: var(--blue-bright); }
    .tr-btn-outline {
      background: transparent;
      color: var(--white);
      border: 1.5px solid rgba(255,255,255,0.5);
      padding: 10px 20px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: border-color 0.2s, background 0.2s;
    }
    .tr-btn-outline:hover {
      border-color: var(--white);
      background: rgba(255,255,255,0.06);
    }
    .tr-btn-outline-white {
      background: transparent;
      color: var(--white);
      border: 1.5px solid rgba(255,255,255,0.6);
      padding: 12px 24px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
    }
    .tr-btn-outline-white:hover { background: rgba(255,255,255,0.1); }
    .btn-lg {
      padding: 13px 26px;
      font-size: 14px;
      border-radius: 6px;
    }
.tr-hero-btns {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}
.hero1 .ot-heading span{
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	border-color: var(--blue-glow);
	text-transform: uppercase;
	margin-bottom: 20px;
	border: 1px solid var(--blue-glow);
	color: #fff;
	border-radius: 12px;
	padding: 2px 15px;
	background: #163e7685;
}
/*
.highlight{color:var(--blue-glow);} */

.highlight {
	background: linear-gradient(100deg,#c4b5fd,#a78bfa,#818cf8);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.homesevencoloumn .ot-image-box .overlay, .techp .ot-image-box .overlay{display:none;}



.homesevencoloumn .ot-image-box:not(.basic) img,.techp .ot-image-box:not(.basic) img {
    filter: grayscale(0%);
    height: 100px;
    object-fit: contain;
    object-position: center;
}

.techp .ot-image-box:not(.basic):after { display:none;}
.homesevencoloumn .ot-image-box:not(.basic):after {
   
    width: 1px !important;
    height: 100% !important;
    top: 0!important;
    right: 0!important;
  
    -webkit-transform: rotate(0deg!important);
    -ms-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    background: #ced2d4!important;
}
.splcol {
    position: relative;
    z-index: 2;
}
.whitebg::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 1;
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0.1) 100%);
    /* filter: blur(10px); */
    border-radius: inherit;
}
.tr-btn-outline-white {
	background: transparent;
	color: var(--white);
	border: 1.5px solid rgba(255,255,255,0.6);
	padding: 12px 24px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}
.tr-btn-lg {
	padding: 13px 26px;
	font-size: 14px;
	border-radius: 6px;
}
#royal_preloader{display:none;}
.callactionrow{    padding: 18px !important;border-radius: 45px;mix-blend-mode: darken}

.tr-box{    padding: 20px; border-radius:20px;}
.A1{background: #001137;
background: linear-gradient(286deg,rgba(0, 17, 55, 1) 0%, rgba(10, 22, 62, 1) 35%, rgba(21, 27, 113, 1) 100%);}
.A1 .icon-main {
    background: #141f7a;
    box-shadow: 2px 2px 5px #ffffff63;
}
.tr-box .icon-main{
    border-radius: 50%;   
    padding: 5px;
   
}
.tr-box .icon-main svg{height:40px !important;}
.hero2 {
    background: linear-gradient(135deg, #0b182f 0%, #0a1628 40%, #051535 100%) !important;
}

.wpcf7 .main-form {
    padding: 60px 48px;
    background: #001137;
    background: linear-gradient(286deg, rgba(0, 17, 55, 1) 0%, rgba(10, 22, 62, 1) 35%, rgba(21, 27, 113, 1) 100%);
    /* background-image: linear-gradient(90deg, #00deff 0%, #7141b1 100%); */
    color: #fff;
}
.tr-btn-lg:visited{color:#FFF;}
.serv-box .content-box h5 {
    font-size: 20px !important;
}

.indsec2 .icon-box-s1 .line-box{background:none;}

.indsec2 .icon-box-s1 h5 {
	font-size: 30px;
	font-weight: 600;
	color: #7141b1;
}

.indtwocloumn .icon-box-s2.s1 .icon-main img {
	width: 80px;
}

.indtwocloumn .icon-box-s2  {position: relative;
  background: #fff;overflow: hidden;
  border: 1px solid var(--line);
border-radius: 18px;
grid-template-columns: 96px 1fr;
  gap: 0;display: grid;
}
.indtwocloumn .icon-box-s2  .icon-main{ 
	padding: 10px;
	background: linear-gradient(180deg,var(--violet-soft),#f3f0fc);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 34px;
	border-right: 1px solid var(--line);
}
.indbuttons{margin:auto;}

.indtwocloumn .icon-box-s2 .content-box {
	padding-left: 20px !important;
padding-bottom: 20px !important;
	padding-top: 20px !important;
}
.chip:hover {
	border-color: var(--violet);
	background: var(--violet-soft);
}
.help {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px dashed var(--line);
}
.help .help-label {
	font-family: var(--display);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ink);
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.help .help-label::before {
	content: "";
	width: 18px;
	height: 2px;
	background: var(--violet);
	border-radius: 2px;
}
.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.chip {
	font-size: 13.5px;
	font-weight: 500;
	color: var(--navy);
	background: #fff;
	border: 1px solid var(--line);
	padding: 9px 14px;
	border-radius: 9px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: .2s;
}
.chip svg {
	width: 15px;
	height: 15px;
	color: var(--violet);
	flex-shrink: 0;
}
.tagpill {
	font-family: var(--display);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--violet);
	background: var(--violet-soft);
	padding: 4px 10px;
	border-radius: 6px;
}
.icon-box-s2:hover .chip svg{
	fill:white !important;
}
.indtwocloumn .icon-box-s2:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px -20px rgba(49,46,129,.35);
	border-color: #d6d1ec;
}
.marginauto{margin:auto;}
.boxresources .ot-counter3 .icon-main{ display:none;}
.boxresources .ot-counter3{ text-align:center;}
.boxresources .ot-counter3 span {
	font-family: var(--display);
	font-size: 38px !important;
	font-weight: 800 !important;
	color: var(--violet);
	line-height: 1;font-family: "Montserrat", sans-serif;
}
.highlightcolumn  .elementor-element-populated{
	background: #fff;
	border: 1px solid var(--line);
	
	box-shadow: 0 30px 70px -30px rgba(30,27,75,.45);
	
}


.dist-label {

	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 12px;
}


.disttr {
	display: flex;
	height: 46px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--line);
}
.disttr .d-azuretr {
	background: linear-gradient(100deg,#0078d4,#005a9e);
}
.disttr span {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: var(--display);
	font-weight: 700;
	font-size: 14px;
	transition: flex .8s cubic-bezier(.2,.8,.2,1);
}
.dist-legendtr {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
	margin-top: 14px;
	font-size: 13px;
	color: var(--muted);
}
.dist-legendtr i {
	width: 11px;
	height: 11px;
	border-radius: 3px;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}
.disttr .d-awstr {
	background: linear-gradient(100deg,#ff9900,#e07b00);
}
.disttr .d-gcptr {
	background: linear-gradient(100deg,#4285f4,#1a73e8);
}

 .ic {
	width: 75px;
	height: 75px;
	border-radius: 13px;
	background: linear-gradient(135deg,var(--violet-soft),#f3effd);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}
 .ic svg {
	width: 50px;
	height: 50px;
	color: var(--violet);
}
.resource4colmun .content-box{ text-align:left;}
.resource4colmun .icon-box-s2.s2{min-height:275px !important;}
.tabheadright .ptotal span {
	font-size: 13px;
	color: var(--muted);
	font-weight: 600;padding-left: 5px;
}
.tabheadright {text-align:right;}
.tabheadright .ptotal b {
	font-family: var(--display);
	font-size: 34px;
	font-weight: 800;
	color: var(--navy);
}

.icontabinner .icon-main{
	width: 64px;
	height: 64px;
	border-radius: 15px;
	background: #fff;
	border: 1px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 8px 22px -10px rgba(30,27,75,.35);
	padding: 12px;
}
.tabbody .e-con-inner{margin:0;}
.reveal {
	opacity: 1;
	transform: translateY(26px);
	transition: opacity .6s ease,transform .6s ease;
}
.badge {
	position: relative;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 28px 24px 26px;
	text-align: center;
	transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
	overflow: hidden;
}
.azure .badge::before {
	background: linear-gradient(90deg,#0078d4,#50a8e8);
}
.badge::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
}
.badge:hover {
	transform: translateY(-1px);
	box-shadow: 0 24px 50px -22px rgba(30,27,75,.4);
}
.badge .icon-box-s2.s2{padding: 0 !important}
.badge .icon-box-s2.s2:hover {
	background: transparent !important;
	box-shadow: unset;
	-webkit-box-shadow:unset;
	-moz-box-shadow: unset;
}
.badge{position:realative;}
.badge::after  {
	position: absolute;
	top: 14px;
	right: 14px;
	content:"\2713";
	color:#fff;
	
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #10b981;
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	
}
.badge .icon-box-s2.s2::before,.badge .icon-box-s2.s2::after{display:none;}
.azure .icon-main {
	border: 3px solid var(--azure);
}
.badge .icon-main {
	width: 84px;
	height: 84px;
	margin: 6px auto 8px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	position: relative;
	box-shadow: 0 6px 18px -8px rgba(30,27,75,.4);
}
.azure .stars {
	color: var(--azure);
}
.stars {
	font-size: 12px;
	letter-spacing: 3px;
	margin-bottom: 14px;
}
.azure .level {
	background: var(--azure-soft);
	color: var(--azure);
}
.level {
	display: inline-block;

	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 4px 11px;
	border-radius: 6px;
	margin-bottom: 12px;
}
.badge h4 {
	font-size: 16px;
	font-weight: 700;
	color: var(--navy);
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.badge .code {
	font-size: 12.5px;
	color: var(--muted);
	font-weight: 600;
	
	margin-top: 2px;
}
.azure  .cnum {
	color: var(--azure);
}
.badge .cnum {
	font-size: 42px;
	font-weight: 800;
	line-height: 1;
	margin-top: 18px;
}
.badge .clabel {
	font-size: 12px;
	color: var(--muted);
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-top: 4px;
}
.aws .icon-main {
	border: 3px solid var(--aws);
}
.aws .badge::before {
	background: linear-gradient(90deg,#ff9900,#ffb84d);
}
.aws .stars {
	color: var(--aws);
}
.aws .level {
	background: var(--aws-soft);
	color: #b45309;
}
.aws .badge .cnum {
	color: #d97e00;
}
.gcp .badge::before {
	background: linear-gradient(90deg,#4285f4,#34a853);
}
.gcp .badge::before {
	background: linear-gradient(90deg,#4285f4,#34a853);
}
.gcp .level {
	background: var(--gcp-soft);
	color: var(--gcp);
}
.gcp .badge .cnum {
	color: var(--gcp);
}
.gcp .icon-main {
	border: 3px solid var(--gcp);
}
.ot-icon-list-wrapper .ot-icon-list-item.--inline-item {
	width: 40%;
}
.icon-box-s2:hover .content-box h5, .icon-box-s2:hover .content-box p {
	color: #000;
}
.shero1 .ot-heading span span {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: var(--indigo);
	margin-bottom: 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.shero1  .highlight {
	color: var(--indigo);
}

.shero1 .ot-heading span span::before {
	content: "";
	width: 26px;
	height: 2px;
	background: var(--indigo);
	border-radius: 2px;
}
.shero1 .ot-counter3 .icon-main {
    display: none !important;
    
}.shero1 .ot-counter3{
padding: 25px;
min-height: 170px;}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
.shield-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px}
  .shield-art svg{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 24px 50px rgba(79,70,229,.28))}
  .orbit{transform-origin:center;animation:spin 26s linear infinite}
  .orbit.rev{animation-direction:reverse;animation-duration:34s}
  .core-pulse{animation:pulse 3.4s ease-in-out infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}