/* custom fonts, colors and background */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');  
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: 'evelethw03-cleanregularRg';
    src: url('../fonts/eveleth_w03_clean_regular-webfont.woff2') format('woff2'), url('../fonts/eveleth_w03_clean_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'evelethw03-cleanregularRg';
    src: url('../fonts/eveleth_w03_clean_regular-webfont.woff2') format('woff2'), url('../fonts/eveleth_w03_clean_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'evelethslantw01-regularRg';
    src: url('../fonts/eveleth_slant_w01_regular-webfont.woff2') format('woff2'),
            url('../fonts/eveleth_slant_w01_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
:root {
  --primary-color: #f99728;
  --secondary-color: #ef3133;
  --text-color: #4a4a4c;
  --xxs-font: 0.775rem;
  --xs-font: 0.875rem;
  --sm-font: 1rem;
  --md-font: 1.2rem;
  --lg-font: 2rem;
  --xl-font: 2.5rem;
  --xxl-font: 2.8rem;
  --body-font:"Montserrat", sans-serif;
  --custom-font:"evelethslantw01-regularRg"
}

body{ font-family: var( --body-font)!important; font-size: var(--xs-font); overflow-x: hidden !important; position: static; top: 0 !important; background-color: #f3f3f3}
a{color:inherit; text-decoration: none;}
/* typography */
.text-xxs{font-size: var(--xxs-font);}
.text-xs{font-size: var(--xs-font);}
.text-sm{font-size: var(--sm-font);}
.text-md{font-size: var(--md-font);}
.text-lg{font-size: var(--lg-font);}
.text-xl{font-size: var(--xl-font);}
.custom-font{ font-family: var(--custom-font)!important; }
/* background color start */
.bg-primary-color{background-color: var(--primary-color);}
.bg-primary-color.bg-opacity-25{background-color: #c7a150;}
.bg-primary-dark{background-color: #c7a150;}
.bg-secondary-color{background-color: var(--secondary-color);}
.bg-gradient-color { background: linear-gradient( 325deg,var(--primary-color) 30%, var(--secondary-color) 50%);}
/* .bg-gradient-color{background: radial-gradient(circle at 10% 0%, var(--primary-color), var(--secondary-color));} */
/* background color end */
/* color start */
.text-primary-color{color: var(--primary-color)!important;}
.text-secondary-color{color: var(--secondary-color) !important;}
.text-primary-dark-color{ color: #d4980d; }
/* color end */
/* border start */
.border-primary-color{ border-color: var(--primary-color) !important;}
/* button start */
.primary-button{
  border: none;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  transition: 0.5s;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.primary-button::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: var(--secondary-color);
  transition: all 0.5s ease-in-out;
}
.primary-button:hover:after { left: 0; width: 100%;}
.primary-button:hover,.primary-button:focus,.primary-button:active{ color: white;  background-color: var(--primary-color);}

.secondary-button{
  border: none;
  color: var(--primary-color);
  background-color: var(--secondary-color);
  transition: 0.5s;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.secondary-button::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: var(--primary-color);
  transition: all 0.5s ease-in-out;
}
.secondary-button:hover:after { left: 0; width: 100%;}
.secondary-button:hover,.secondary-button:focus,.secondary-button:active{ color: white;  background-color: var(--secondary-color);}
/* navbar start */
.nav-item.dropdown .dropdown-menu{ animation: downOut 500ms ease-in-out forwards; transform-origin: center center;}
.nav-item.dropdown:hover .dropdown-menu{ display: block !important; top: 100%; }
.home .nav-link{ color: white}
@-moz-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-webkit-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-o-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}

.navbar .nav-link{ color: var(--secondary-color); }
.navbar .nav-link.active, .navbar .nav-link:hover{ color: var(--secondary-color); }
.navbar .dropdown-menu {
  background-color: white;
  border-top: 3px solid var(--secondary-color);
}
.navbar .dropdown-menu li .dropdown-item:hover, .navbar .dropdown-menu li .dropdown-item.active {
  background-color: #f9972831 !important;
  color: var(--secondary-color);
}
.nav-link.light-button, .light-button{
  border: none;
  color: var(--secondary-color) !important;
  background-color: white ;
  transition: 0.5s;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link.light-button::after, .light-button::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: var(--primary-color);
  transition: all 0.5s ease-in-out;
}
.nav-link.light-button:hover:after, .light-button:hover:after { left: 0; width: 100%;}
.nav-link.light-button:hover, .light-button:hover, .nav-link.light-button:focus, .light-button:focus, .nav-link.light-button:active, .light-button:active{ color: white !important;  background-color:white;}

/* button end */


/* language change css start */
.goog-te-gadget { font-size: 0 !important;}
.notranslate { translate: no; }
/* Hide Google Translate UI */
#google_translate_element, .goog-te-banner-frame, .skiptranslate iframe, #google_translate_element span, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none;}
/* language change css end */
/* banner css start */
.home-page-banner { height: 80vh; }
.home-page-banner::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.2;
  background: linear-gradient(325deg, var(--primary-color) 30%, var(--secondary-color) 50%);
  }
/* why exhibit section css start */
.home-about-section {
  margin-top: -8rem;
}
.home-about-section::before {
  content: "";
  position: absolute;
  top: -2.9rem;
  left: 0;
  right: 0;
  height: 3rem;
  background-color: var(--secondary-color);
  clip-path: polygon(48% 0%, 100% 100%, 100% 100%, 0 100%, 0 100%);
  z-index: -1;
}
.home-about-section::after {
  content: "";
  position: absolute;
  bottom: -2.9rem;
  left: 0;
  right: 0;
  height: 3rem;
  background-color: var(--secondary-color);
  clip-path: polygon(48% 0%, 100% 100%, 100% 100%, 0 100%, 0 100%);
  transform: rotate(180deg);
  z-index: -1;
}
/* testimonial css start */
.heading-bottom-border {
  width: 40%;
  height: 0.25rem;
  background-color: var(--primary-color);
}
.heading-bottom-border.team {
  width: 22%;
  margin: auto;
  background-color: var(--secondary-color);
}
.heading-bottom-border::before {
  content: "";
  position: absolute;
  display: block;
  right: -2.5rem;
  width: 2rem;
  height: 4px;
  background-color: var(--light-blue);
}
.heading-bottom-border::after {
  content: "";
  position: absolute;
  display: block;
  right: -3.8rem;
  width: 0.8rem;
  height: 4px;
  background-color: var(--secondary-color);
}
.bottom-border {
  width: 40%;
  height: 0.25rem;
  background-color: var(--primary-color);
}
.bottom-border::before {
  content: "";
  position: absolute;
  display: block;
  right: -2.5rem;
  width: 2rem;
  height: 4px;
  background-color: var(--primary-color);
}
.team-box-2 .bottom-border::before,
.team-box-3 .bottom-border::after {
  background-color: var(--primary-color);
}
.bottom-border::after {
  content: "";
  position: absolute;
  display: block;
  right: -3.8rem;
  width: 0.8rem;
  height: 4px;
  background-color: var(--primary-color);
}
.carousel-item:nth-child(odd) .team-box{ background-color: var(--primary-color); }
.carousel-item:nth-child(even) .team-box{ background-color: var(--secondary-color); }

/* new css */
.pmoi-block {
    position: relative;
    margin-top: 70px;
    border-radius: 25px 100px 25px 25px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    /* padding: 34px 32% 35px 180px; */
    padding: 25px 10px 0 10px;
    background: url(https://pmevents.mygov.in/wp-content/themes/pmevent/assets/images/bg-pm.png) left bottom no-repeat;
    background-size: contain;
    background-color: #f03d321c;
}
.pmoi-block:nth-child(even),.carousel-item:nth-child(even) .pmoi-block{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: #fafad2;
}
.messages .pmoi-block:nth-child(even) .row, .carousel-item:nth-child(even) .pmoi-block .row {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.messages .pmoi-block:nth-child(odd) .pm-photo, .carousel-item:nth-child(odd) .pm-photo {
    position: absolute;
    right: 30px;
    bottom: 0px;
    display: flex;
    justify-content: flex-end;
    height: 20rem;
}
.messages .pmoi-block:nth-child(even) .pm-photo, .carousel-item:nth-child(even) .pm-photo{
    position: absolute;
    left: 0;
    bottom: 0px;
    display: flex;
    justify-content: flex-end;
    height: 20rem;
}
/* testimonial css end */
/* key feature css start  */
/* new css start */
.bg-secondary-image{
  background: url('../img/bg-primary.jpg') no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #f03d321c;
}
.bg-primary-image{
  background: url('../img/bg-primary.jpg') left bottom repeat;
  background-size: contain;
  background-color: #f03d321c;
}
.highlight-row.gy-5 { --bs-gutter-y: 4.5rem; }
.highlight-box {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 6px 30px;
    transition: 0.3s ease-in;
}
.event-icon-box {
    width: 100px;
    height: 100px;
    background-color: rgb(226, 226, 224);
    border-width: 8px !important;
    border-style: solid !important;
    border-color: rgb(244, 242, 242) !important;
    border-image: initial !important;
}
.box-content {
    margin-top: 1rem;
    padding: 2.5rem 1rem 1.2rem;
}
/*  */
.services {
    background: rgb(255, 255, 255);
}
.section-padding {
    padding: 60px 0px;
}
.padding-none {
    padding: 0px;
    border-left: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}
.padding-none:nth-child(1), .padding-none:nth-child(4) { border-left: none;}
.padding-none:nth-child(7){ border-left: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);  border-right: 1px solid rgb(221, 221, 221);}
.services-item {
    text-align: center;
    padding: 40px 20px;
    transition: 0.3s ease-in-out;
}
.services-item:hover {
    background: rgb(243, 243, 243);
}
/*  */
/* dignitaries css start */
.dignitaries-section{
    background: #e6313b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff));
    background-image: linear-gradient(#fff);
    background-repeat: no-repeat;
    background-size: 100% 28%;
    height: 100%;
    position: relative;
    width: 100%;
}
.carousel-buttons .carousel-control-next-icon, .carousel-buttons .carousel-control-prev-icon {
  width: 9rem;
}
.dinitaries-logo{ width: 8rem; height: 8rem;}
/* dignitaries css end */
/* calendar css start */
.calendar-image{ 
  height: 12rem;
  width: 100%;
}
.event-category{
  background-color: transparent !important;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
.event-category.active, .event-category:hover{
  background-color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color);
  color: white;
}
#calendar-tab button.nav-link {
  background-color: #eee;
  color:#333;
}
#calendar-tab button.nav-link.active {
  background-color: #eee;
  color: var(--secondary-color);
}
.hr {
  height: 50%;
  width: 2px;
  background-color: #f997287d;
  position: absolute;
  left: 3.5%;
}

.hr-active {
    background-color: var(--primary-color)
}

svg:nth-child(1) .pulse-disk {
    fill: var(--primary-color)
}

svg:nth-child(1) .pulse-circle,svg:nth-child(1) .pulse-circle-2 {
    stroke: var(--primary-color)
}

svg:nth-child(2) .pulse-disk {
    fill: var(--primary-color)
}

svg:nth-child(2) .pulse-circle,svg:nth-child(2) .pulse-circle-2 {
    stroke: var(--primary-color)
}

svg:nth-child(3) .pulse-disk {
    fill: var(--primary-color)
}

svg:nth-child(3) .pulse-circle,svg:nth-child(3) .pulse-circle-2 {
    stroke: var(--primary-color)
}

.pulse-circle,.pulse-circle-2 {
    transform-origin: center;
    strokeWidth: 2;
    fill: none;
    transform: translate3d(0, 0, 0)
}

.pulse-disk {
    r: 6
}

.pulse-circle {
    r: 4;
    animation: pulse 3s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite;
    -webkit-animation: pulse 3s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite
}

.pulse-circle-2 {
    r: 16;
    animation: pulse-2 3s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite;
    -webkit-animation: pulse-2 3s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite
}

@keyframes pulse {
    0% {
        r: 4
    }

    50% {
        r: 16;
        opacity: 1
    }

    99% {
        opacity: 0
    }

    100% {
        opacity: 0;
        r: 16
    }
}

@keyframes pulse-2 {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    49.99% {
        r: 16;
        opacity: 0
    }

    50% {
        r: 4;
        opacity: 1
    }

    100% {
        r: 16;
        opacity: 1
    }
}

/* calendar css end */
/* appreciation letter css start */
.appreciation-letter{height: 12rem;}
#appreciation .owl-nav, #appreciation .owl-dots{ display: none !important;}
.appreciation-letter:hover{transform: scale(1.1); cursor: pointer; border: 3px solid var(--secondary-color)}
/* media gallery css start */
#pills-mediaGallery-tab button{
  background-color: transparent !important;
  border: 1px solid #fff;
  color: white;
}
#pills-mediaGallery-tab button.active{
  background-color: #fff !important;
  border: 1px solid #fff;
  color:#e6313b;
}
/* footer css start */
footer {
    clip-path: polygon(31% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
    background-color: var(--primary-color);
    background-image: url(../img/bg-image.jpg);
    background-position: top;
    background-size: cover;
    position: relative;
    /* text-shadow: 2px 2px 4px #000000 */
}
footer::after{
    content: '';
    position: absolute; 
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    opacity: .5;
    filter: grayscale(10);
    /* filter: saturate(1); */
}
/* footer css end */

/* inner pages banner css start */
.inner-banner{ height: 40vh;}
.inner-banner{ text-shadow: 2px 2px 4px #000000; }
/* about page css start */
.about-img img {
  width: 580px!important;
  height: 440px !important;
  animation: border-radius-ani 4.5s linear infinite alternate;
}
@-webkit-keyframes border-radius-ani {
  0% {
      border-radius: 48% 52% 57% 43% / 34% 44% 56% 66%;
  }
  25% {
      border-radius: 62% 38% 64% 36% / 34% 55% 45% 66%;
  }
  50% {
      border-radius: 43% 57% 51% 49% / 33% 42% 58% 67%;
  }
  100% {
      border-radius: 40% 60% 43% 57% / 52% 32% 68% 48%;
  }
}
@keyframes border-radius-ani {
  0% {
      border-radius: 48% 52% 57% 43% / 34% 44% 56% 66%;
  }
  25% {
      border-radius: 62% 38% 64% 36% / 34% 55% 45% 66%;
  }
  50% {
      border-radius: 43% 57% 51% 49% / 33% 42% 58% 67%;
  }
  100% {
      border-radius: 40% 60% 43% 57% / 52% 32% 68% 48%;
  }
}
.about-icon-list { width: 48%; }
.about-icon-list:hover { box-shadow: 2px 2px 2px var(--secondary-color); }


/* about page css end */
/* sector page */
.sector-image{ height: 12rem;}
/* culture page css start */
.culture-icon{ height: 4rem !important; width: 4rem !important; display: block;}
.culture-video::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: linear-gradient( 325deg,var(--primary-color) 30%, var(--secondary-color) 50%);
  /* background: linear-gradient(90deg, var(--primary-color) 46%, var(--secondary-color) 100%); */
}
/* vdp page css start */
.ul-list ul{padding: 0; margin: 10px 0;}
.ul-list li{ position: relative; padding-left: 1.6rem; margin-bottom: 8px;}
.ul-list li::before {
    position: absolute;
    content: "✧";
    top: -8px;
    left: 0;
    color: var(--secondary-color);
    font-size: 1.5rem;
}

.logos-container{ width: 100%; transition: 0.6s all ease-in-out; }
.logos-container:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.logos-container .logos-box .logos-image{ width: 100%; height: 6rem;  cursor: pointer;}
.logos-container .logos-box{ 
  width: 100%;  cursor: pointer;
  border: 5px solid var(--primary-color);
  transition: 0.6s all ease-in-out; 
}
.logos-container:before{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 5px;
  content: '';
  z-index: 2;
  background-color: white;
   transition: 0.6s all ease-in-out; 
}
.logos-container:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  z-index: 2;
  background-color: white;
   transition: 0.6s all ease-in-out;  
}
.logos-container:hover:before,.logos-container:hover:after{ width: 0; }

.logos-container .logos-box:before{
  position: absolute;
  width: 5px;
  height: 100%;
  content: '';
  bottom: 0;
  right: -5px;
  transition: 0.6s all ease-in-out; 
  background-color: white; 
}
.logos-container .logos-box:after{
  position: absolute;
  width: 5px;
  height: 100%;
  content: '';
  top: 0;
  left: -5px;
  transition: 0.6s all ease-in-out; 
  background-color: white; 
}
.logos-container:hover .logos-box:before, .logos-container:hover .logos-box:after{ height: 0; }
/* gallery and media css start */
.outer-container {
  width: 100%;
  height: 12rem;
  transition: 0.6s all ease-in-out;
}
.outer-container:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.outer-container:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 5px;
  content: '';
  z-index: 2;
  background-color: white;
  transition: 0.6s all ease-in-out;
}
.outer-container:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  z-index: 2;
  background-color: white;
  transition: 0.6s all ease-in-out;
}

.inner-content-box {
  width: 100%;
  height: 12rem;
  cursor: pointer;
  border: 5px solid var(--primary-color);
  transition: 0.6s all ease-in-out;
}
.inner-content-box:before {
  position: absolute;
  width: 5px;
  height: 100%;
  content: '';
  bottom: 0;
  right: -5px;
  transition: 0.6s all ease-in-out;
  background-color: white;
}
.inner-content-box:after {
  position: absolute;
  width: 5px;
  height: 100%;
  content: '';
  top: 0;
  left: -5px;
  transition: 0.6s all ease-in-out;
  background-color: white;
}
.outer-container:hover .inner-content-box:before, .outer-container:hover .inner-content-box:after { height: 0; }
.outer-container:hover:before, .outer-container:hover:after { width: 0; }
/* gallery and media css end */
/*  */
/* ================================== *\
    Media queries
\* ================================== */

@media (max-width: 767px) {
  footer{ clip-path: polygon(31% 8%, 100% 0, 100% 100%, 0 100%, 0 0);;}
}