/* CSS Document */
*,::after,::before{ margin: 0; padding: 0;}

:root{
  --primary-font:"Poppins", sans-serif;
  --secondary-font:"Playfair Display", serif;

  --primary-gradient:linear-gradient(62deg, rgb(0,18,60) 0%, rgb(32,67,144) 100%);
  --primary-color:#012779;
  --secondary-color:#ffd700;
  --dark-color:#000000;
  --light-color:#ffffff;

--usg-font-size-16: clamp(14px, 0.833vw, 16px);
--usg-font-size-18: clamp(14px, 0.938vw, 18px);
--usg-font-size-20: clamp(14px, 1.042vw, 20px);
--usg-font-size-24:clamp(17px, 1.250vw, 24px);
--usg-font-size-26: clamp(18px, 1.354vw, 26px);
--usg-font-size-30: clamp(21px, 1.563vw, 30px);
--usg-font-size-40: clamp(20px, 2.083vw, 40px);
--usg-font-size-50: clamp(25px, 2.604vw, 50px);
--usg-font-size-100: clamp(30px, 5.208vw, 100px);

}

.row{--bs-gutter-y:24px;}


/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff;  font-family: var(--primary-font); font-size: var(--usg-font-size-16);}
a{ outline:none; text-decoration:none; display: inline-block;}
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1300px) { 
	.container{ max-width:1323px;}
}

h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0;}

/* accessibility  focus*/
:focus-visible {outline: 3px solid red;outline-offset: 2px;}
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid red; outline-offset: 3px; border-radius: 4px; }



/* srdev-icon svg controll*/
.srdev-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}
 

[class^="primary-btn"]{ font-size:var(--usg-font-size-18); font-weight:500; background:var(--secondary-color); color:var(--primary-color); padding:clamp(14px, 1.042vw, 20px) clamp(13px, 1.302vw, 25px); border-radius:100px; display:inline-flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; transition:all .35s ease;}
[class^="primary-btn"] i, [class^="primary-btn"] svg{ transition:all .35s ease;}
.primary-btn-2{ background:var(--primary-color); color:var(--light-color);}
.primary-btn-2 svg{ fill:var(--secondary-color);}
.primary-btn:hover{ background:var(--primary-color); color:var(--secondary-color); transform:translateY(-3px); box-shadow:0 12px 28px rgba(1, 39, 121, .25);}
.primary-btn:hover i, .primary-btn:hover svg{ color:var(--secondary-color); fill:var(--secondary-color); transform:translateX(5px);}
.primary-btn-2:hover{ background:var(--secondary-color); color:var(--primary-color); transform:translateY(-3px); box-shadow:0 12px 28px rgba(255, 215, 0, .35);}
.primary-btn-2:hover svg{ fill:var(--primary-color); transform:translateX(5px);}
.primary-btn:active, .primary-btn-2:active{ transform:translateY(0);}

.sub-title{ font-size: var(--usg-font-size-20); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: clamp(14px, 1.042vw, 20px);}
.title{ font-size: var(--usg-font-size-50); font-weight: 700; margin-bottom: clamp(15px, 1.563vw, 30px); font-family: var(--secondary-font); line-height: 1.14;}

.img-fluid-cover{ height: 100%; width: 100%; object-fit: cover;}

.wpcf7-spinner{ position: absolute;}