/*
Theme Name: 	Oitech Child
TEst1
Theme URI: 		http://thememascot.net
Description: 	Technology & IT Solutions WordPress Theme. You can get more themes from here: https://themeforest.net/user/thememascot/portfolio
Author: 		ThemeMascot Team
Author URI: 	http://themeforest.net/user/thememascot
Version: 		7.0
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	oitech-child
Template: 		oitech
*/
 /*
 Theme Name: Oitech Child
 Template: oitech
*/

/* ---------- GLOBAL TOKENS ---------- */
:root{
  /* Colors — replace with your real brand HEX */
  --color-primary: #0F6CBD;
  --color-secondary: #111827;     /* main text */
  --color-accent: #F59E0B;
  --color-muted: #6B7280;
  --color-bg: #ffffff;

  /* Fonts (weights: Roboto 300/400/500/700, Source Serif Pro 400/600) */
  --font-roboto: "Roboto", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
/*   --font-serif: "Source Serif Pro", Georgia, serif; */
	--font-serif: "Source Serif Pro", Georgia, serif;

/* 	--font-serif: 	"Source Serif 4", Sans-serif; */
	
 --body-font:18px;

  /* Line heights */
  --lh-body: 1.6;
  --lh-tight: 1.25;

  /* PT→PX map (1pt = 1.3333px @96dpi) */
	
  --px-36: 48px;          /* 36pt */
  --px-24: 35px;          /* 24pt */
  --px-18: 24px;          /* 18pt */
  --px-16: 28px;      /* 16pt */
  --px-14: 18.667px;      /* 14pt */
  --px-13: 17.333px;      /* 13pt */
  --px-12: 16px;          /* 12pt */
  --px-15: 18px;          /* 12pt */
	
  --px-17: 18px;          /* 12pt */
	
  --px-11: 14.667px;      /* 11pt */
  --px-10: 13.333px;      /* 10pt */
  --px-9: 12px;           /* 9pt */
  --px-8: 10.667px;       /* 8pt */
  --px-7: 9.333px;        /* 7pt */
}

/* ---------- BASE ---------- */
html{ font-size: 100%; }
body{
  font-family: var(--font-roboto);
  font-size: var(--body-font) !important;            /* default body 12pt→16px (can change) */

  line-height: var(--lh-body);
  color: var(--color-secondary);
  background: var(--color-bg);
}

a{ color: var(--color-primary); }
a:hover{ color: var(--color-accent); }

/* Buttons */
.button, button, .wp-element-button, .elementor-button{
  background: var(--color-primary);
  color: #fff;
  border-radius: 6px;
}
.button:hover, button:hover, .wp-element-button:hover, .elementor-button:hover{
  background: var(--color-accent);
}

/* Form fields */
input, select, textarea{
  border: 1px solid var(--color-muted);
  border-radius: 6px;
}

/* ---------- HEADINGS (default mappings) ---------- */
/* H1 — Source Serif Pro Semibold 36pt */
h1, .h1{
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: var(--px-36);
  line-height: var(--lh-tight);
}

/* H2 (Default Option 1) — Source Serif Pro Semibold 24pt */
h2, .h2{
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: var(--px-24);
  line-height: var(--lh-tight);
}
/* H2 Option 2 — Roboto Medium 24pt */
.h2--roboto{
  font-family: var(--font-roboto) !important;
  font-weight: 500 !important;
  font-size: var(--px-24) !important;
}

/* H3 (Default) — Roboto Medium 16pt */
h3, .h3{
  font-family: var(--font-roboto);
  font-weight: 500;
  font-size: var(--px-16);
  line-height: var(--lh-tight);
}
/* H3 Option — Source Serif Pro Semibold 16pt */
.h3--serif{
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  font-size: var(--px-16) !important;
}

/* H4 (Default) — Roboto Medium 12pt */
h4, .h4{
  font-family: var(--font-roboto);
  font-weight: 500;
  font-size: var(--px-12);
  line-height: var(--lh-tight);
}
/* H4 Option — Source Serif Pro Semibold 16pt (bold) */
.h4--serif-bold{
/*   font-family: var(--font-serif) !important; */
	 font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  font-size: var(--px-16) !important;
}

/* H5 — Roboto Medium 12pt */
h5, .h5{
  font-family: var(--font-roboto);
  font-weight: 500;
  font-size: var(--px-12);
  line-height: var(--lh-tight);
}

/* H6 (Default) — Roboto Regular 10pt */
h6, .h6{
  font-family: var(--font-roboto);
  font-weight: 400;
  font-size: var(--px-10);
  line-height: var(--lh-tight);
}
/* H6 Light 9pt */
.h6--light{ font-weight: 300 !important; font-size: var(--px-9) !important; }
/* H6 Bold 9pt */
.h6--bold{ font-weight: 700 !important; font-size: var(--px-9) !important; }
/* H6 Medium 9pt */
.h6--medium{ font-weight: 500 !important; font-size: var(--px-9) !important; }

/* ---------- SPECIAL TEXT TYPES ---------- */
/* Quotes */
.text-quote-1{ font-family: var(--font-serif); font-weight: 400; font-size: var(--px-18); }
.text-quote-2{ font-family: var(--font-serif); font-weight: 600; font-size: var(--px-14); }
.text-quote-3{ font-family: var(--font-serif); font-weight: 600; font-size: var(--px-10); }

/* Landing page snippets */
.text-landing-13{ font-family: var(--font-serif); font-weight: 400; font-size: var(--px-13); }
.text-landing-11{ font-family: var(--font-serif); font-weight: 400; font-size: var(--px-11); }

/* Lists */
.list-regular{ font-family: var(--font-serif); font-weight: 400; font-size: var(--px-8); }
.list-semibold{ font-family: var(--font-serif); font-weight: 600; font-size: var(--px-8); }

/* Box Text */
.box-text{ font-family: var(--font-roboto); font-weight: 400; font-size: var(--px-7); }

/* Dates & Places */
.date-place{ font-family: var(--font-roboto); font-weight: 300; font-size: var(--px-8); }

/* Helpful spacing for Elementor widgets */
.elementor-widget{ margin-bottom: 1rem; }
/* Make Mascot's Section Title widget inherit your defaults */
.elementor .tm-sc-section-title .title,
.elementor .tm-sc-section-title .subtitle,
.elementor .tm-ele-section-title .title,
.elementor .tm-ele-section-title .subtitle {
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Then apply your brand defaults explicitly, matching your spec */
.elementor .tm-sc-section-title .title,
.elementor .tm-ele-section-title .title {
  /* This is your H3 spec */
  font-family: "Source Serif 4","Source Serif Pro", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 52px !important; /* 16pt */
  line-height: 1.25 !important;
}

.elementor .tm-sc-section-title .subtitle,
.elementor .tm-ele-section-title .subtitle {
  /* This is your H6 default */
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important; /* 10pt */
  line-height: 1.25 !important;
}
.elementor .tm-sc-section-title .title2,
.elementor .tm-ele-section-title .title2 {
  /* This is your H3 spec */
  font-family: "Source Serif 4","Source Serif Pro", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 25px !important; /* 16pt */
  line-height: 1.25 !important;
	color:green !important;
}
.elementor .icon-text .icon-box-title  {
/* 	font-family: "Source Serif 4","Source Serif Pro", Georgia, serif !important; */
	font-family: Roboto !important;
  
  font-weight: 600 !important;
  font-size: 22px !important; 
  line-height: 1.25 !important;
	
}

.btn{
	font-size: 16px !important;
}
#herosection{
	left:0!important;
}
/* .entry-title,
.entry-title a {
  font-family: "Source Serif 4", "Source Serif Pro", serif !important;
	
} */
/* 1) (optional) ensure vars exist on live */
/* .elementor-kit-16{
  --e-global-typography-7667b33-font-family: "Source Serif 4";
  --e-global-typography-7667b33-font-weight: 700;
} */

/* 2) Blog/card titles – hit both the H* and the A (anchor usually wins) */
/* .elementor-kit-16 .entry-title,
.elementor-kit-16 .entry-title a{
  font-family: var(--e-global-typography-7667b33-font-family, "Source Serif 4"), serif;
  font-weight: var(--e-global-typography-7667b33-font-weight, 700);
} */

/* 3) If a template rule is still stronger, use a slightly higher specificity (no !important) */
/* .elementor-kit-16 .elementor .elementor .entry-title a{
  font-family: var(--e-global-typography-7667b33-font-family, "Source Serif 4"), serif;
} */
/* 3) If a template rule is still stronger, use a slightly higher specificity (no !important) */
/* .elementor-kit-16 .elementor .elementor .entry-title {
  font-family: var(--e-global-typography-7667b33-font-family, "Source Serif 4"), serif;
} */


/* Mobile Landscape (≤800px) */
@media (max-width: 800px) {
  body { font-size: 16px !important; }
  h1, .h1 { font-size: 28px !important; }
  h2, .h2, .h2--roboto { font-size: 22px !important; }
  h3, .h3, .h3--serif { font-size: 18px !important; }
  .elementor .tm-sc-section-title .title { font-size: 32px !important; }
  .elementor .tm-sc-section-title .title2 { font-size: 20px !important; }
  .elementor .icon-text .icon-box-title { font-size: 18px !important; }
  .btn, .elementor-button { font-size: 14px !important; padding: 14px 24px !important; }
	#mobile-topbar{
		position:fixed;
	}
	#herosection{
		padding-top:65px;
	}
	#intro{padding: 2px 0px 1px 0px;}
	#whatweoffer{
		padding: 4px 0px 2px 0px;
	}
	#startup{padding: 4px 0px 2px 0px;}
	#eligibility{padding: 4px 0px 2px 0px;}

	#blog{padding: 4px 0px 2px 0px;}
	#ourvaluesm{padding: 4px 0px 2px 0px;}
#partnerlogos{padding: 4px 0px 2px 0px;}
	.icon-box.iconbox-centered-in-responsive-mobile{
    text-align: left !important;
  }
}
/* ===== Mobile top bar ===== */
.blog-skin-style3 .entry-content .entry-date time{
	
	background: #128277 !important;
}
@media (max-width:767.98px){
  .elementor-13108 .elementor-element.elementor-element-6170244{
    justify-content:flex-start !important; /* column */
  }
}
/* Make the text block fill the row */
.icon-box.icon-left .icon-text {
  width: 100%;
}

/* Small arrow-only button */
.arrorbox{
  display: inline-flex;                  /* center the icon */
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 1;
  color: inherit;                        /* take parent color */
  background: transparent;               /* or your bg */
  border: 0;
}

/* Inject arrow and rotate it */
.arrorbox::before{
  content: "→";                          /* text arrow */
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  transform: rotate(330deg);             /* = -30deg; change as needed */
  transform-origin: 50% 50%;
}
/* Hide the CF7 response bar entirely */
/* .wpcf7 form .wpcf7-response-output{
  display:none !important;
} */
.wpcf7-form .wpcf7-response-output{
/* 	display:none !important; */
}
.pageparagraph{
	font-size:(--px-17);
	font-family: Roboto;
  font-weight: 400;
	line-height:1.9 !important;
	color:#000;
}
.pageparagraphw{
	font-size:(--px-17);
	font-family: Roboto;
  font-weight: 400;
	line-height:1.9 !important;
	color:#fff;
}
.orangebold{
	color: #F77F00;
  font-weight: bold;
font-size:(--px-17);
	font-family: Roboto;
}
.boldteel{
color: #128277;
  font-weight: bold;
font-size:(--px-17);
	font-family: Roboto;
}
.listpoints{
		color: #000;
  font-weight: 400;
font-size:(--px-17);
	font-family: Roboto;
	
}
.listpointsw{
		color: #fff;
  font-weight: 400;
font-size:(--px-17);
	font-family: Roboto;
	
}
.boldwhite{
color: #fff;
  font-weight: bold;
font-size:(--px-17);
	font-family: Roboto;
}
.boldbgteel{
	background-color:#128277;
	color: #fff;
  font-weight: bold;
font-size:(--px-17);
	font-family: Roboto;
	padding: 4px 9px;
  border-radius: 3px;
}
.boldbgorange{
	background-color:#FD9132;
	color: #fff;
   font-weight: bold;
    font-size:(--px-17);
	font-family: Roboto;
	padding: 4px 9px;
  border-radius: 3px;
}

.boldbgteel{
	background-color:#24958a;
	color: #fff;
   font-weight: bold;
    font-size:(--px-17);
	font-family: Roboto;
	padding: 4px 9px;
  border-radius: 3px;
}