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

:root{
  --primary-font:"Inter", sans-serif;
  --secondary-font:"Fraunces", serif;
  --tertiary-font:"Poppins", sans-serif;

  --dark-color:#060606;
  --dark-color-1:#121212;
  --dark-color-2:#828282;
  --dark-color-3:#FAFAFA;
  --light-color:#FFFFFF;
  --blue-color:#1789EA;
  --ash-color:#F1F0F0;

  --ugc-font-size-15: clamp(14px, 0.781vw, 15px);
  --ugc-font-size-16: clamp(14px, 0.833vw, 16px);
  --ugc-font-size-18: clamp(14px, 0.938vw, 18px);
  --ugc-font-size-20: clamp(14px, 1.042vw, 20px);
  --ugc-font-size-21: clamp(15px, 1.094vw, 21px);
  --ugc-font-size-24: clamp(17px, 1.250vw, 24px);
  --ugc-font-size-25: clamp(18px, 1.302vw, 25px);
  --ugc-font-size-22: clamp(15px, 1.146vw, 22px);
  --ugc-font-size-28: clamp(18px, 1.458vw, 27px);
  --ugc-font-size-30: clamp(21px, 1.563vw, 30px);
  --ugc-font-size-32: clamp(22px, 1.667vw, 32px);
  --ugc-font-size-35: clamp(21px, 1.823vw, 35px);
  --ugc-font-size-40: clamp(24px, 2.083vw, 40px);
  --ugc-font-size-55: clamp(33px, 2.865vw, 55px);
  --ugc-font-size-62: clamp(31px, 3.229vw, 62px);
  --ugc-font-size-65: clamp(33px, 3.385vw, 65px);
  --ugc-font-size-70: clamp(35px, 3.646vw, 70px);
  --ugc-font-size-93: clamp(47px, 4.844vw, 93px);
}


/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff; font-family: var(--primary-font); overflow-x: hidden;}
a{ outline:none; text-decoration:none; display: inline-block; color: var(--dark-color);}
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1300px) { 
	.container{ max-width:1600px; padding-left:30px; padding-right:30px; }
  
}

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


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



/* srdev-icon svg controll*/
.srdev-icon {
  width: clamp(17px, 1.250vw, 24px);
  height: clamp(17px, 1.250vw, 24px);
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}

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