/*=========================================
  1.Calibraint website Variable declaration
    1.1 Color variables declaration
    1.2 Border-radius variables declaration
    1.3 Banner bg color decalaration
    1.4 Font family declaration
-------------------------------------------*/  

:root {
  /* Color variables declaration */
  --primary-100: #fb833d;
  --primary-40: rgba(251, 131, 61, 0.4);
  --primary-16: rgba(251, 131, 61, 0.16);
  --primary-15: rgba(251, 131, 61, 0.15);
  --primary-10: rgba(251, 131, 61, 0.1);
  --primary-08: rgba(251, 131, 61, 0.08);
  --primary-05: rgba(251, 131, 61, 0.05);
  --primary-04: rgba(251, 131, 61, 0.04);
  --primary-15: rgba(251,131,61,.15);

  --white-100: #ffffff;
  --white-85: rgba(255, 255, 255, 0.85);
  --white-65: rgba(255, 255, 255, 0.65);
  --white-60: rgba(255, 255, 255, 0.60);
  --white-55: rgba(255, 255, 255, 0.55);
  --white-45: rgba(255, 255, 255, 0.45);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-10: rgba(255, 255, 255, 0.1);

  --black-100: #000000;
  --black-100: #000;
  --black-85: rgba(0, 0, 0, 0.85);
  --black-65: rgba(0, 0, 0, 0.65);
  --black-55: rgba(0, 0, 0, 0.55);
  --black-45: rgba(0, 0, 0, 0.45);
  --black-36: rgba(0, 0, 0, 0.36);
  --black-20: rgba(0, 0, 0, 0.20);
  --black-25: rgba(0,0,0,.25);
  --black-15: rgba(0, 0, 0, 0.15);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-05: rgba(0, 0, 0, 0.05);
  --black-04: rgba(0, 0, 0, 0.04);
  --black-03: rgba(0, 0, 0, 0.03);

  --grey-black: #050a14;
  --grey-light-40: #3F424A;
  --grey-black-95: rgba(5, 10, 20, 0.95);
  --grey-black-90: rgba(5, 10, 20, 0.9);
  --grey-black-85: rgba(5, 10, 20, 0.85);
  --grey-black-03: rgba(5, 10, 20, 0.03);

  --grey-dark1: #323232;
  --grey-dark2: #2e2e2e;
  --grey-dark3: #3d3d3d;
  --grey-dark4: #050a14;
  --grey-dark-5: rgba(74, 74, 74, 0.80);
  --grey-dark-6: rgba(74, 74, 74, 0.10);
  --grey-dark-7: rgba(97, 97, 97, 0.34);
  --grey-dark-8: rgba(97, 97, 97, 0.1);
  --grey-dark-9: #4a4a4a;
  --grey-dark-10: #070f1e;
  --grey-dark-11: #2A2E37;
  --grey-dark-12: #272b34;

  --grey-light1: #868e96;
  --grey-light2: #646464;
  --grey-light3: rgba(#646464, 0.3);
  --grey-light4: rgba(169, 169, 169, 0.45);
  --grey-light5: #8F949A;
  --grey-light6: #1F2332;
  --grey-light7: rgba(69, 69, 69, 1);
  --grey-light8: rgba(176, 176, 176, 1);
  --grey-light9: rgba(246, 246, 246, 1);
	

  --dark-blue: #0074ff;
  --violet-light: rgba(101, 99, 255, 0.1);
    --orange-light: rgba(255, 155, 99, 0.1);
    --pink-light: rgba(255, 99, 211, 0.1);
    --green-light: rgba(66, 210, 43, 0.1);	
  --light-text-1: rgba(255,255,255,.85);
	--light-pink: rgba(251, 131, 61, 0.04);
	--light-daek-1: rgba(0,0,0,.1);

  --light-blue1: rgba(0, 116, 255, 0.05);
  --light-blue2: rgba(0, 116, 255, 0.15);
  --light-blue3: rgba(17, 167, 223, 0.05);
  --light-blue4: rgba(44, 125, 247, 0.1);

  --green: #00b333;
  --green-light1: rgba(0, 179, 51, 0.15);
  --green-light2: rgba(0, 179, 51, 0.05);
	
  --border-color: #dee2e6;
  --dark-orange: #fb833d;
  --list-box: #ffede2;
	
  --orange-1: #FB833D;
  --orange-bg: rgba(251, 131, 61, 0.192192);
  --orange-dark: rgba(242, 152, 145, 1);

  --red: #d0021b;
  --red-light: rgba(224, 8, 28, 0.05);
  --dark-red: #7b1010;

  --bg-primary: #fb833d1a;
  --border-primary: rgba(251,131,61,.4);
	
  --blue-bg: #0074ff0d;
  --blue-bg-1: rgba(0,116,255,.15);
	
  --green-bg: #00b3330d;
  --green-bg-1 :rgba(0,179,51,.15);
	
  /* new styles colors */
	  /* new styles colors */

	/* new */

  --grey-45: #f4f4e8;
  --grey-65: #323a49;
  --black-55: #181f2b;
  --dark-black-55: rgba(5, 10, 20, 0.1);
  --dark-black-60: rgba(255, 255, 255, 0.03);
  --dark-black-65: rgba(5, 10, 20, 0.05);
  --dark-black-75: rgba(5, 10, 20, 0.14);
  --grey-black-65: rgba(5, 10, 20, 0.65);
  --dark-black-04: rgba(5, 10, 20, 0.04);
  --dark-black-14:rgba(5, 10, 20, 0.12);


  /* Border-radius variables declaration*/
  --border-radius-2: 0.125rem;
  --border-radius-3: 0.187rem;
  --border-radius-4: 0.25rem;
  --border-radius-6: 0.375rem;
  --border-radius-10: 0.625rem;
  --border-radius-20: 1.25rem;
  --border-radius-50: 3.125rem;
  --border-radius-circle: 50%;

  /*Banner bg color decalaration*/
  --home-banner-color: linear-gradient(
    to bottom,
    #050b15 67%,
    hsl(301deg 88% 17%)
  );
  --home-banner-tooltip: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.14) 0%,
    rgb(85 85 85 / 14%) 90%
  );
  --service-banner-color: linear-gradient(
    119deg,
    rgba(5, 10, 20, 0.85),
    rgba(5, 10, 20, 0.95)
  );

  /* Font family declaration */
/*   --font-family: "PT Sans", sans-serif;  */
  --font-family: "Manrope", sans-serif;
  --font-manrope: "Manrope", sans-serif;
  --font-inter: "Inter", sans-serif;
	
	/* product page bg colors */
	--maxis-bot-product-bg: rgba(255, 189, 0, 0.1);	
	--maxis-crm-product-bg: rgba(0, 200, 81, 0.1);
	--tokan-product-calib-bg: rgba(46, 118, 244, 0.1);
	
	/* banner section colors  */
	--banner-case:linear-gradient(90deg, rgba(251, 131, 61, 0.08) 65%, rgba(5, 10, 20, 0.85) 60%);
	--banner-dispatch: linear-gradient(90deg, rgba(25, 68, 114, 0.08) 65%, rgba(63, 85, 109, 1) 60%);
	--banner-pricing: linear-gradient(90deg, rgba(34, 112, 61, 0.08) 65%, rgba(75, 158, 105, 1) 60%) ;
	--banner-ingame: linear-gradient(90deg, rgba(123, 53, 153, 0.08) 65%, rgba(123, 53, 153, 1) 60%) ;
	--banner-swaray: linear-gradient(90deg, rgba(123, 53, 153, 0.08) 65%,rgba(236, 81, 213, 1) 60%);
	--banner-iqi: linear-gradient(90deg, rgba(71, 78, 225, 0.08) 65%, rgba(40, 45, 141, 1) 60%);
	--banner-dispatch-mobile: rgba(25, 68, 114, 0.08);
	--banner-pricing-mobile: rgba(34, 112, 61, 0.08);
	--banner-ingame-mobile: rgba(123, 53, 153, 0.08);
	--banner-iqi-mobile: rgba(71, 78, 225, 0.08);
	
/* Request Form page */
 --request-main-bg: linear-gradient(138deg, rgba(5, 10, 20, 0.85), rgba(5, 10, 20, 0.95));
	
	
	/* blockchain colors */
	
	--blockchain-color-1: rgba(255, 255, 255, 0.75);
	--block-orange: linear-gradient(134deg, #b94400, #ff9f00 100%);
	--block-brown: rgba(251, 131, 61, 0.15);
	--light-grey-bg: rgba(243,247,254, 1);
	--employ-bg: #0b0b11;

	/* New footer css style here */

	 --new-footer-right-bg: #252831;
	 --new-footer-right-box: rgba(255, 255, 255, 0.08);	
	
	/* list colors */
	--list-bg-color: linear-gradient(106deg, rgba(5, 10, 20, 0.85), rgba(5, 10, 20, 0.95));
	
	--list-pricing-color: linear-gradient(90deg, rgba(34, 112, 61, 1) 0%, rgba(82, 179, 116, 1) 100%);
	--list-dispatch-color: linear-gradient(90deg, rgba(7, 19, 31, 1) 0%, rgba(25, 68, 114, 1) 100%);
	--list-sauce-color: linear-gradient(90deg, rgba(220, 94, 45, 1) 0%, rgba(251, 131, 61, 1) 100%);
	--list-ingame-color: linear-gradient(90deg, rgba(49, 1, 91, 1) 0%, rgba(123, 53, 153, 1) 100%);
	--list-iqi-color: linear-gradient(90deg, rgba(40, 45, 141, 1) 0%, rgba(71, 78, 225, 1) 100%);
	--list-market-color: #031221;
	--list-swary-color:  linear-gradient(89deg, #ED55CE 38.31%, #FF904D 99.38%);
	
	/* Header for Case Study */
	--header-grey-bg: linear-gradient(106deg,rgba(5,10,20,.85),rgba(5,10,20,.95));

  /* Smart Contracts Colors */
	--dark-sandal-linear: linear-gradient(100.97deg, rgba(252, 255, 119, 0.2) 0.98%, rgba(255, 125, 4, 0.2) 100%);
	--dark-pink-linear: linear-gradient(180deg, rgba(251, 131, 61, 0.21) 0%, rgba(255, 194, 0, 0.21) 100%);
	--dark-black-12: #121620;
	--dark-grey-ff: #F0F3FF;
	--dark-pink-06: rgba(254, 185, 0, 0.06);
		
 /* Exchange Platform */
	
	--grey-border-8c: #8C8C8C;
	--dark-black-09: rgba(0, 0, 0, 0.9);
	
	--faq-pink: linear-gradient(
		292deg,
		rgba(246, 187, 124, 0.32),
		rgba(251, 131, 61, 0.04)
	);
	
  /* New Page Colors */
	
	--text-tertiary: #5D5D5D;
	--ghost-white: #F5FAFF;

  /* header menu color  */

  --header-grey-bg: linear-gradient(
    106deg,
    rgba(5, 10, 20, 0.85),
    rgba(5, 10, 20, 0.95)
  );
}
/*contact us img */

.b-t-b-l-20{
    border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
} 

.b-t-b-r-20{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}