/*
Theme Name: classik
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

@font-face {
	font-family: Roboto;
	src: url(../classik/assets/roboto/Roboto-Regular.ttf);
	font-weight: 400
}

@font-face {
	font-family: Roboto;
	src: url(../classik/assets/roboto/Roboto-Medium.ttf);
	font-weight: 500
}

@font-face {
	font-family: Roboto;
	src: url(../classik/assets/roboto/Roboto-Bold.ttf);
	font-weight: 700
}

@font-face {
	font-family: Roboto;
	src: url(../classik/assets/roboto/Roboto-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: mulish;
	src: url(../classik/assets/Mulish/Mulish-Regular.ttf);
	font-weight: 400;
	font-style: regular;
 }
@font-face {
	font-family: Wixmadefor;
	src: url(../classik/assets/Wixmadefor/WixMadeforText-Regular.ttf);
	font-weight: 400;
	font-style: regular;
 }
@font-face {
	font-family: architectural;
	src: url(../classik/assets/architectural/Architectural.ttf);
	font-weight: 400;
	font-style: regular;
 }
 @font-face {
	font-family: footlight;
	src: url(../classik/assets/footlight/FootlightMTProRegular.otf);
	font-weight: 400;
	font-style: regular;
 }
 @font-face {
	font-family: complex;
	src: url(../classik/assets/complex/ComplexRegular.ttf);
	font-weight: 400;
	font-style: regular;
 }
  @font-face {
	font-family: franklin;
	src: url(../classik/assets/franklin/FranklinGothic.ttf);
 }
   @font-face {
	font-family: franklinc;
	src: url(../classik/assets/franklin/FranklinGothiCondensed.ttf);
 }
   @font-face {
	font-family: frango;
	src: url(../classik/assets/franklin/FRANKGO.ttf);
 }
 body
 {
     font-family: "Lato", sans-serif !important;
 }
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885.mega-current-menu-item > a.mega-menu-link {
    color: #fff;
    font-family: "Lato", sans-serif !important;
    font-weight: 100;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	    font-weight:500;
	    color: #f2b40e;
        font-family: "Lato", sans-serif !important;
    font-weight: 300 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link:hover {
    color: #fff;
	font-weight:500;
    font-family: "Lato", sans-serif !important;
    font-weight: 100;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
	    color: #f2b40e;
        font-family: "Lato", sans-serif !important;
    font-weight: 300;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link
{
     font-family: "Lato", sans-serif !important;
    font-weight: 300;
}

/* publication start */
.soon h3{
	text-align:center;
	padding-top:100px;
}
.soon{
	height:219px;
}
/* publication ends */
.announc{
	margin-left:90px!important;
}
.banner-btm-scroll {
    width: 100%;
    height: 58px;
    background: #fad60e;
	
}
    .banner-btm-scroll .container {
    position: relative;
    padding-left: 50px;
}
.banner-btm-scroll .container i {
    position: absolute;
    left: -19px;
    top: 13px;
    color: var(--LightBg);
    font-size: 30px;
}
.banner-btm-scroll .container marquee {
    padding: 0;
    margin: 0;
}
.banner-btm-scroll p {
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 400;
    line-height: 62px;
	font-size:20px
}
.banner-btm-scroll .container marquee {
    padding: 0;
    margin: 0;
	width: 114%;
}
.banner-caption span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0px;
}
.bann span h2 {
       width: 100%;
    margin: 0px 0px 25px 0px;
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    border-radius: 10px;
    text-align: justify;
    padding: 45px;
    font-family: "Lato", sans-serif;
}
.banner-caption span h2 font {
    position: relative;
    z-index: 200;
	top: 86px;
    left: 45px;
}
.home-banner-wrap .banner-caption .col-lg-6 {
    height: 30vh;
    display: table;
}
.home-banner-wrap .banner-caption {
    width: 99%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 35px;
}
.banner-caption span p {
    width: 100%;
    margin: 0px 0px 25px 14px;
    color: #f2b414;
    font-size: 48px;
    font-weight: 600;
    border-radius: 10px;
    text-align: justify;
    padding: 16px 81px 81px 81px;
}
.home-banner-wrap img{
	height:65vh!important;
	object-fit:cover;
	
}
.name span h2{
	font-size: 30px;
    text-align: center;
    position: relative;
    top: 251px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
	color: #f2b210;
}
.name span p{
    font-size: 27px;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    color: #fff;
	   margin-left: -71px;
}
.name h2{
	display:inline;
}
.name .nme{
	color:#fff;
	font-family: "Lato", sans-serif;
}
/* bannerscroll ends */
/* header menu start */
 #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link  {
	background:#f2b310;
} 
.header-logo img{
      position: relative;
      z-index: 9999;
      width: auto;
      max-width: 100%;
      height: auto;
      min-height: 50px;
      padding: 15px;	
      margin-left: 25%;
}
.header-logo {
	padding-left:0px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-636 .mega-menu-link{
	border: 2px solid #00adf4;
    color: #00adf4 !important;
    border-radius: 30px;
}
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-637 .mega-menu-link{
    border: 2px solid #00adf4;
    border-radius: 30px;
    background-color: #00adf4;
    color: #fff !important;
    margin-left: 15px;
}

/* 
header menu end */


img {
    width: 100%;
}

a {
    text-decoration: none!important;
}

/*/ --- header css starts --- /*/
 .header-menu {
        display: flex;
        justify-content: flex-end;
    }

    .header-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-menu ul li {
        margin: 0 10px;
    }
.navbar {
    background-color: #fff;
    padding: 5px 7%;
    width: 100%;
    z-index: 999;
	
}
.navbar .navbar-brand {
    width: 110px;
}
.navbar .navbar-nav {
    margin-left: auto;
}
.navbar .navbar-nav .nav-link {
    color: #000 !important;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 26px;
}
.navbar-fixed-top.scrolled-inner {
    position: fixed;
    background-color: #fff !important;
    transition: background-color 300ms linear;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
}
.navbar-fixed-top.scrolled-inner .navbar-brand {
    width: 70px;
}
.navbar .navbar-nav .login-btn {
    border: 2px solid #00adf4;
    color: #00adf4 !important;
    border-radius: 30px;
}
.navbar .navbar-nav .signup-btn {
    border: 2px solid #00adf4;
    border-radius: 30px;
    background-color: #00adf4;
    color: #fff !important;
    margin-left: 15px;
}

.innerpage-content-wrap{
    min-height: 275px;
}
.navbar-box-main .social-icons ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.navbar-box-main .social-icons ul li {
    display: inline;
}
/*  header css ends  */



/* footer start */
.social-icons .fa-linkedin-in:hover{
	color:#f1b210;
}
.social-icons .fa-youtube:hover{
	color:#f1b210;
}
.social-icons .fa-instagram:hover{
	color:#f1b210;
}
.social-icons .fa-facebook-f:hover{
	color:#f1b210;
}
.social-icons .fa-whatsapp:hover{
	color:#f1b210;
}
.social-icons .fa-linkedin-in {
   color: #000;
    width: 2%;
    height: 0%;
    border-radius: 50px;
    box-shadow: 0px 0px 2px 0px #000;
    padding: 8px 23px 11px 12px;
    font-size: 16px;
}

.social-icons .fa-youtube {
     color: #000;
    width: 2%;
    height: 0%;
    border-radius: 50px;
    box-shadow: 0px 0px 2px 0px #000;
    padding: 8px 26px 11px 10px;
    font-size: 16px;
}
.social-icons .fa-instagram {
    color: #000;
    width: 2%;
    height: 0%;
    border-radius: 50px;
    box-shadow: 0px 0px 2px 0px #000;
    padding: 8px 23px 11px 12px;
    font-size: 16px;
}
.social-icons .fa-facebook-f {
    color: #000;
    width: 2%;
    height: 0%;
    border-radius: 50px;
    box-shadow: 0px 0px 2px 0px #000;
    padding: 8px 23px 11px 12px;
    font-size: 16px;
}
.social-icons .fa-whatsapp {
    color: #000;
    width: 2%;
    height: 0%;
    border-radius: 50px;
    box-shadow: 0px 0px 2px 0px #000;
    padding: 8px 23px 11px 12px;
    font-size: 16px;
}
.support-links ul li img {
	width:23px;
}
.support-links ul{
	display:flex;
}
.support-links ul li {
/*	padding-right: 20px;*/
}
.support-links img{
	margin-right:10px;
}
.footer .ft-links ul li a:hover{
	color:#f2b210;
}
/* footer end */


/*/ --- slider css starts --- /*/ 
.slider-main {
    background-image: url('../xceptional/assets/img/slider.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.slider-main .custom-container {
    padding: 10px 7%;
}

.slider-main .slider-content h1 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 40px;
    font-weight: 700;
}

.slider-main .slider-content h2 {
    color: #111;
   font-family: "Lato", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 55.925px;
    letter-spacing: 3.416px;
    text-transform: uppercase;
}

.slider-main .slider-content h2 .cap-one {
    color: #FE602F;
}

.slider-main .slider-content h2 .cap-two {
    color: #A2BF00;
}

.slider-main .slider-content {
    padding: 100px 0px 130px;
}

.slider-main .slider-img img {
    height: 400px;
    object-fit: contain;
    margin: 70px 0px;
    animation: shake 1.5s infinite alternate ease-in-out;
}
/*/ --- slider css ends --- /*/



/*/ --- about css starts --- /*/
.inner-banner-provider{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

 
.whychoose-page img {
    
    padding: 5px;
}


.inner-banner-provider{
	padding-top:100px;
	padding-bottom:100px;
}
.img img{
	border-radius:10px;
}

.head p{
	text-align:justify
}
 
.innerpage-header {
    width: 100%;
/*    background: #040d25;*/
    height: 80px;
    position: relative;
}
.innerpage-header img {
    height: 130px;
    width: 100%;
    object-fit: cover;
}
.innerpage-header .pageheading-middle {
    width: 100%;
    z-index: 999;
    position: absolute;
    left: 0px;
    top: 0px;
    display: table;
    height: 130px;
}
.innerpage-header .pageheading-middle div {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.innerpage-header h1 {
    width: 100%;
    text-align: center;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: 0;
    margin: 0px 0px 6px 0px;
    font-size: 21px;
}
.innerpage-header h1 font {
    position: relative;
}
.innerpage-header h6 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
    opacity: 0.8;
}
.innerpage-header h6 span a, .innerpage-header h6 span span {
    padding-left: 8px;
    padding-right: 8px;
}
.innerpage-header h6 a {
    color: #6d6d6d;
    text-decoration: none;

}
.about-main .custom-container {
    padding:50px 7% 80px;
}
.about-main .head h4 {
    color: #A2BF00;
    font-family: "Lato", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    text-align: center;
}
.about-main .head h6 {
    color: #000;
   font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
    text-align: center;
}
.about-main .head a:hover {
    cursor: pointer;
}
.about-main .head img {
    width: 300px;
    margin: auto;
    display: block;
}
.about-main .head h4 span {
    color: #000;
}
.about-main .img img {
    height: 400px;
    object-fit: contain;
}
.about-main .content p {
    color: #000;
    text-align: justify;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
.about-main .content a {
    background-color: #40adf4;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 50px;
    display: block;
    width: fit-content;
    margin-top: 20px;
}
/*/ --- about css ends --- /*/

/* projects start */

 .project {
  
    transform: translate3d(0px, 0px, 0px);
  }
  .project.column.dt-sc-one-fourth {
    width: 24.9%;
}
.project figure {
    position: relative;
}
.project figure, .project {
    overflow: hidden;
	border-radius: 10px;
}
.project figure img {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    width: 100%;
    display: inherit;
	border-radius: 15px 
}
.column img {
    max-width: 100%;
    height: auto;
}
.project figure:hover figcaption, .project figure.cs-hover figcaption {
    opacity: 1;
    transition: all 0.4s ease-in-out 0s, opacity 0.1s ease 0s;
    -moz-transition: all 0.4s ease-in-out 0s, opacity 0.1s ease 0s;
    -ms-transition: all 0.4s ease-in-out 0s, opacity 0.1s ease 0s;
    -o-transition: all 0.4s ease-in-out 0s, opacity 0.1s ease 0s;
    -webkit-transition: all 0.4s ease-in-out 0s, opacity 0.1s ease 0s;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.project figcaption, .dt-map-address-container {
    background-color: rgba(225, 48, 167, 0.9 );
}
.project figcaption {
    bottom: auto;
    float: left;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -ms-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -o-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    vertical-align: middle;
    width: 100%;
}
.project .fig-content-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}
.project figcaption .fig-content {
    display: table-cell;
    vertical-align: middle;
}
.project figcaption h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.fig-content h5{
	color:#f3b110;
}
.project figure h5:hover{
	color:#fff;
}
.project.dt-sc-one-fourth figcaption h5 {
    font-size: 15px;
}
.project figcaption h5 a, .project figcaption p a, .project figcaption p {
    color: rgba(255, 255, 255, 0.8);
}
.project figcaption h5 a:hover, .project figcaption p a:hover, .project .fig-content a:hover {
    color: rgba(255, 255, 255, 1);
}
.project figcaption .fig-content > p {
    margin-bottom: 0;
}
.project figcaption h5 a, .project figcaption p a, .project figcaption p {
    color: rgb(242 178 16);
}
.project .fig-overlay {
    display: inline-block;
    margin-top: 25px;
}
.project .fig-overlay a {
    border: 2px solid rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 48px;
    line-height: 46px;
    margin: 0 5px;
    text-align: center;
    width: 48px;
    border-radius: 50%;
}
.project .fig-overlay a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #fff;
}
.project figure:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.pro{
	padding-top:50px;
	padding-bottom:50px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* project ends */

/* projects image start */
.leaders-detail-main{
	margin-top:100px;
	margin-bottom:100px;
	
}
.pro button.category-button.btn.btn-primary.project-filter-button:focus {
    box-shadow:none;
}
/* project image ends */

/* service start */

.service-description ul li{
	color:#fff;
	list-style:none;
}
.service-description ul {
    padding-left:0px;
}

.services {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
}

  .section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .js .animate-box {
    opacity: 0;
  }

  .animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
  }

  .elementor *,
  .elementor :after,
  .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .fadeInUp {
    /* animation-name: fadeInUp; */
  }

  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .section-title {
   color: var(--clr-theme-color);
    font-family: "Lato", sans-serif;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 3px;
    word-spacing: 5px;
	 text-align:center;
  }

.service p{
	text-align:center;
}
  .section-title span {
    color: #1b1b1b;
  }

  .numb p {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    line-height: 1.75em;
    margin: 0 0 20px;
    color: #777;
    font-weight: 400;
    margin-bottom: 20px;
  }

  .js .animate-box {
    opacity: 0;
  }

  .services .item {
    padding: 40px 20px;
    position: relative;
    background-size: cover;
    background-position: 50% 0% !important;
	min-height: 447px;
	filter: grayscale(1);
	display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    transition:0.2s ease-in;
  }
  .services .item:hover {
      filter:grayscale(0);
  }

  .services .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(26 26 25 / 50%);
  }

  .services .item .con {
    position: relative;
    z-index: 7;
  }

  .con a {
    box-shadow: none;
    text-decoration: none;
  }

  .services .item .numb {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    color: transparent;
    -webkit-text-stroke: 1px var(--clr-theme-color);
    opacity: 1;
    margin-bottom: 20px;
  }

  .services .item h5 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: 700;
  }
  
.card-box ul li{
	color:#f2b210;
	line-height: 34px;
}
.card-box ul {
  list-style-type: none;
}
.services .item:hover h5{
	color:#f2b442;
}

  .services .item p {
    font-size: 15px;
	color: #f4b30f;
  }


  .services .item:hover:after {
    opacity: 0;
  }

/* service ends */
/* publication start */
.publi-vid{
	background-position:center;
	background-size:cover;
}
.publi-vid .publication-row {
    justify-content: center;
}
.public {
    position: relative;
    overflow: hidden;
}

.public img {
    width: 100%;
    height: 482px;
    display: block;
	border-radius: 10px;
}

.pub-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


.public:hover .pub-title {
    opacity: 1;
}
.video {
    position: relative;
    overflow: hidden;
}

.video img {
    width: 100%;
    height: auto;
    display: block;
	border-radius: 10px;
}

.vid-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.vid-icon {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(-231%);
    width: 100px;
}

.video:hover .vid-title {
    opacity: 1;
}
.second{
	background:#fafafa;
	padding-top:100px;
	padding-bottom:100px;
	position: relative;
}


/* publication end */


/* contact start */

.contact-form-pge {
    padding: 30px 30px 30px 30px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 11px 0px #9b9b9b80;
    background: url(../classik/assets/img/lines.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}
.contact-page .col-lg-6, .contact-page .col-lg-12 {
    padding-bottom: 17px;
    margin: auto;
    text-align: center;
}
.contact-page .social-cont ul {
    padding-left:0px;
}
.contact-page .social-cont ul li {
    margin-right:10px;
}
.contact-page .social-cont .fab {
    font-weight: 400;
    color: #f1b442;
    border: 1.5px solid #f1b442;
    width: 35px;
    height: 35px;
    padding: 8px 0px;
    border-radius: 50px;
    text-align: center;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.contact-page input[type=text], .contact-page input[type=email] {
    width: 100%;
    background: none;
    border: 1px solid #f1b410;
    height: 42px;
    border-radius: 3px;
    outline: none;
    padding-left: 15px;
    font-size: 15px;
    transition-duration: 0.3s;
    background-color: #fff0;
}
.contact-page .wpcf7-submit {
    width: fit-content;
    padding: 0;
    margin: -7px 0px 0px 0px;
    height: 42px;
    border-radius: 3px;
    background: #f1b410;
    border: none;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.contact-page .wpcf7-spinner {
    position: absolute;
    left: 0px;
    top: 6px;
    padding: 0;
    margin: 0;
    left: 50%;
    margin-left: -12px;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.wpcf7 form .wpcf7-response-output {
    width: 100%;
    text-align: center;
    padding: 4px 0px;
    margin: 0;
    font-size: 13px;
}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}

.social-cont{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.social-icon{
	list-style-type: none;
}
.social-cont ul li{
	display:inline-flex;
	
}
.social-icon a{
    margin: 10px 0;
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(106,150,31,.1);
    color: #f2b30f;
}
.social-icon a:hover{
	 color: #000;
}
.contact-page{
	margin-top:100px;
	margin-bottom:100px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-page .map iframe {
    border-radius:15px;
}
.top-sec{
	margin-bottom:100px;
	margin-top: 100px;
}
.address a{
	color:#000;
}
.address a:hover{
	color:#f1b30f;
}
/* contact end */

/* blog start */
.innerpage-content-wrap{
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding:50px 0px 50px 0px;
}
.blog-content-wrapper{
	margin-bottom:20px;
}
/* 
blog end */
/* form start */


.wpcf7-form-control-wrap .wpcf7-text{
   background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #777;
    padding: 13px 20px!important;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    font-size: 13px!important;
    font-weight: 600;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    outline: none;	
}
.wpcf7-form-control-wrap .wpcf7-textarea{
background-color: #fff;
    border: 1px solid #f1b410;
    color: #777;
    padding: 13px 20px!important;
    height: 135px;
    border-radius: 5px;
    line-height: 48px;
    font-size: 13px!important;
    font-weight: 600;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    outline: none;
}
.wpcf7-form-control-wrap{
	margin-bottom:20px;
	display:block;
}
.submit-btn .wpcf7-submit{
    background-color: #f1b410;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .07em;
    color: #fff;
    padding: 13px 40px;
    /* -webkit-transition: all 300ms linear 0ms; */
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    /* -webkit-border-radius: 24px; */
    -khtml-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    /* -webkit-font-smoothing: antialiased; */
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    flex: none;
	border:none;
}
/* form end */



/*/ --- footer css starts --- /*/

.footer .custom-container {
    padding: 5px 8% 5px;
}
.footer .footer-row {
    display: flex;
}
.footer .logo {
    width: 30%;
    padding-right: 15px;
}
.footer .quick-link {
    width: 18%;
    padding: 0px 10px;
}
.footer .about-links {
    width: 18%;
    padding: 0px 10px;
}
.footer .support-links {
    width: 100%;
    padding: 27px 11px 21px 11px;
}
.footer .support-links p {
    margin-bottom: 0px;
    font-weight: bold;
}
.footer .social-icons {
    width: 100%;
    padding-left: 10px;
    padding-top: 23px;
}
.footer .logo img {
    width: 200px;
    object-fit: contain;
}
.footer .logo p {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.footer .quick-link h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.72px;
}
.footer .about-links h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.72px;
}
.footer .support-links h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.72px;
}
.footer .ft-links ul {
    padding-left: 0px;
    list-style: none;
}
.footer .ft-links ul li a{
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.48px;
    text-decoration: none;
}
.footer .social-icons ul {
    padding-left: 0px;
    list-style: none;
}
.footer .social-icons ul li a {
    color: #000;
}
.footer .social-icons ul li {
    display: inline;
}
.footer .copyright {
    background-color: #f0f0f0;
}
.footer .copyright .custom-container {
    padding: 15px 8%;
}
.footer .copyright p {
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: lowercase;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.footer .copyright p a{
    text-decoration: none;
    color: #000;
}
.footer .copyright .c-right p {
    text-align: right;
}
.footer .ft-links ul li a i {
    display:none;
}
/*/ --- footer css ends --- /*/


/*/ --- contact css starts --- /*/
.contact-head h2{
	font-size:40px;
}
 .social-icon{
	padding-left: 0rem;
}
 .address
{
	text-align:center;
	padding: 10px 0px 10px 0px;
    margin-bottom: 15px;
	border: 1px solid #d1d1d1;
    border-radius: 15px
}
.address i{
	font-size:13px;
}
.home-contact-section .custom-container {
    padding: 20px 7%;
}
.home-contact-section .contact-details {
    border: 1px solid #ddd;
    padding: 4%;
    border-radius: 30px;
}

.home-contact-section .contact-details .box {
    padding: 0px 2%;
}

.home-contact-section .contact-details .box img {
    width: 90px;
    display: block;
    margin: auto;
}

.home-contact-section .contact-details .box h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
}

.home-contact-section .contact-details .box  p {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.home-contact-section .contact-details .box  a {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    color: #496576;
    text-decoration: none;
    display: block;
}

/*/ --- contact css ends --- /*/


/*/ --- spec page css starts --- /*/ 
.spec-banner {
    background: rgb(163,214,235);
    background: linear-gradient(180deg, rgba(163,214,235,1) 0%, rgba(255,255,255,1) 100%);
}
.spec-banner .custom-container {
    padding: 40px 7% 60px;
}
.spec-banner .img img {
    height: 525px;
    object-fit: contain;
}
.spec-banner .content h2 {
    color: #111;
    font-family: "Lato", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 3.416px;
    text-transform: uppercase;
}
.spec-banner .content h2 .cap-one {
    color: #FE602F;
}
.spec-banner .content h2 .cap-two {
    color: #A2BF00;
}
.spec-banner .content a {
    background-color: #FE602F;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 50px;
    display: block;
    width: fit-content;
    margin-top: 20px;
}
/* .spec-main {
    background: rgb(254,236,234);
background: linear-gradient(0deg, rgba(254,236,234,1) 0%, rgba(255,255,255,1) 100%);
} */
.spec-main .custom-container {
    padding: 40px 7%;
}
.spec-main .head h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 60px;
    border-bottom: 1px solid #00000024;
    padding-bottom: 20px;
}
.spec-main .content h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.spec-main .content p {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}
.spec-main .content {
    margin-bottom: 35px;
}
.spec-main .content .material-symbols-outlined {
    font-weight: 200;
    font-size: 28px;
    color: #3b3b3b;
}
/*/ --- spec page css ends --- /*/ 



/*/ --- review page css starts --- /*/
/* .review-banner {
    background: rgb(254,236,234);
    background: linear-gradient(0deg, rgba(254,236,234,1) 0%, rgba(255,255,255,1) 100%);
} */
.review-banner .custom-container {
    padding: 60px 7%;
}
.review-banner .review-content .total-rating {
    display: flex;
}
.review-banner .review-content .rating {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 4%;
}
.review-banner .review-content .rating span {
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.review-banner .rating {
    background-color: #ecf2ff;
    border-radius: 10px;
    padding: 20px;
}
.review-banner .rating .total-rating {
    background-color: #f5f8ff;
    border-radius: 50px;
    width: fit-content;
    padding: 18px 30px;
    margin: auto;
}
.review-banner .rating .total-rating .fa-star {
    color: #ffcc48;
}
.skill-main {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.skill-main .skill-wrrap:first-child {
    margin-top: 20px;
}
.skill-main .skill-wrrap {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.skill-main .skill-wrrap .skill-name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}
.review-banner .skill-main .skill-wrrap .skill-bar {
  height: 20px;
  background-color: #e2e6f0;
  border-radius: 25px;
  width: 60%;
}
.review-banner .skill-main .skill-wrrap .skill-per {
  height: 20px;
  background: #ffcc48;
  border-radius: 25px;
  width: 0;
  transition: 1s linear;
  position: relative;
}
.review-banner .skill-main .skill-wrrap .skill-per:before {
  content: attr(per);
  position: absolute;
  padding: 4px 6px;
  background-color: #23576f;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  top: -35px;
  right: 0;
  transform: translateX(50%);
  display: none;
}
.review-banner .skill-main .skill-wrrap .skill-per:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #23576f;
  top: -20px;
  right: 0;
  transform: translateX(50%) rotate(45deg);
  border-radius: 2px;
  display: none;
}
.review-banner .skill-main .skill-wrrap .p-bar-star {
    width: 20%;
}
.review-banner .skill-main .skill-wrrap .p-bar-per {
    width: 20%;
}
.review-banner .skill-main .skill-wrrap .p-bar-star p {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
}
.review-banner .skill-main .skill-wrrap .p-bar-per p {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.review-banner svg {
  fill: #ea5858;
}
.testimonials-main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: calc(min(90rem, 85%));
  margin: 0 auto;
  padding: 40px 0px;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main {
    column-gap: 5rem;
  }
}
.testimonials-main h1 {
  grid-column: span 12;
  text-transform: capitalize;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main h1 {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
}
.testimonials-main .cards {
  grid-column: span 12;
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main .cards {
    grid-column: span 5;
  }
}
.testimonials-main .cards .card {
  cursor: pointer;
  padding: 2em;
  border-radius: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2.188rem;
  align-items: center;
  transition: 0.3s;
  position: relative;
  border: 0.094rem solid transparent;
}
.testimonials-main .cards .card img {
  display: block;
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  filter: grayscale(1);
  transition: 0.5s;
}
.testimonials-main .cards .card > div h3 {
  text-transform: capitalize;
  font-size: 1.025rem;
}
.testimonials-main .cards .card > div p {
  text-transform: capitalize;
  color: #767676;
  font-size: 0.9rem;
}
.testimonials-main .cards .card.active {
  background: #fff;
  border: 0.094rem solid #0f172a14;
}
.testimonials-main .cards .card.active .gradient {
  background-image: linear-gradient(to right, #4755690a, #9d0cb28a, #4343c899, #4755690a);
  width: 50%;
  height: 0.094rem;
  position: absolute;
  content: "";
  bottom: -0.063rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0.125rem 0.75rem #4343c84d;
}
.testimonials-main .cards .card.active img {
  filter: grayscale(0);
}
.testimonials-main .content {
  grid-column: span 12;
  position: relative;
  width: 100%;
  overflow: inherit;
  margin-top: 2rem;
  min-height: 500px;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main .content {
    grid-column: span 7;
    margin-top: 0;
    height: auto;
  }
}
.testimonials-main .content .contentBox {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main .content .contentBox {
    align-items: center;
  }
}
.testimonials-main .content .contentBox .text {
  padding-bottom: 2rem;
}
@media screen and (min-width: 61.25rem) {
  .testimonials-main .content .contentBox .text {
    padding-bottom: 0;
  }
}
.testimonials-main .content .contentBox h2 {
  transition: 0.5s;
  opacity: 0;
}
.testimonials-main .content .contentBox p {
  transition: 0.5s;
  opacity: 0;
  margin-top: 1.25rem;
}
.testimonials-main .content .contentBox span {
  display: inline-block;
  transition: 0.5s;
  opacity: 0;
  margin-top: 0.625rem;
}
.testimonials-main .content .contentBox span svg {
  width: 1.25rem;
  color: #eca633;
}
.testimonials-main .content .contentBox.active h2 {
  opacity: 1;
  transition-delay: 0.5s;
}
.testimonials-main .content .contentBox.active span {
  opacity: 1;
  transition-delay: 0.7s;
}
.testimonials-main .content .contentBox.active p {
  opacity: 1;
  transition-delay: 0.9s;
}

body::-webkit-scrollbar {
  width: 0.8em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: #3f3f3f;
}
.buy-tab .content h4 {
    color: #A2BF00;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.buy-tab .content a {
    background-color: #00adf4;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 15px 50px;
    text-decoration: none;
    border-radius: 50px;
    display: block;
    width: fit-content;
    margin-top: 20px;
    margin: 20px auto 0px;
}
/*/ --- review page css ends --- /*/



/*/ --- faq page css starts --- /*/
.banner-faq {
    background-image: url('../xceptional/assets/img/banner-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.banner-faq .custom-container {
    padding: 120px 7% 110px;
}
.banner-faq h4 {
    color: #7d9206;
    font-family: "Lato", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}
.faq-main .custom-container {
    padding: 60px 7%;
}
.faq .faq-list {
  padding: 0 100px;
}

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li+li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
  border-radius: 10px;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #90AC6C;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #36348d;
  transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
  color: #90AC6C;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

.faq .faq-list a:hover {
    color: #90AC6C;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}
.read-more-btn a {
    background-color: #40adf4;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 50px;
    display: block;
    width: fit-content;
    margin: 20px auto;
}
/*/ --- faq page css ends --- /*/



/*/ --- purchase css starts --- /*/
.purchase-main {
    background: rgb(172,213,219);
    background: linear-gradient(180deg, rgba(172,213,219,1) 0%, rgba(238,243,237,1) 50%, rgba(253,229,225,1) 100%);
}
.purchase-main .custom-container {
    padding: 80px 7% 50px;
}
.purchase-main h4 {
    color: #7d9206;
    font-family: "Lato", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
    text-align: center;
}
.purchase-main .main {
    padding: 0px 8%;
}
.purchase-main .content {
    padding: 60px 15%;
    background-color: #ffffff36;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.03);
    box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.03);
    margin-bottom: 20px;
}
.purchase-main .content img {
    height: 200px;
    object-fit: contain;
    animation: shake 1.5s infinite alternate ease-in-out;
}
.purchase-main .content h6 {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
    text-align: center;
    background-color: #A2BF00;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
}
/*/ --- purchase css ends --- /*/



/*/ --- bulk purchase css starts --- /*/
.purchase-main .purchase-form .form-group label {
    color: #484848;
    font-family: "Lato", sans-serif;
    font-size: 14.75px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* .purchase-main .purchase-form .form-group input {
    width: 100%;
} */
.purchase-main .purchase-form {
    background-color: #ffffff42;
    border-radius: 10px;
    padding: 45px 5%;
}
.purchase-main .purchase-form .form-group input[type=text] {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #ffffffc4;
}
.purchase-main .purchase-form .form-group input[type=date] {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #ffffffc4;
}
.purchase-main .purchase-form .form-group input[type=tel] {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #ffffffc4;
}
.purchase-main .purchase-form .form-group input[type=email] {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #ffffffc4;
}
.purchase-main .purchase-form .form-group select {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #ffffffc4;
}
.purchase-main .purchase-form .form-group input:focus-visible {
    border: 1.8px solid #005898a6;
    outline: none;
}
.purchase-main .purchase-form .form-group span {
    background-color: #ef6637;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 40px;
    display: block;
    width: fit-content;
    border-radius: 4px;
    margin: 10px 0px 0px;
}
.purchase-main .purchase-form .form-group span:hover {
    cursor: pointer;
}
.purchase-main .purchase-form .form-group .file {
    position: relative;
}
.purchase-main .purchase-form .form-group .file input {
    position: absolute;
    top: -7px;
    opacity: 0;
}
.purchase-main .purchase-form .download-content {
    padding: 30px 0px;
}
.purchase-main .purchase-form .download-content a {
    color: #ef6637;
    font-family: "Lato", sans-serif;
    font-size: 16px;
}
.purchase-main .purchase-form .download-content p{
    font-family: "Lato", sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;
}
.purchase-main .purchase-form .form-btn {
    display: flex;
    justify-content: center;
}
.purchase-main .purchase-form .submit-btn {
    background-color: #ef6637;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 40px;
    display: block;
    width: fit-content;
    border-radius: 4px;
    margin: 15px 10px;
    border: none;
    -webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
}
.purchase-main .purchase-form .cancel-btn {
    background-color: #828282;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 40px;
    display: block;
    width: fit-content;
    border-radius: 4px;
    margin: 15px 10px;
    border: none;
    -webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.06);
}
/*/ --- bulk purchase css ends --- /*/



/*/ --- overview css starts --- /*/
.banner-faq img {
    width: 200px;
    display: block;
    margin: auto;
}
.banner-overview .custom-container {
    padding: 90px 7% 110px !important;
}
.overview-main .custom-container {
    padding: 40px 7%;
}
.overview-main .key-features {
    padding: 40px 0px;
}
.overview-main .key-features .head h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}
.our-team-main {
    padding: 30px 0px;
    background-color: #C5EBF8;
}
.our-team-main .head h4 {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    text-align: center;
}
.our-team-main .sub-head h6 {
    color: #adb057;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}
.overview-main .key-features .k-feature h6 {
    background: rgb(125,206,238);
    background: linear-gradient(315deg, rgba(125,206,238,1) 0%, rgba(0,152,255,1) 100%);
    border-radius: 5px;
    padding: 20px;
    color: #131313;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
    text-align: center;
}
.overview-main .key-features .k-feature1 {
    margin-left: 30px;
    animation: zoom 1.5s infinite alternate ease-in-out;
}
.overview-main .key-features .k-feature2 {
    animation-delay: 2s;
    margin-right: 30px;
    animation: zoom 1.5s infinite alternate ease-in-out;
}
.overview-main .key-features .k-feature3 {
    animation-delay: 3s;
    margin-right: 30px;
    animation: zoom 1.5s infinite alternate ease-in-out;
}
.overview-main .key-features .k-feature4 {
    animation-delay: 4s;
    margin-left: 30px;
    animation: zoom 1.5s infinite alternate ease-in-out;
}
.overview-main .key-features .k-feature5 {
    animation-delay: 5s;
    animation: zoom 1.5s infinite alternate ease-in-out;
    margin-top: 30px;
}
.overview-main .overview-content p {
    color: #000;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 40px;
}
.our-team-main .team-box {
/*     border: 1px solid #ececec; */
    -webkit-box-shadow: 0px 0px 17px -1px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 17px -1px rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 50px 10px;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s ease-in;
    background-color: #fff;
}

.team-content a{
   font-weight: bold;
    color: #A2BF00;
    text-decoration: underline;
}

.our-team-main .team-box:hover .team-content {
    transform: scale(1);
    transition: 0.3s ease-in;
    opacity: 1;

}

.our-team-main .team-box .team-content {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 10px;
    transition: 0.3s linear;
    padding: 10px 20px;
    transform: scale(0);
    opacity: 0;
}

.our-team-main .team-box .team-content h6 {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.our-team-main .team-box .team-content p {
    font-size: 14px;
    text-align: justify;
}

.our-team-main .team-box .team-content p a {
    font-weight: bold;
    color: #A2BF00;
    text-decoration: underline;
}

.our-team-main .team-box img {
    width: 240px;
    height: 240px;
    border-radius: 300px;
    object-fit: cover;
    margin: auto;
    display: block;
}

.our-team-main .team-box h6 {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 4px;
    font-size: 22px;
}

.our-team-main .team-box p {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0px;
}
.our-team-main .custom-container {
    padding: 30px 7%;
}
/*/ --- overview css ends --- /*/



/*/ --- team page css starts --- /*/
.team-member-content .custom-container {
    padding: 90px 7% 110px !important;
}
.team-member-content .member-img img {
    width: 240px;
    height: 240px;
    border-radius: 300px;
    object-fit: cover;
    margin: auto;
    display: block;
}
.team-member-content .member-img h6 {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 4px;
    font-size: 22px;
}
.team-member-content .member-img p {
   font-family: "Lato", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0px;
}
.team-member-content .content p {
    font-size: 16px;
    text-align: justify;
}
/*/ --- team page css ends --- /*/




@keyframes zoom {
    0% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1.0);
    }
}


@keyframes shake {
  0% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(10px);
  }
}

@media only screen and (min-width:767px) and (max-width:1050px){
	#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-636 .mega-menu-link {
    padding: 8px 129px 8px 25px;
}
	#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-637 .mega-menu-link {
    padding: 8px 129px 8px 25px;
    margin-left: 0px!important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    	right: -300px;
    }
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
	position: fixed;
    display: block;
    width: 300px;
    max-width: 90%;
    height: 100vh;
    max-height: 100vh;
    top: 0;
    box-sizing: border-box;
    transition: left 400ms ease-in-out, right 400ms ease-in-out;
    overflow: auto;
    z-index: 9999999999;
    overscroll-behavior: contain;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
		line-height:50px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		right: 0;
        
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		display: block;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: #fff;
    padding: 0px 0px 0px 0px;
    display: none;
}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
		display: list-item;
		margin: 0;
		clear: both;
		border: 0;
	}
	.page-id-6 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		color: #ffffff;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #000;
    font-size: 14px;
}
	
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
		position: fixed;
		width: 100%;
		height: 99999px;
		content: "";
		top: 0;
		left: 0;
		opacity: 0.5;
		
		cursor: pointer;
		z-index: 9999999998;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background:  #9fc4f9;
   } 
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
       margin-right: 0px;
   }

}

@media only screen and (min-width:300px) and (max-width:500px){
	
			#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    background: #000!important;
}
		.project.column.dt-sc-one-fourth {
    width: 100%;
}
	.support-links ul li img {
    width: 12px;
}
	.footer .ft-links ul li a {
		    font-size: 17px;
	}
	.banner-caption span p {
		text-align: left;	
	}
	.banner-caption span p {
    font-size: 23px;
    padding: 62px 0px 0px 1px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{
		margin-top:15px;
	}

.header-logo img {
    width: 100%;
    height: 100%; 

}
.bann span h2 {
    font-size: 25px;
    padding: 0px;

}
.banner-caption span p {

    font-size: 25px;
    padding: 50px 0px 0px 1px;
    margin: 0px 0px 25px 0px;

}
.banner-caption span h2 font {
    
    top: 76px;
    left: 0px;

}
.name span h2 {
    font-size: 21px;
    top: 108px;
	text-align:left;
}
.home-banner-wrap .banner-caption .col-lg-6 {
    height: 16vh;
    display: flex;

}
.name span p {
    font-size: 16px !important;
    top: 120px!important;
    padding: 10px 0px 0px 1px;
	text-align:left;
}
.support-links ul {
    display: flex!important;
    flex-wrap: wrap !important;
    flex-direction: column;
}
.footer .footer-row {
    display: flex;
    flex-wrap: wrap;
}
.support-links ul li {
    padding-right: 4px;
}
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link {
background:none;
}

}

@media only screen and (min-width:500px) and (max-width:767px){
			#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    background: #000!important;
}
	

	.project.column.dt-sc-one-fourth {
    width: 50%;
}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		
		margin-top:15px;
	}
	.banner-caption span {
		width: unset;
	}

    .header-logo img {
        width: 100%;
        height: 100%; 
    
    }
    .bann span h2 {
        font-size: 25px;
        padding: 0px;
    
    }
    .banner-caption span p {
    
        font-size: 25px;
        padding: 60px 0px 0px 1px;
        margin: 0px 0px 25px 0px;
    
    }
    .banner-caption span h2 font {
        
        top: 90px;
        left: 0px;
    
    }
    .name span h2 {
        font-size: 21px;
        top: 110px;
    }
    .home-banner-wrap .banner-caption .col-lg-6 {
        height: 12vh;
        display: flex;
    
    }
    .name span p {
        font-size: 16px !important;
    top: 120px!important;
    padding: 10px 0px 0px 1px;
    text-align: left;
    }
    .support-links ul {
        display: flex!important;
        flex-wrap: wrap !important;
    }
    .footer .footer-row {
        display: flex;
        flex-wrap: wrap;
    }
    .support-links ul li {
        padding-right: 4px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link {
    background:none;
    }
    
    }
    @media only screen and (min-width:767px) and (max-width:1200px){
		.services .item {
			min-height: 614px;
		}
		.project.column.dt-sc-one-fourth {
    width: 33%;
}
		
		.banner-caption span {
			width: unset;
		}
		
		
		#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    background: #000!important;
}

        .header-logo img {
            width: 100%;
            height: 100%; 
        
        }
        .bann span h2 {
            font-size: 25px;
            padding: 0px;
        
        }
        .banner-caption span p {
        
            font-size: 25px;
            padding: 68px 0px 0px 1px;
            margin: 0px 0px 25px 0px;
        
        }
        .banner-caption span h2 font {
            
            top: 90px;
            left: 0px;
        
        }
        .name span h2 {
            font-size: 21px;
            top: 115px;
        }
        .home-banner-wrap .banner-caption .col-lg-6 {
            height: 12vh;
            display: flex;
        
        }
        .name span p {
            font-size: 23px !important;
            top: 120px!important;
            padding: 10px 0px 0px 1px;
			text-align:left;
        }
        .support-links ul {
            display: flex!important;
            flex-wrap: wrap !important;
        }
        .footer .footer-row {
            display: flex;
            flex-wrap: wrap;
        }
        .support-links ul li {
            padding-right: 4px;
        }
/*         #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link {
        background:none;
        } */
    }

    @media only screen and (min-width:1000px) and (max-width:1200px){
		.services .item {
		    min-height: 518px;
		}
		.support-links ul {
			display: flex!important;
            flex-wrap: wrap;
		}
		.banner-caption span p {
			text-align: left;
		}
		
		.name span h2 {
			 top: 220px;
			 font-size: 23px;
		}
		.name span p {
			margin-left: -7px;
		}
		.banner-caption span p {
		font-size: 30px;
		}
		.name span p {
			text-align:center;
		}
		
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #000;
    font-size: 14px;
}
		
    #mega-menu-wrap-primary .mega-menu-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    	right: -300px;
    }
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
		position: fixed;
		display: block;
		width: 300px;
		max-width: 90%;
		height: 100vh;
		max-height: 100vh;
		top: 0;
		box-sizing: border-box;
		transition: left 400ms ease-in-out, right 400ms ease-in-out;
		overflow: auto;
		z-index: 9999999999;
		overscroll-behavior: contain;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
		line-height:40px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		right: 0;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		display: block;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
		background: #fff;
		padding: 0px 0px 0px 0px;
		display: none;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
		display: list-item;
		margin: 0;
		clear: both;
		border: 0;
	}
	.page-id-6 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		color: #ffffff;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		background: #000!important;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
		position: fixed;
		width: 100%;
		height: 99999px;
		content: "";
		top: 0;
		left: 0;
		opacity: 0.5;
		background: black;
		cursor: pointer;
		z-index: 9999999998;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
		border: none;
		
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background:  #9fc4f9;
   } 
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
           margin-right: 100px;
           margin-top: 52px;
   }
/* 		#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-885 > a.mega-menu-link {
    background: none;
} */
}


 @media only screen and (min-width:1201px) and (max-width:1700px){
	 
	 .services .item {
		     min-height: 494px;
	 }
	 .banner-caption span p {
			text-align: left;
		}
	 
	 .name span p {
			text-align:center;
		}
	 .banner-caption span p {
		 font-size: 30px;
	 }
	 .name span h2 {
    font-size: 27px;
	 }
	 .name p{
		 position: relative;
         left: 86px;
	 }
	 .footer .custom-container {
    padding: 5px 3% 5px;
}
	 .support-links ul li img {
    width: 20px;
}
	 .footer .ft-links ul li a {
		     font-size: 15px;
	 }
	 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		 
		     padding: 0px 14px 0px 14px;
	 } 
	 
	 
}	 
    
/*landing page*/
.landing-cnt{
    padding-top:12%;
}
.landing-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 93vh; 
    margin: 0; 
    padding: 0;
}


.logo-img  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; 
}


.logo-img img {
    max-width: 100%;
    height: 165px;
    object-fit:contain;
}
.page-id-1057 .header-wrapper,
.page-id-1057 .footer {
    display:none;
}
.landing-head{
    text-align:center;
}
.name{
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 26px;
}
.qualification{
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 22px !important;
}
.job {
    font-family: "Lato", sans-serif;
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 600 !important;
    padding-top: 10px;
}
.landing-btn{
    font-family: "Lato", sans-serif;
    letter-spacing:1px;
    color:#000 !important;
    font-size:25px;
    padding-top:50px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}
.landing-btn:hover {
    cursor: pointer!important;
}
.landing-btn:hover{
    color:#f2b310 !important;
    transition: background-color 0.3s ease;
}

.landing-footer {
    background: #f2b310;
    padding: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.main-land{
    height:100vh !important;
    position:relative;
}
.footer-det{
     font-family: "Lato", sans-serif;
     font-size:22px;
}
.landing-footer span{
  font-size: 17px !important;
    font-weight: 500;
}
.landing-footer a {
    font-size: 17px !important;
}
.landing-footer span, .landing-footer a{
    color:#000;
}
.landing-footer a:hover{
    color:#fff;
}
.landing-page {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-page {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Hide overflowing content */
}

.landing-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../classik/assets/img/background-home.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    animation: fade-in-out 6s infinite alternate; /* Apply the fade-in-out animation */
    z-index: -1; /* Move the pseudo-element behind other content */
}

@keyframes fade-in-out {
    0%, 100% {
        opacity: 0; /* Start and end with 0 opacity */
    }
    50% {
        opacity: 1; /* Fade in to full opacity */
    }
}

.container {
    position: relative;
    z-index: 1; /* Ensure content is above the background */
}
.float{
width: 50px;
    height: 50px;
    background: #ffffff78;
    color: #6d6d6d !important;
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 1050;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    line-height: 47px;
    -webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(242, 179, 16, 0.5);
}
@keyframes puls {
    0% {
        box-shadow: 0 0 0 0 rgba(242, 179, 16, 0.5);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(242, 179, 16, 0);

    }
    100% {
        box-shadow: 0 0 0 0 rgba(242, 179, 16, 0);
    }
}
.my-float{
	margin-top:10px;
}
.callfloat{
width: 50px;
    height: 50px;
    background: #ffffff78;
    color: #6d6d6d !important;
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 1050;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    -webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(242, 179, 16, 0.5);

}

.call-float{
	margin-top:10px;
}
.callfloat:hover, .float:hover{
    color:#fff;
}
.animatemoveForward{
    animation: moveForward 2s linear infinite;
}
/* Tooltip style */
.tooltip {
    position: absolute;
    bottom: calc(100% + 10px); /* Position the tooltip above the icon */
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8); /* Tooltip background color */
    color: white; /* Tooltip text color */
    padding: 5px 10px; /* Adjust padding as needed */
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.floating-icon:hover .tooltip {
    opacity: 1;
}



 @keyframes moveForward {
      0% { transform: translateX(0); }
      100% { transform: translateX(10px); } 
    }

.footer-det {
    display: inline-block;
    margin: 0 10px;
}

.separator {
    display: inline;
}

@media (max-width: 767px) {
    .footer-det {
        display: block;
        margin: 5px 0;
    }

    .separator {
        display: none;
    }
}




















@media only screen and (max-width:767.5px){
    .landing-btn {
    padding-top: 15px;
    font-size: 16px;
}
}



/*Home main section Update - Vallappura*/
.home-main-banner-social span
{
    padding: 15%;
}
.home-main-banner-social span .subs {

    font-size: 17px !important;
    letter-spacing: 4px;

}
.home-main-banner-social ul {

    list-style: none;
   font-family: "Lato", sans-serif;
    display: flex;
    padding: 0;
    margin-top: 16px;

}
.home-main-banner-social ul li {

    margin-right: 25px;

}
.home-main-banner-social span p {

    margin: unset !important;
    padding: unset !important;
    color: #6d6d6d !important;
    font-weight:300 !important;
   
}
.home-main-banner-social ul li a{

   color: #6d6d6d;

}
.support-links ul
{
    justify-content: center;
    margin-bottom: 0px;
}
.footer .ft-links ul li a
{
    padding: 0px;
    color: #6d6d6d;

}
.banner-imagecon img
{
    opacity: .2;
    transition: opacity 5s ease-in-out;
}
.banner-imagecon img
{
    opacity: 1;
}
.footer .ft-links ul li a
{
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.footerhome
{
    position: fixed; 
    bottom: 0;
}
.footer .support-links
{
    padding: unset;
}
.support-links ul li
{
    color: #6d6d6d59;
    display: ruby;
}
.home-main-banner-social span hr
{
  width: 50%;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  margin-bottom: 25px !important;
  color: #f2b310;
  height: 23px;

}

.innerpage-header svg rect {
    opacity: 0; /* Initially hide the building construction elements */
}

@keyframes build {
    0% {
        opacity: 0; /* Start with all elements hidden */
    }
    20% {
        opacity: 1; /* Show first floor */
    }
    40% {
        opacity: 1; /* Show second floor */
    }
    60% {
        opacity: 1; /* Show third floor */
    }
    80% {
        opacity: 1; /* Show fourth floor */
    }
    /* Add more keyframes for additional floors */
}

#building-svg {
    width: 100%; /* Full page width */
    height: 260px; /* Set height as required */
    animation: build 5s forwards; /* Animation duration and timing */
}
.our-team{
    text-align: center;
    background: #bcbcbca6;
    padding: 28px;
    border-radius: 14px;
}
.our-team img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.our-team .title{
    font-size: 28px;
    font-style: italic;
    color: #444;
    text-transform: capitalize;
    margin: -15px 0 15px;
    opacity: 0.8;
    font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 10px;
}
.our-team .social{
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}
.our-team .social li{
    display: inline-block;
}
.our-team .social li a{
    display: block;
    font-size: 20px;
    color: #666;
    margin-right: 8px;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{
    color: #660d79;
}
.our-team .post{
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 3px;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 35px; }
}
.about-architect img
{
  border-radius: 30px;
  width: 52%;
  margin-left: auto;
  display: block;
}
.whychoose-caption
{
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 2.3;
  color: #6d6d6d;
}
.aboutus-companycontent 
{
    background: #ffffffd1;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
  width: fit-content;

}
.aboutus-companycontentrow
{
    margin-top: 55px !important;
} 

.aboutus-companycontent .logo-img
{
    width: 28%;
    margin: auto;
    margin-top: 34px;
}
.aboutus-companycontent p
{
   color: #6d6d6d;
   padding: 6%;
  text-align: justify;
  padding-top: 12px;
  line-height: 1.7;

}

.aboutus-companycontentrow  hr
{
  
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  margin-bottom: 25px !important;
  color: #f2b310;
  height: 5px !important;
  opacity: .7;
}

.ourteam 
{
    margin-top: 43px !important;
}
.ourteam .teamitems
{
    margin: auto;
}
.ourteam .teamitems span
{
    font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 3px;
  text-align: center;
}
.box{
    background: linear-gradient(to right, #f2b310 0%, #262729 100% );
    font-family: "Lato", sans-serif;
    position: relative;
    overflow: hidden;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after{
    content: "";
    background: #fff;
    width: 0;
    height: 4px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    transition: all 600ms ease;
}
.box:after{
    top: auto;
    bottom: 30px;
    left: auto;
    right: 30px;
}
.box .box-content:before,
.box .box-content:after{
    width: 4px;
    height: 0;
}
.box .box-content:after{
    left: auto;
    right: 30px;
    top: auto;
    bottom: 30px;
}
.box:hover:before,
.box:hover:after{    
    width: calc(100% - 60px);
}
.box:hover .box-content:before,
.box:hover .box-content:after{
    height: calc(100% - 60px);
}
.box {
    margin-bottom:20px;
}
.box img{
    width: 100%;
    height: 250px;
    object-fit:cover;
    transform: scale3d(1, 1, 1);
    transition: all 0.25s linear;
}
.box:hover img{
    opacity: 0.25;
    transform: scale(1.25);
}
.box .inner-content{
    color: #fff;
    text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 70%;
    left: 50%;
    transition: all 600ms ease;
}
.box:hover .inner-content{
    opacity: 1;
    top: 50%;
}
.box .title{
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.box .post{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 12px;
    display: block;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    display: inline-block;
    margin: 0 4px;
}
.box .icon li a{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 10px 0 10px 0;
    display: block;
    transition: all 0.3s;
}
.box .icon li a:hover{
    color: #0c7475;
    background: #fff;
    border-radius: 0 10px 0 10px;
}
@media only screen and (max-width:990px){
    .box { margin: 0 0 30px; }
}

.project-filter-button
{
  margin-right: 18px;
  color: #fff !important;
  background-color: #f2b310!important;
  border-color: #f2b310!important;
}
.project-filter-button:hover
{
  color: #f2b310!important;
  background-color: #fff!important;
  border-color: #f2b310!important;
}
.project-filter-button:active
{
  color: #f2b310!important;
  background-color: #fff!important;
  border-color: #f2b310!important;
}



@media only screen and (max-width:767.5px) {
    .header-logo img {
        margin-left:10%;
    }
    .home-main-banner-social span {
        padding: 15% 15% 15% 0%;
    }
    .home-banner-wrap img {
        object-position:70%;
    }
    .footerhome {
        position:unset;
    }
    .support-links ul li span {
        display:none;
    }
    .whychoose-page .head p {
        line-height:1.5;
    }
    .project-filter-button {
        margin:5px 10px;
    }
    .contact-head h2 {
        font-size:30px;
    }
    .footer .ft-links ul li a i {
        display:block;
    }
    .footer .ft-links ul li a {
        display: inline-flex;
        align-items: center;
    }
    .footer .ft-links ul li a i {
        margin-right:5px;
        font-size: 14px;
    }
}

@media only screen and (max-width:991px) {
    .about-architect img {
        margin-right:auto;
    }
    .whychoose-page .head h2 {
        margin-top:15px;
    }
    .whychoose-page .head {
        text-align:center;
    }
    .whychoose-page .head p {
        text-align: center;
        margin-bottom: 5px;
        line-height: 2;
    }
}


.about-image-section{
	padding-top:45px;
}
.vdosec {
    height: 100%;
}
.vdosec video{
	height:100%;
	border-radius:15px;
}
.about-image-section img {
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
}
.about-image-section .col-12{
	margin-bottom:20px;
}
.about-image-section {
    margin: 40px auto;
    padding: 35px;
    background: #f2f2f2e0;
    border-top: 5px solid rgb(233, 191, 83);
    border-radius: 15px;
    width: 85%;
    box-shadow: 0 0 10px 0 #00000026;
}

.about-image-section h3 {
    font-family: "Lato", sans-serif;
    font-style: normal ;
    line-height: 2.3;
    color: #6d6d6d;
	text-align:center !important;
}
.images{
	display:flex;
}

@media only screen and (max-width:767px){
.images{
	display:block;
}	
	.about-image-section{
		width:100%;
		padding:15px;
	}
}


.architect-jai{
    margin: unset !important;
    padding: unset !important;
    color: #6d6d6d !important;
    font-weight: 300 !important;
    width: 100%;
    font-size: 30px;
    border-radius: 10px;
    text-align: justify;
}

/* blog section */

#blog-classik {
    position: relative;

}
#blog-classik img {
    height: 220px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.blog-content {
    padding: 15px 10px;
    text-align: left;
    background: #fff;
    border-radius: 0 0 20px 20px;
	    box-shadow: 0 2px 17px 0 #0000001a;
}
.blog-content h5 {
    text-align: left;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.blog-content p {
   text-align: left;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    margin-bottom: 10px;
}
.blog-content a {
    text-align: left;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
}
.blog-content a:hover{
	color:#f2b310;
}
.post-image img{
	height:200px;
	object-fit:cover;
	border-radius:20px;
	margin-bottom:30px;
}
.post-single h4 {
    font-size: 23px;
    text-align: left;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}
.post-single h5 {
    font-size: 26px;
    text-align: left;
    color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}
.blog-date-style{
	color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}
.post-single a{

	color: #6d6d6d;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}
.post-single a i{
	color:#f2b310;
	margin-right:10px;
}
.post-single a:hover{
	color:#f2b310;
}