@import url('https://fonts.cdnfonts.com/css/futura-now-headline');
@import url('https://fonts.cdnfonts.com/css/grilledcheese-btn');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

@font-face {
  font-family: 'Fineday-StyleOne';
  src: url('../fonts/Fineday-StyleOne.woff2') format('woff2'),
      url('../fonts/Fineday-StyleOne.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Futura Now Headline', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  margin: 0;
  background-color: var(--color-bg);
}

:root {
  --text-color: #444;
  --color-secondary: #B9273B;
  --color-primary: #201C5A;
  --color-sky: #7EC9A8;
  --color-bg: #FBF8CE;
  --color-yellow: #FCEE21;
  --color-green: #6CB92E;
  --white-color: #fff;
  --color-black: #000;
  --font-fut: 'Futura Now Headline', sans-serif;
  --font-gri: 'GrilledCheese BTN', sans-serif;
  --font-fin: 'Fineday-StyleOne';
  --font-ant: "Antonio", sans-serif;
  --ease: all 400ms ease-in-out;
  --border-color: #d4d4d4;
}



h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-fut);
}

a {
  text-decoration: none !important;
  transition: all .4s ease-in-out;
  transition: var(--ease);
}

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



svg {
  vertical-align: -0.125em !important;
}

.mar-rl {
  margin: 0px 14px;
}

.mar-rl2 {
  margin: 0px 20px;
}

.pad-t {
  padding-top: 65px;
}

.pad-b {
  /* padding-bottom: 65px; */
}

.pad-t1 {
  padding-top: 50px;
}

.pad-b1 {
  padding-bottom: 50px;
}

.pad-t2 {
  padding-top: 30px;
}

.pad-b2 {
  padding-bottom: 30px;
}

.pad-t3 {
  padding-top: 15px;
}

.pad-b3 {
  padding-bottom: 15px;
}

.pad-t4 {
  padding-top: 10px;
}

.pad-b4 {
  padding-bottom: 10px;
}

.mar-t {
  margin-top: 65px;
}

.mar-b {
  margin-bottom: 65px;
}

.mar-t1 {
  margin-top: 50px;
}

.mar-b1 {
  margin-bottom: 50px;
}

.mar-t2 {
  margin-top: 30px;
}

.mar-b2 {
  margin-bottom: 30px;
}

.mar-t3 {
  margin-top: 15px;
}

.mar-b3 {
  margin-bottom: 15px;
}

.mar-t4 {
  margin-top: 10px;
}

.mar-b4 {
  margin-bottom: 10px;
}

/*********************** START NAVBAR ***********************/
.navbar-brand{
padding: 0px;
}
.contaissner-fluid {
  width: 1400px;
  margin: 0px auto;
}

section.main_navbar {
  border-bottom: 16px solid var(--color-primary);
}

.main_navbar .nav_logo img {
  width: 250px;
}

.main_navbar .main_nav img {
  width: 220px;
}

.main_navbar .main_nav .nav_link {
  font-weight: 950;
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 20px;
  padding-left: 16px;
  padding-right: 16px;
  /* filter: drop-shadow(0px 0px 0px var(--color-secondary));
  text-shadow: 0px 0px 0px var(--color-secondary); */
}

span.nav-top-text {
  font-size: 19px;

}

span.nav-down-text {
  font-size: 11px;
  letter-spacing: 1.5px;
}

.main_navbar #navbarNav {
  justify-content: end;
}

/*********************** END NAVBAR ***********************/
/*********************** START WELCOME PAGE ***********************/

.yard_center_width {

  width: 60%;
}

.yard_right_width {
  width: 28%;

}

.welcom_main .welcom_center {
  position: relative;
  background-color: var(--color-sky);
}

.welcom_main .welcome_content {
  width: 100%;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.welcom_main .left-side-bar {
  width: 10%;
  display: flex;
  flex-direction: column;
}

.welcom_admin {
  line-height: 12px;
}

.welcom_admin a {
  font-weight: 950;
  color: var(--color-primary);
  font-size: 12px;
}

.left-side-logo {
  width: 100%;
  /* text-align: center; */
}

.left-side-logo img {
  width: 100px;
}

.welcom_feat p {
  font-size: 24px;
  color: var(--color-secondary);
  font-weight: 700;
  margin: 0px;
  font-family: var(--font-fin);
}

ul.left-side-nav {
  padding-left: 1.3rem;
}

.left-side-nav li {
  position: relative;
  line-height: 0.8;
  padding: 9px 0px;
  font-size: 30px;
}

.left-side-nav li::before {
  content: "•";
  position: absolute;
  left: 0%;
  top: 40%;
  transform: translate(-100%, -50%);
  font-size: 65px;
  line-height: 1;
  color: var(--color-secondary);
}

.left-side-nav a {
  font-weight: 950;
  color: var(--color-primary);
}

.left-side-nav li:nth-child(2) {
  font-size: 34px;
}
.left-side-nav li:nth-child(3) {
  font-size: 23px;
}
.left-side-nav li:nth-child(4) {
  font-size: 28px;
}
.left-side-nav li:nth-child(5) {
  font-size: 24px;
}
.left-side-nav li:nth-child(6) {
  font-size: 18px;
}
span.li-span {
  font-size: 13px;
}

span.required {
  color: var(--color-secondary);
}

.don-lebal {
  /* position: absolute;
  top: 0px;
  left: 0px; */
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: var(--color-secondary);
  width: 255px;
  height: 95px;
  text-align: center;
  color: var(--color-bg);
}

.red-logo {
  width: 370px;
  position: absolute;
  top: 80px;
  left: 255px;
  transform: translate(-50px, -50px);
}

.red-logo img {
  width: 100%;
  height: 100%;
}

.don-lebal h3 {
  font-size: 40px;
  font-weight: 950;
  line-height: 0.9;
  margin: 0px;
}

span.don-lebal p {
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  font-family: var(--font-fin);
}

.welcom_center_logo {
  width: 140px;
  /* position: absolute;
  top: 8%;
  right: 3%;
  transform: translate(0%, -50%); */
  text-align: center;
  margin: 10px 16px 0px 0px;
}

.welcom_header {
  display: flex;
  justify-content: space-between;
}

.welcom_center_logo .welcom_admin a {
  font-size: 14px;
}

.trump-img {
  width: 100%;
}

.trump-img img {
  width: 300px;
  object-fit: fill;
}

.trump-img img.other-img {
  margin-left: 20px;
}

.welcom_main .welcom_img_section {
  display: flex;
  /* position: absolute; */
  /* width: 820px; */
  /* top: 0%; */
  /* right: 2%; */
  /* transform: translate(3%, 40%); */
  align-items: flex-end;
  margin: 15px -7px 0px -15px;
}

.trump-img-text h1,
.trump-img-text h2,
.trump-img-text h3 {
  font-family: var(--font-fut);
  font-weight: 950;
  text-transform: uppercase;
  color: var(--color-bg);
  margin: 0px;
  line-height: 0.95;
  text-align: center;
}

.trump-img-text h2 {
  font-size: 36px;
}

.trump-img-text h2 span {
  color: var(--color-primary);
}

.trump-img-text h1 {
  font-size: 42px;
}

.trump-img-text h1 span {
  color: var(--color-secondary);
}

.trump-img-text {
  background-image: url(../images/trump-2.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 148px;
}

.welcom_footer_content h4 {
  background-color: var(--color-primary);
  color: var(--color-bg);
  font-weight: 950;
  text-align: center;
  padding: 5px 45px;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 0.99;
}

.welcom_footer_content span {
  font-size: 16px;
}

.welcom_footer {
  position: relative;
}

.yard_footer .red-circle-lebal {
  width: 150px;
  height: 150px;
  transform: translate(-84%, -30%);
}

.red-circle-lebal {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(-84%, -30%);
  background-color: var(--color-secondary);
  width: 180px;
  height: 180px;
  border-radius: 100px;
  color: var(--color-bg);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.red-circle-lebal div {
  rotate: -20deg;
  width: 100%;
}

.red-circle-lebal h1 {
  text-transform: uppercase;
  line-height: 0.9;
  font-weight: 950;
  margin: 0px;
  font-size: 50px;
}

.red-circle-lebal p {
  margin: 0px;
  font-family: var(--font-fin);
}

.welcom_main_footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.welcom_main_footer h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 950;
  color: var(--color-primary);
  display: flex;
  margin: 0px;
  align-items: flex-end;
  letter-spacing: 1.2px;
}


.welcom_main_footer span.required {
  font-size: 35px;
  height: 23px;
}

.welcom_main_footer span {
  font-size: 12px;
  font-family: var(--font-ant);
  font-weight: 600;
}


.welcom_main .right-side-bar {
  /* width: 25%; */
  height: 100%;
  background-color: var(--color-secondary);
  text-align: center;
}

.right-side-bar ul {
  padding: 0px;
  margin: 0px;
}

.right-side-bar a {
  font-size: 42px;
  font-weight: 950;
  color: var(--color-bg);
  text-transform: uppercase;
  line-height: 0.6;
}

.right-side-bar span {
  font-size: 35px;
}

.right-side-bar li {
  padding: 60px 30px 0px 30px;
}

/*********************** END WELCOME PAGE ***********************/
/*********************** START YARD GARD PAGE ***********************/
.main_yard .welcom_center {
  background-color: var(--color-green);
}

.main_yard .yard-sign {
  text-align: center;
}

.main_yard .left-side-bar {
  text-align: center;
}

.main_yard .yard-sign h1,
.main_yard .yard-sign h2,
.main_yard .yard-sign h3,
.main_yard .yard-sign h5 {
  font-weight: 950;
  color: var(--color-primary);
  text-transform: uppercase;
  margin: 0px;
  line-height: 0.9;
}

.main_yard .yard-sign h1 {
  font-size: 34px;
}

.main_yard .yard-sign h2 {
  font-size: 28px;
}

.main_yard .yard-sign h3 {
  font-size: 23px;
}

.main_yard .yard-sign h5 {
  font-size: 16px;
  font-weight: 950;
}

.red-six h1,
.red-six h5 {
  text-transform: uppercase;
  font-weight: 950;
  color: var(--color-secondary);
  margin: 0px;
  line-height: 0.91;
}

.red-six h1 {
  font-size: 55px;
}

.red-six h5 {
  text-align: center;
  font-size: 23px;
}

.red-six h5 span:nth-child(1) {
  font-size: 16px;
}

.red-six h5 span:nth-child(2) {
  font-size: 22px;
}

.karen p {
  margin: 0px;
  font-family: var(--font-fin);
}

.karen p,
.karen span,
.karen h3 {
  color: var(--color-primary);
}

.karen h3 {
  font-size: 30px;
  letter-spacing: 1px;
}

.karen span {
  font-size: 16px;
}

.karen span,
.karen h3 {
  line-height: 0.5;
  text-transform: uppercase;
  font-weight: 950;
}

.campaign h3 {
  line-height: 0.85;
  margin-bottom: 4px;
  font-size: 1.60rem;
}

.campaign span:nth-child(1) {
  font-size: 20.5px;
  line-height: 0.1;
}

.campaign span:nth-child(3) {
  font-size: 19px;
  line-height: 0.1;
}

.campaign span,
.campaign h3 {
  color: var(--color-primary);
  font-weight: 950;
  text-transform: uppercase;
}

.campaign {
  line-height: 0.8;
}

.main_yard .don-lebal {
  background: var(--color-yellow);
  color: var(--color-primary);
}

.main_yard .don-lebal h3,
.main_yard .don-lebal p {
  color: var(--color-primary);
}

.main_yard .don-lebal h3 {
  font-size: 25px;
  width: 220px;
  margin: 0px auto;
}

.main_yard .jumblo-size p {
  margin: 0px;
  font-family: var(--font-fin);
  font-size: 20px;
}

.main_yard .jumblo-size span {
  color: var(--color-primary);
  font-weight: 950;
}

.main_yard .jumblo-size h2,
.main_yard .jumblo-size h4 {
  color: var(--color-secondary);
  font-weight: 950;
  text-transform: uppercase;
  margin: 0px;
  line-height: 0.9;
}

.jumblo-size {
  text-align: center;
  line-height: 1;
}

.main_yard .welcom_center_logo {
  margin: 15px 20px 0px 0px;
  z-index: 999;
}

.main_yard .red-logo {
  width: 400px;
  position: absolute;
  top: 70px;
  left: 285px;
  transform: translate(-50px, -50px);
}

.main_yard .welcom_img_section {
  margin: -140px 0px 0px 0px;
}

.main_yard_center .left-side-logo img {
  width: 140px;
}

.main_yard_img {
  width: 93%;
  margin-left: 7px;
}

.main_yard_img img {
  margin-bottom: -60px;
  width: 100%;
}


.main_yard .red-circle-lebal h4 {
  font-size: 20px;
}

.main_yard .red-circle-lebal h4,
.main_yard .red-circle-lebal h2 {
  font-weight: 950;
  text-transform: uppercase;
  line-height: 0.9;
  margin: 0px;
}

.yellow-circle-lebal {
  position: absolute;
  top: 10%;
  left: 0%;
  transform: translate(-10%, 50%);
  background-color: var(--color-yellow);
  width: 80px;
  height: 80px;
  border-radius: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.yellow-circle-lebal div {
  rotate: 10deg;
  width: 100%;
  line-height: 0.8;
}

.yellow-circle-lebal span {
  color: var(--color-secondary);
  font-weight: 950;
  text-transform: uppercase;
}

.yellow-circle-lebal span:nth-child(2) {
  font-size: 14px;
  line-height: 0.7;
}

.main_yard .welcom_footer_content h4 {
  padding: 10px 45px 15px 45px;
  font-size: 25px;
  line-height: 0.95;
}

.main_yard .welcom_main_footer {
  justify-content: end;
}


.main_yard .right-side-bar {
  background-color: var(--color-yellow);
}

.main_yard .yard-right h1 {
  font-size: 42px;
  font-weight: 950;
  color: var(--color-primary);
  text-transform: uppercase;
  line-height: 1;
}

.yard-right li {
  padding: 10px 30px 0px 30px;
}

.yard-right li:nth-child(4) {
  /* padding: 45px 0px 0px 0px; */
  margin-left: -10px;
  padding: 0;
  padding-top: 45px;
  margin-bottom: -10px;
}

.main_yard .yard-right li:nth-child(2) h2,
.main_yard .yard-right li:nth-child(2) h5 {
  font-weight: 950;
  color: var(--color-secondary);
  text-transform: uppercase;
  line-height: 0.9;
  margin: 0px;
}

.main_yard .yard-right li:nth-child(3) h2,
.main_yard .yard-right li:nth-child(3) h5 {
  font-weight: 950;
  color: var(--color-primary);
  text-transform: uppercase;
  line-height: 1;
  margin: 0px;
}

.main_yard .yard-right li:nth-child(3) h5 {
  font-size: 14px;
}

.main_yard .yard-right li:nth-child(4) {
  width: 405px;
}

.main_yard .yard-right li:nth-child(4) img {
  width: 100%;
}

/*********************** END YARD GARD PAGE ***********************/
/*********************** START BUBBLE GUM PAGE ***********************/

.page-layout {
  width: 98%;
  margin: 0px auto;
}

.bubble-main .page-layout-left {
  padding: 73px 0px;
}

.page-layout-left {
  background: var(--color-yellow);
}

.page-layout-right {
  background: var(--color-primary);
  height: 97%;
}

.bubble-img {
  width: 100%;
  text-align: center;
}

.bubble-img img {
  width: 640px;
}

.bubble-content {
  text-align: center;
  text-transform: uppercase;
}

.bubble-content p {
  color: var(--color-black);
  font-weight: 900;
  letter-spacing: 4px;
  margin: 10px 0px 22px 0px;
}

.bubble-content h1 {
  color: var(--color-secondary);
  font-weight: 950;
  letter-spacing: 2px;
}

.bubble-content h4 {
  font-weight: 900;
  color: var(--color-secondary);
  letter-spacing: 5px;
}

.bubble-right-content {
  text-align: center;
  padding: 6px 16px 6px 16px;
}

.bubble-right-content .top p {
  color: var(--color-secondary);
  font-size: 46px;
  font-family: var(--font-fin);
  margin: 0px;
}

.bubble-right-content .top h1,
.bubble-right-content .top h2 {
  line-height: 0.9;
  margin: 0px;
  color: var(--color-bg);
  font-weight: 950;
  text-transform: uppercase;
}

.bubble-right-content .top h1 {
  font-size: 56px;
}

.bubble-right-content .top h2 {
  font-size: 40px;
}

.bubble-right-content .bottom h3 span {
  font-size: 50px;
  display: inline-block;
  line-height: 0;
}

.bubble-right-content .bottom h3 {
  color: var(--color-bg);
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
}

.bubble-right-content .bottom p {
  color: var(--color-secondary);
  font-size: 46px;
  font-family: var(--font-fin);
  margin: 0px;
}

.page-layout .welcom_main_footer {
  justify-content: end;
}

/*********************** END BUBBLE GUM PAGE ***********************/
/*********************** START ABOUT US PAGE ***********************/
.about-main-img {
  width: 30%;
}

.about-main-content {
  width: 70%;
}

.about-img {
  width: 100%;
}

.about-img img {
  width: 95%;
  margin-left: 5px;
}

.about-content h1,
.about-content h2 {
  font-weight: 950;
  text-transform: uppercase;
  line-height: .95;
}

.about-content h1 {
  margin: 0px 0px 0px 120px;
  font-size: 60px;
  color: var(--color-primary);
}

.about-content h2:nth-child(2) {
  margin: 0px 0px 0px 200px;
  color: var(--color-primary);
  font-size: 35px;
}

.about-content h2:nth-child(3) {
  margin: 0px 0px 0px 240px;
  color: var(--color-secondary);
  font-size: 33px;
}

.about-img-text {
  font-weight: 950;
  font-size: 17px;
  color: var(--color-black);
  margin-right: 70px;
  line-height: 1.44;
}

.about-footer-logo img {
  width: 120px;
  object-fit: contain;
}

.about-footer-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.about-footer-logo h5 {
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: 950;
  font-size: 16px;
  margin: 0px;
  line-height: .6;
}

.about-footer-logo p {
  font-size: 12px;
  font-weight: 900;
  font-family: var(--font-ant);
  margin: 0px;
}

.about-footer-logo p span {
  font-size: 14px;
  font-weight: 900;
  font-family: var(--font-fut);
  text-transform: lowercase;
  color: var(--color-primary);
}

.about-main .about-footer-lebal {
  padding-bottom: 1px;
}

.about-footer-lebal h3 {
  background: var(--color-secondary);
  color: var(--white-color);
  font-weight: 950;
  text-transform: uppercase;
  padding: 20px 0px;
  text-align: center;
  margin-top: -14px;
  z-index: 999;
  position: sticky;
}

.about-main .page-layout-right {
  background: var(--white-color);
  height: 100%;
}

.about-main .bubble-right-content {
  position: relative;
  height: 100%;
  padding: 0px;
}

.about-main .bubble-right-content .row {
  height: 100%;
}

.about-main .left {
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  width: 100%;
  height: 100%;
  background-color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about-main .bubble-right-content .the {
  font-size: 60px;
  font-weight: 600;
  font-family: var(--font-fin);
  color: var(--color-primary);
  z-index: 99;
  position: absolute;
  top: 20px;
  left: 30px;
  transform: translate(0px, 50px);
}

.about-main .left .blogo {
  width: 45px;
  height: 45px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary);
  margin-top: 12px;
  margin-left: 14px;
}

.about-main .left h1 {
  font-weight: 950;
  color: var(--color-bg);
  font-size: 30px;
}

.about-main .right {
  text-align: start;
}

.about-main .right h5:nth-child(1) {
  font-weight: 950;
  text-transform: uppercase;
  color: var(--color-primary);
}

.about-main .right h5:nth-child(2) {
  font-weight: 900;
  font-size: 21px;
  color: var(--color-primary);
}

.about-right-logo {
  width: 100%;
}

.about-right-logo img {
  width: 70%;
  margin-left: 10px;
}

.about-footer-logo2{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-primary);
  padding: 0px 12px;
  margin-top: 25px;
}

.about-logo2-img {
  width: 250px;
}
.about-logo2-img img {
  width: 100%;
}

.about-man-img {
  width: 150px;
  margin: -25px 0px;
}
.about-man-img img {
  width: 100%;
}

.about-footer-lebal .about-footer-logo{
  justify-content: center;
  margin: 15px 0;
}

/*********************** END ABOUT US PAGE ***********************/