@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
/* Heebo - The google font included below */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700;800;900&display=swap');
/* font-family: 'Heebo', sans-serif; */

/* Impected 2.0 font included */
@font-face {
  font-family: 'Impacted 2.0';
  src: url('../fonts/impected-2.0/Impacted20-Regular.eot');
  src: url('../fonts/impected-2.0/Impacted20-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/impected-2.0/Impacted20-Regular.woff2') format('woff2'),
      url('../fonts/impected-2.0/Impacted20-Regular.woff') format('woff'),
      url('../fonts/impected-2.0/Impacted20-Regular.ttf') format('truetype'),
      url('../fonts/impected-2.0/Impacted20-Regular.svg#Impacted20-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/********* Fonts Face CSS End **********/
/* common used variable as below */
:root{
    --black : #000;
    --theme-black : #434B56;
    --theme-dark-black : #16191D;
    --theme-light-blue : #305C9B;
    --theme-blue : #194A90;
    --theme-dark-blue : #0F2C56;
    --testimonial-blue : #123465;
    --testimonial-writer : #8CA5C8;
    --box-title-black : #2D3239;
    --square-box : #ECF4FD;
    --gray : #8D97A5;
    --dark-gray : #5A6472;
    --light-gray : #D1DBE9;
    --gray-line : #E2E5E9;
    --accordion-gray : #707D8F;
    --emp-bg-gray : #F1F6FE;
    --emp-data-border-gray : #E8EAED;
    --form-border : #C6CBD2;
    --white : #fff;
    --orange : #F47E20;
    --red : #B02633;
    --pink: #FEE2E4;
    --green : #39AE60;
    --form-field-text : #A9B1BC;
    --counter-bg : #F1F7FE;
    --award-detail-box-bg : #F2F7FD;
    ---file-bg: #EAF3FD;

}

/******* Common Element CSS Start ******/
*							  { margin: 0px; padding: 0px; box-sizing: border-box; }
html,body                   { font-size: 16px; line-height: 150%; }
body						{ font-family: 'Heebo', sans-serif; font-size:14px;}
.clear					{ clear:both;}
img							{ border: 0px; max-width: 100%;}
ul,ol						{ list-style: none; padding: 0; }
a							  { text-decoration: none; outline: none; transition-duration: 0.4s; }
a:focus, a:active,a:visited	{ outline: none; border: 0px;}
a:hover,
button:hover,
button          { transition-duration: 0.4s; }
h1,h2,h3,h4,h5,h6     { font-weight: 700; margin: 0; }
.title-1				    { font-size: 4.75rem; line-height: 121.053%; }
.title-2				    { font-size: 3.875rem; line-height: 122.58%; }
.title-3				    { font-size: 3rem; line-height: 120.83%; }
.title-4				    { font-size: 2.5rem; line-height: 120%; }
.title-5				    { font-size: 2rem; line-height: 125%; }
.title-6				    { font-size: 1.625rem; line-height: 123.077%; }
.big					        { font-size: 1.25rem; line-height: 140%; }
p                           { margin-bottom: 0; font-size: 1rem; line-height: 150%; }
.small                      { font-size: 14px; line-height: 142.857%; }
.common-padding             { padding-block: 5rem; }
.common-box-padding         { padding: 2.5rem; }
.common-inner-padding       { padding: 4rem; }
.common-top-border          { border-top: 2px solid var(--gray-line); }
.common-form-spacing .row   { --bs-gutter-x: 1.5rem;  1.875rem; }
.mb-80                      { margin-bottom: 5rem; }
.mb-40                      { margin-bottom: 2.5rem; }
.mb-30                      { margin-bottom: 1.875rem; }
.blue-text                  { color: var(--theme-blue); }
.orange-text                { color: var(--orange); }
.red-text                   { color: var(--red); }
.gray-text                  { color: var(--form-field-text); }
.impect-font                { font-family: 'Impacted 2.0'; }
.content-title              { margin-bottom: 1.5rem; }
/* button css starts */
a.theme-fill-btn,
.theme-fill-btn,
.theme-outline-btn          { border-radius: 0; display: inline-block; font-size: 1rem; line-height: 150%; text-transform: capitalize; padding: 0.75rem 1.25rem; }
a.theme-fill-btn:focus,a.theme-fill-btn:focus,a.theme-fill-btn:visited {  border: 2px solid transparent; }
.btn-close                  { opacity: 1; }
.btn-close:focus            { box-shadow: unset; }
.theme-fill-btn             { background-color: var(--theme-blue); color: var(--white); border: 2px solid transparent; }
.theme-fill-btn:hover       { background-color: var(--theme-dark-black); color: var(--white); }
.theme-outline-btn          { background-color: transparent; border: 2px solid var(--theme-blue); color: var(--theme-blue); }
.theme-outline-btn:hover    { background-color: var(--theme-blue); color: var(--white); border: 2px solid var(--theme-blue); }
.theme-outline-btn:focus    { border: 2px solid var(--theme-blue); }
.form-control:focus         { box-shadow: unset; border-color: var(--theme-blue); }
.underline-title > *        { position: relative; padding-bottom: 6px; color: var(--theme-blue); }
.underline-title > *::before{ position: absolute; content: ''; width: 4.75rem; left: 0; bottom: 0; height: 3px; background-color: var(--gray); }
/* button css ends */
/* ********** Slick dots css start ********* */
.slick-dots                 { padding: 0 4rem 0 0; margin: 0; position: absolute; bottom: 50%; right: 0; transform: translateY(-50%); }
.slick-dots li              { list-style: none; margin: 0 4px;}
.slick-dots li button       { margin: 0 4px; padding: 0; background-color: var(--light-gray) !important; border: 0; width: 10px; height: 10px; border-radius: 100%; font-size: 0;  }
.slick-dots li.slick-active button{ background-color: var(--theme-blue) !important;  }
/* ********** Slick dots css end ********* */
/* ~~~~~~~~~~~~~~~~ Common Form css starts ~~~~~~~~~~~~~~~~ */
.common-form-spacing .row   { --bs-gutter-y : 2rem }
.common-form-spacing label  { margin-bottom: 10px; font-size: 1rem; line-height: 150%; font-weight: 500; text-transform: capitalize; color: var(--dark-gray); }
.common-form-spacing .form-control { border-radius: unset; }
.common-form-spacing .form-control,
.common-form-spacing .input,
.common-form-spacing .form-select                     { border: 2px solid var(--form-border); color: var(--form-field-text); padding: 0.875rem 1rem; }
.common-form-spacing .form-control:focus,
.common-form-spacing input:focus,
.common-form-spacing .form-select:focus               { color: var(--theme-black); background-color: #fff; border-color: var(--dark-gray); outline: 0; box-shadow: unset; }
.common-form-spacing input.form-control::placeholder  { color: var(--form-field-text); opacity: 1; }
.common-form-spacing textarea         { resize: none; }
.common-form-spacing .form-control::placeholder       { color: var(--form-field-text); }
.common-form-spacing .form-check      { display: inline-flex; align-items: center; margin-bottom: 0; padding-left: 0; }
.common-form-spacing .form-check label { line-height: 100%; }

.common-form-spacing .styled-checkbox {
  position: absolute;
  opacity: 0;
  border: 2px solid var(--form-border);
}
.common-form-spacing  .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.common-form-spacing  .styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 2px solid var(--form-border);
}
.common-form-spacing  .styled-checkbox:hover + label:before {
  background: #f1f1f1;
}
.common-form-spacing  .styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.common-form-spacing  .styled-checkbox:checked + label:before {
  background: #194A90;
}
.common-form-spacing  .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.common-form-spacing  .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.common-form-spacing  .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.common-form-spacing  .styled-checkbox:focus { border: unset; }

/* For Edge */
.common-form-spacing input.form-control::-ms-input-placeholder { color: var(--form-field-text); }
.common-form-spacing .form-select option { background: transparent !important; }

/* -- Single Select Dropdown Start -- */
.single-select-dropdown-main .select2 { width:100% !important; border: 2px solid var(--form-border); }
.single-select-dropdown-main .select2-container--default .select2-selection--single   { border: unset; border-radius:4px; height:100%; padding: 0.97rem 1rem;  }
.single-select-dropdown-main .select2-selection--single .select2-selection__rendered  { font-family: 'Heebo', sans-serif; padding-left:0; padding-right:0; font-size:16px; line-height:20px; font-weight:400; color:var(--form-field-text); text-transform:capitalize; }
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow   { position: absolute; top: calc(50% - 4.7px); right: 1rem; width: 1.25rem; height: 0.625rem; transform-origin: center center;  -webkit-transform-origin: center center; border-width: 8px 8px 0; background: url('../images/down-arrow.svg') no-repeat center center / cover; transition-duration: 0.4s; }
.single-select-dropdown-main .select2-container--open .select2-selection--single .select2-selection__arrow      { transform: rotate(180deg) ; transition-duration: 0.4s; transform-origin: center center;  -webkit-transform-origin: center center;  }
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow b { display:none; }
.single-select-dropdown-main .select2-container--default.select2-container--open .select2-selection__arrow      { border-color: transparent transparent var(--black); border-width: 0 8px 8px; right: 1rem; }
.single-select-dropdown-main .select2-selection__rendered .selected-img-flag          { width:16px; height: 16px; object-fit: cover; object-position: center center; vertical-align:middle; margin-right: 5px; }
.single-select-dropdown-open-main.select2-dropdown { border-radius:4px; border-top-left-radius: 0; border-top-right-radius: 0;  border-top: none;}
.single-select-dropdown-open-main .select2-results__options   { border: 2px solid var(--form-border); border-top: 0; }
.single-select-dropdown-open-main .select2-results__options .select2-results__option  { font-family: 'Heebo', sans-serif; font-size:16px; line-height:20px; font-weight:500; color:var(--form-field-text); text-transform:capitalize; padding:10px 14px; }
.single-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--highlighted { background:var(--theme-blue); color: var(--white); }
.single-select-dropdown-open-main .select2-results__options .select2-results__option--selected { background:var(--theme-blue); color:var(--white); }
/* -- Single Select Dropdown End -- */

/* ~~~~~~~~~~~~~~~~ Common Form css ends ~~~~~~~~~~~~~~~~ */
/******* Common Element CSS End *********/

/******* Header Section CSS Start *******/
header						          { background-color: var(--white); border-bottom: 1px solid transparent; transition-duration: 0.4s;   }
header .navbar              { padding-block: 16px; max-width: 1246px; margin: 0 auto; }
header .navbar-toggler:focus{ box-shadow: unset; }
.navbar .navbar-brand       { padding: 0; margin: 0; }
.navbar-nav .nav-item:not(:last-child)       { margin-right: 1.875rem; }
.navbar-nav .nav-link       { text-transform: uppercase; padding: 0; color: var(--theme-black); transition-duration: 0.4s; font-weight: 400; font-size: 14px; line-height: 114.286%; }
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{ transition-duration: 0.4s; color: var(--theme-light-blue); }
.navbar-nav .nav-link.active{ font-weight: 700; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 0; }
.navbar-toggler             { width: 40px; height: auto; gap: 5px; display: flex; align-items: center; justify-content: space-between; flex-direction:column; }
.navbar-toggler .icon-bar   { display: inline-block; width: 100%; height: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: var(--theme-black); }
header.sticky-activated     { border-bottom: 1px solid var(--form-border); transition-duration: 0.4s; }
header.sticky-activated .navbar { padding-block: 0.875rem; transition-duration: 0.4s; }
/* ANIMATED cross */
.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
}
.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}
.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
}
.toggler-opened .icon-bar:nth-of-type(1) {
  transform: translate(0, 3px) rotate(-45deg);
	transform-origin: center center;
}
.toggler-opened .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.toggler-opened .icon-bar:nth-of-type(3) {
  transform: translate(0, -11px) rotate(45deg);
  /* opacity: 0; */
	transform-origin: center center;

}
.toggler-opened .icon-bar {
  width: 25px;
}
.navbar-collapse.show    { min-height: 600px; }
/* END ANIMATED cross */
/******* Header Section CSS End *********/

/******* Common Banner section CSS Start *******/
.common-title           { margin-bottom: 0.5rem; }
.breadcrumb-item .common-title    { margin-bottom: 0.5rem; }
.breadcrumb-item.active,
.breadcrumb-item a      { font-size: 1rem; line-height: 150%; }
.breadcrumb-item a      { color: var(--box-title-black); font-weight: 500;  }
.breadcrumb-item.active { color: var(--dark-gray); font-weight: 400; }
/******* Common Banner section CSS End *********/

/******* Middle section CSS Start ******/
/* ~~~~~~~~~~~~~~~~ employee section starts ~~~~~~~~~~~~~~~~ */
.employee-section .employee-data-wrap      { border-top: 2px solid var(--emp-data-border-gray); }
.row  { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
.employee-section .common-title { margin-bottom: 1.5rem; }
.employee-detail-wrap   { gap: 12px; background-color: var(--emp-bg-gray); padding: 1rem; transition-duration: 0.4s; }
.employee-detail-wrap:hover           { transition-duration: 0.4s; transform: translateY(-4px); }
.employee-detail-wrap .user-icon      { width: 2.375rem; height: 2.375rem;  padding: 2.34px; min-width: 2.375rem; }
.employee-detail-wrap .user-icon img  { width: 100%; }
.employee-section .employee-data-wrap > p,
.employee-section .employee-data-wrap > p a    { color: var(--dark-gray); }
.employee-section .employee-data-wrap > p      { font-weight: 500; text-transform: capitalize; }
.employee-section .employee-data-wrap > p a    { font-weight: 400; text-decoration: underline; text-transform: none; }
.employee-section .employee-data-wrap > p a:hover { color: var(--theme-dark-blue); }

.gis-social-icons, .employee-social-icons a { width: 40px; height: 40px; background: var(--theme-blue); border: 1px solid var(--theme-blue); border-radius: 50%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; transition-duration: 0.4s; }
.gis-social-icons:hover, .employee-social-icons a:hover { background: var(--white); border: 1px solid var(--theme-blue); transition-duration: 0.4s; }
.gis-social-icons svg, .employee-social-icons a svg { font-size: 16px; line-height: 1;  color: #fff !important; }
.gis-social-icons:hover svg, .employee-social-icons a:hover svg { color: var(--theme-blue) !important; }
/* ~~~~~~~~~~~~~~~~ employee section ends ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~ testimonial section starts ~~~~~~~~~~~~~~~~ */
.testimonial-section       { padding: 75px 0 45px; background-color: var(--testimonial-blue); }
.testimonial-wrap          { max-width: 678px; color: var(--white); position: relative; }
.testimonial-wrap::before,
.testimonial-wrap::after   { position: absolute; content: ''; }
.testimonial-wrap::before  { bottom: calc(100% + 0.5rem); left: 0; width: 3.125rem; height: 3.125rem; background: url(../images/top-quote-icon.svg) no-repeat center center / contain; }
.testimonial-wrap::after   { top: 35%; left: calc(100% + 1.125rem); height: 6.5rem; width: 6.5rem; background: url(../images/bottom-quote-icon.svg) no-repeat center center / contain; }
.testimonial-wrap .title-5 { margin-bottom: 0.5rem; text-transform: capitalize; }
.testimonial-wrap .small   { color: var(--testimonial-writer); }
/* ~~~~~~~~~~~~~~~~ testimonial section ends ~~~~~~~~~~~~~~~~ */
/******** Middle section CSS End *******/
/* ~~~~~~~~~~~~~~~~ event content section  css starts~~~~~~~~~~~~~~~~ */
.event-main-box       { border-top: 2px solid var(--gray-line); padding-top: 2.5rem; }
.event-list-wrap:not(:last-child) { margin-bottom: 2.5rem; }
.event-list-box             { background: var(--neutral-00, #FFF); box-shadow: 0px 32px 50px 0px rgba(212, 216, 221, 0.24); }
.event-list-box .row        { --bs-gutter-x: 2.75rem; }
.event-list-box .img-box    { padding-top: 57.26%; }
.img-box                    { position: relative; width: 100%; }
.img-box img                { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center center; }
.event-title-box .title-6   { margin-bottom: 1rem; }
/* EVENT INNER PAGE CSS STARTS */
.event-inner-text           { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 162.5%; text-transform: capitalize; color: var(--dark-gray); }
.event-inner-text p:not(:last-child)  { margin-bottom: 1rem; }
.event-detail-section .common-title   { margin-bottom: 1.5rem; }
/* ~~~~~~~~~~~~~~~~ event content section ends ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~ ******** award form page's css starts - HERCULES , ACHIEVERS & SETTER form css starts ******** ~~~~~~~~~~~~~~~~ */
.common-form-content .title-6         { margin-top: 10px; color: var(--theme-black); }
.form-banner-title-box button              { color: var(--theme-blue); border: unset; background-color: transparent; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 150%; text-decoration-line: underline; text-transform: capitalize; }
.form-banner-title-box button:hover        { color: var(--theme-dark-black); }
.terms-modal .modal-dialog  { max-width: 59.6%; }
.terms-modal .title-wrap    { padding-bottom: 1.5rem; border-bottom: 1px solid var(--form-border); }
.terms-modal ul             { padding-block: 1.5rem; display: flex; flex-wrap: wrap; flex-direction: column; gap: 1rem; }
.terms-modal ul li          { font-size: 1rem; line-height: 150%; color: var(--dark-gray); }
.terms-modal .modal-body > p.big { font-weight: 700; }
/* *****************$$$$$$$$$$$$@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@ */
#regForm {
  background-color: #ffffff;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

.common-form-section .tab                   { padding: 2.5rem 0; }
.common-form-section .tab
.regform  .form-header                      { border-bottom: 2px solid var(--gray-line); }
.regform  .form-header > div                { width: fit-content;  }
.regform  .all-steps                        { padding: 3.75rem 0; display: flex; flex-wrap: wrap; align-items: center; position: relative; gap: 3.75rem; justify-content: center; flex-direction: row;  }
.all-steps .step                            { position: relative; }
.all-steps .step.active ~ .step p.blue-text         { color: var(--form-border); }
.all-steps .step:not(:last-child)::before   { height: 2px; content: ''; position: absolute; background-color: var(--theme-blue); left: calc(50% + 1.5rem); top: 1.5rem; width: 100%; width: calc(11.25rem);  }
.all-steps .step.active ~ .step::before     { background-color: var(--form-border); }
.all-steps .step > div                      { gap: 0.875rem; }
.all-steps .step > div > *                  { font-weight: 500; }
.all-steps .step > div span:first-child     { transition-duration: 0.4s; position: relative; text-align: center; line-height: 3rem; border-radius: 2.813rem;  color: var(--white); background-color: var(--theme-blue); height: 3rem; width: 3rem; }
.all-steps .step.active ~ .step span:first-child          { transition-duration: 0.4s; background-color: var(--white); border: 2px solid var(--form-border); color: var(--form-border); }
.checkbox-wrapper { column-gap: 1.25rem; }
.form-check .form-check-input               { margin-left: -1.25rem; margin-top: 0.05rem; }
.form-check-input[type=checkbox]            { height: 1.25rem; width: 1.25rem; border-radius: 0; border: 2px solid var(--form-border); }
.common-form-spacing label.form-check-label { margin-left: 0.5rem; }
.common-form-spacing label { margin-left: 0; }
.common-form-spacing .form-check label { margin-bottom: 0 !important; }
.tab-subtitle     { margin-bottom: 1.25rem; font-weight: 500; color: var(--dark-gray); }
.agree-box        { margin-top: 5rem; }
.agree-box .form-check { padding-left: 10px; display: flex; flex-wrap: wrap; align-items: center; }
.agree-box label  { margin-left: 8px; text-transform: capitalize; }
/* .dz-clickable     { border: 2px dotted var(--theme-blue); background-color: var(---file-bg); padding: 2.5rem 0; }
.dz-message  img  { width: 3.5rem; margin: 0 auto 1.125rem; }
.dz-message > div { text-align: center; }
.dz-preview       { text-align: center; display: inline-flex; flex-wrap: wrap; align-items: center; flex-direction: column; }
.dz-image         { max-width: 3rem; }
.dz-error-message { display: none; } */
/* ~~~~~~~~~~~~~~~~ ******** award form page's css starts - HERCULES , ACHIEVERS & SETTER form css ends ******** ~~~~~~~~~~~~~~~~ */
/***** footer section CSS Start *******/
footer .footer-top							{ padding: 3.75rem 0 2.5rem; border-bottom: 1px solid var(--gray-line); }
footer .logo-wrap img { width: 130px; max-width: 100%; }
footer .social-wrap   { gap: 1rem; padding: 0; }
footer .social-wrap li a,.icon-box  { display: inline-flex; justify-content: center; align-items: center; text-align: center; border: 2px solid var(--theme-blue); line-height: 30px; width: 30px; height: 30px; background-color: var(--theme-blue); border-radius: 50%; }
footer .social-wrap li a svg,.icon-box svg { color: var(--white); transition-duration: 0.4s; }
footer .social-wrap li a:hover  { background-color: var(--white); transition-duration: 0.4s; }
footer .social-wrap li a:hover svg { color: var(--theme-blue); transition-duration: 0.4s; }
.footer-title-box       { margin-bottom: 1.875rem; }
.footer-link-wrap       { margin-bottom: 0; display: grid; column-gap: 2.5rem; column-count: 2; grid-template-columns: 1fr 2fr; }
.footer-link-wrap li a  { text-transform: capitalize; font-size: 1rem; line-height: 150%; color: var(--theme-black); }
.footer-link-wrap li a:hover,
.footer-link-wrap li.active a { color: var(--theme-blue); }
.footer-link-wrap li.active a { font-weight: 500; }
.footer-link-wrap li:first-child,
.footer-link-wrap li:nth-child(2) { margin-top: 0; }
.footer-link-wrap li    { margin-top: 0.75rem; }
.footer-contact-box:not(:last-child) { margin-bottom: 1.25rem; }
.footer-contact-box a   { align-items: center;  display: inline-flex; }
.footer-contact-box a,
.footer-address-box a   { gap: 1rem; font-size: 1rem; line-height: 150%; color: var(--theme-black); }
.footer-address-box a   { display: grid; align-items: flex-start; grid-template-columns: 30px 2fr; }
.footer-contact-wrap a:hover                  { color: var(--theme-blue); }
.footer-contact-box a:hover span.icon-box,.footer-address-box a:hover span.icon-box     { background-color: transparent; color: var(--theme-blue); }
.footer-contact-box a:hover span.icon-box svg,
.footer-address-box a:hover span.icon-box svg { color: var(--theme-blue); }
.footer-contact-wrap a:hover svg { transition-duration: 0.4s; }
.footer-contact-box a span.icon-box, .footer-address-box a span.icon-box { font-size: 14px; }
.copyright-box          { padding-block: 1.125rem; }
.copyright-box > *      { margin-bottom: 0; font-size: 12px; line-height: 133.333%; font-weight: 400; color: var(--theme-black); }
/****** footer section CSS End *******/


/* Responsive starts*/
/* min */
@media only screen and (min-width: 1400px) {
    .navbar .container-fluid    { padding: 0; }
    .container              {max-width: 1140px;}
  }
  /* max */
  @media only screen and (max-width: 1399px) {
    html,body 							{ font-size: 15px; }
    .title-1, h1 						{ font-size: 3.8rem; }
  }
  @media only screen and (max-width: 1199px) {
    html,body 							{ font-size: 14px; }
    header .navbar          { padding: 1rem 0.75rem; }
  }
  @media only screen and (max-width: 991px) {
    /* common css starts */
    html,body 							{ font-size: 14px; }
    .mb-80                      { margin-bottom: 3.5rem; }
    .mb-40                      { margin-bottom: 1.75rem; }
    .mb-30                      { margin-bottom: 1.375rem; }
    .common-padding             { padding-block: 3.5rem; }
    .common-inner-padding       { padding: 2rem; }
    h1,.title-1				    { font-size: 3.25rem; }
    h2,.title-2				    { font-size: 3rem; }
    h3,.title-3				    { font-size: 2.5rem; }
    h4,.title-4				    { font-size: 2rem; }
    h5,.title-5				    { font-size: 1.75rem; }
    h6,.title-6				    { font-size: 1.5rem; }
    /* .row > div:not(:last-child) { margin-bottom: 1.5rem; } */
    .row                        { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
    /* header css starts */
    .navbar-collapse        { padding-top: 1rem; padding-top: 1rem; position: fixed; top: 72px; left: 0; width: 100%; background: white; }
    .navbar-collapse .nav-item { text-align: center; }
    .navbar-collapse .nav-item:not(:last-child) { margin-right: 0; margin-bottom: 2rem; }
    .navbar-collapse ul.navbar-nav { padding-top: 2rem; height: calc(100vh - 72px); height: calc(100svh - 72px); }
    /* testimonial section css starts */
    .testimonial-wrap          { max-width: 70%; }
    .testimonial-wrap::before { width: 1.125rem; height: 1.125rem; }
    .testimonial-wrap::after  { width: 4.5rem; height: 4.5rem;}
    /* footer css starts */
    footer .footer-top      { padding: 2.75rem 0 1.5rem; }
    footer .row             { row-gap: 1rem; }
    .footer-link-wrap li    { margin-top: 0.5rem; }
    .footer-title-box       { margin-bottom: 1.5rem; }
    .footer-contact-box:not(:last-child) { margin-bottom: 1rem; }
    .footer-address-box a   { align-items: center; }
    /* common-form page css  */
    .terms-modal .modal-dialog  { max-width: unset; }
    .form-banner-title-box button { margin-top: 1rem; }
    /* Award Registration form css starts */
    .regform  .all-steps   { padding: 2.5rem 0; }
    .common-form-section .tab           { padding: 2rem 0; }
    .file-wrapper { min-height: 10rem; }
    .agree-box        { margin-top: 3.5rem; }
  }

  @media only screen and ( max-width: 767px) {
    html,body 							{ font-size: 14px; }
    .common-padding             { padding-block: 3rem; }
    .common-box-padding         { padding: 1.5rem; }
    .common-inner-padding       { padding: 1.5rem; }
    h1,.title-1				    { font-size: 3rem; }
    h2,.title-2				    { font-size: 2.75rem; }
    h3,.title-3				    { font-size: 2.25rem; }
    h4,.title-4				    { font-size: 1.75rem; }
    h5,.title-5				    { font-size: 1.5rem; }
    h6,.title-6				    { font-size: 1.25rem; }
    .small                      { font-size: 12px; }
    .big                        { font-size: 1.125rem; }
    header .navbar              { padding: 1rem 0; }
    /* testimonial section css starts */
    .testimonial-wrap           { max-width: 100%; }
    .testimonial-wrap::before   { width: 1.125rem; height: 1.125rem; }
    .testimonial-wrap::after    { width: 2.5rem; height: 2.5rem; top: 73%; left: 85%;}
    /* Event page - event content css starts */
    .event-main-box             { padding-top: 1.5rem; }
    .event-list-wrap:not(:last-child) { margin-bottom: 1.5rem; }
    /* Award Registration form css starts */
    .common-form-spacing .row   { --bs-gutter-y : 2rem }
     .regform  .all-steps       { padding: 2rem 0;  align-items: flex-start; flex-direction: column; }
    .all-steps .step > div      { flex-direction: row !important; }
    .all-steps .step:not(:last-child)::before { content: ''; position: absolute; background-color: var(--theme-blue); left: 1.5rem; top: 1.5rem; width: 2px; height: calc(3.5rem); }
    .common-form-section .tab           { padding: 1.5rem 0; }
    .checkbox-wrapper           { row-gap: 0.875rem; }
    .agree-box                  { margin-top: 3rem; }
    .regform .all-steps         { gap: 1.75rem; }

  }
  @media only screen and ( max-width: 575px){

  }