/*----------------------------------------*/
/* Header
/*----------------------------------------*/
.ht-site-title a, .site-title a {color: #000;}
header.site-header .maintop-header{
    background: #000;
    padding: 7px 0;
}
.site-header {
    position: relative;
    z-index: 99999;
    position: absolute;
    width: 100%;
}    
 .mainbottom-header .buttondesign {
    text-align: right;
    gap: 1.5rem;
    display: flex;
    justify-content: center;
}
 .mainbottom-header .top-form {
    display: inline-block;
    position: relative;
}
header .top-form form input[type="submit"], header .top-form form input[type="button"] {
    color: #003d5c;
    position: absolute;
    font-size: 12px;
    padding: 10px 8px;
    font-weight: 500;
    border: 0;
    margin: 1px 1px 1px 4px;
    width: 20%;
    top: 2px;
    background: #e5a70f;
    left: 99%;
}
header .top-form fieldset {
    padding: 0;
    margin: 0 1%;
}
header .top-form form input[type="text"] {
    width: 80%;
    font-size: 15px;
    border: 1px solid;
    border-radius: 4px;
    padding: 8px 2px 8px 10px;
}
 .mainbottom-header button#formButton {
     padding: 0;
    background: transparent;
    position: relative;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 46px;
    text-align: center;
    box-shadow: none;
    border: 0;
    margin: 0px 0 0 0;
    top: 1em;
    border: 0;
    opacity: 1;
}
 .mainbottom-header button#formButton:hover{
background: #ffffff1a;
 }
 .mainbottom-header .top-form form {
    /* background: #F0F8FF; */
    position: absolute;
    right: 2%;
    width: auto;
    /* top: 100%; */
    z-index: 10;
    padding: 2px 1px 4px 4px;
}
 .mainbottom-header form#form1 {
    width: 280px !important;
    border-radius: 4px;
    display: none;
    position: absolute;
    right: 0;
    margin: 0 auto;
    /* left: 0; */
    width: auto;
    top: 54px;
    /* overflow: hidden; */
}
 .mainbottom-header .top-form fieldset {
    padding: 0;
    margin: 0 1%;
}
.mainbottom-header .top-form form input[type="text"] {
    width: 80%;
    font-size: 15px;
    border: 1px solid;
    border-radius: 4px;
    padding: 8px 2px 8px 10px;
}
 .mainbottom-header #formButton svg,  .mainbottom-header #formButton-1 svg,  .mainbottom-header #formButton-2 svg {
    color: #ffffff;
    width: 20px;
    opacity: 1;
    height: 20px;
}
.mainbottom-header{}
.stickyheader{}
.top-bar-head{
    padding: 0px;
    width: 100%;
    display: inline-block;
    background-color: #003a65 !important;   
    z-index: 999;  
    position: relative;
} 
.header-fixed {
    position: fixed !important;
    top: -70px;
    left: 0;
    width: 100%;
    background: #fff;
    max-width: 100%;
    z-index: 99999;
    transform: translateY(70px);
    transition: transform 500ms ease, background 200ms ease
}


.border-right {
    border-right: 1px solid #b4b4b4;
}
.space {
    padding: 15px 20px;
}

.maintop-header  {
    font-size: 17px;
    font-weight: 400;    
    margin: 0;
    color: #b3b2b2;
}
.maintop-header .header-email {
    text-align: right;
    padding: 5px 0;
}
.maintop-header .header-email a{
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.maintop-header .header-email a:hover{
      color: #E11D07;
}
.maintop-header .header-email i{
     font-size: 17px;
    font-weight: 500;
    color: #E11D07;
    margin-right: 10px;
}
.site-header .socials {text-align: right; padding: 0 0;}

.site-header .socials a { padding: 0 10px; }
.site-header .socials a i.fa {
    color: #fff;
    font-size: 22px;   
    line-height: 33px;   
    text-align: center;    
    transition: all 0.9s;
}
.site-header .socials a i.fa:hover {
    color: #E11D07;    
    transform: scale(1.2);
    transition: all 0.9s;

}
.mainbottom-header .callnow {
        /* padding: 15px 0 0; */
    margin-top: 35px;
}
.mainbottom-header .callnow i{
    font-size: 36px;
    width: 51px;
    height: 50px;
    border: 1px solid #E11D07;
    border-radius: 50%;
    text-align: center;
    line-height: 49px;
     color: #E11D07;  
         position: relative;
    left: -24px;
}
.mainbottom-header .callnow p{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Roboto';
}
/*.mainbottom-header .phntextbx {
    position: relative;
    border: 1px solid #FFFFFF;
    padding: 14px 32px;
    display: inline-block;
}*/
.mainbottom-header .top-header-phone {
    position: relative;
    /* border: 1px solid #FFFFFF; */
    padding: 10px 28px;
    display: inline-block;
    background: #e5a70f;
    border-radius: 3.40282e38px;
    opacity: 1;
    top: 1em;
}
.mainbottom-header .top-header-phone a{
    color: #003d5c;
    font-weight: 600;
    font-size: 0.875rem;
    opacity: 1;
}
.mainbottom-header .callnow a{
      color: #000; 
      font-size: 19px;
      font-weight: 600;
      margin: 0;
      transition: all 0.9s;
    transform: scale(1);
}
.mainbottom-header .callnow a:hover{
    color: #E11D07;    
    transform: scale(1.2);
    transition: all 0.9s;
}

/*--------------------  General Header container---------------------------*/
.container.hr-btm {
    padding-right: 0;
    margin-right: 0;
}
/*--------------------  Site logo & title ---------------------------*/
.ht-site-description,
 .ht-site-description,
.page .ht-site-description,
.single .ht-site-description{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    text-align: left;
    padding: 5px 0px 0px 0;
}
.ht-site-description a,
 .ht-site-description a,
.page .ht-site-description a,
.single .ht-site-description a  {
    color: #fff;
}
.logo-header,
 .logo-header,
.page .logo-header,
.single .logo-header{
    margin: 0 auto;
    text-align: left;    
    
}
.header-transparent .sticky-header .logo-header{
    top: 35px !important;
}
.ht-site-title,.site-title,
 .ht-site-title,  .site-title,
.page .ht-site-title, .page .site-title,
.single .ht-site-title, .single .site-title
 {
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    padding: 0;
    color: ;
}
.ht-site-title a,.site-title a{
    word-break: break-all;
}
.ht-site-title a,
 .ht-site-title a,
.page .ht-site-title a,
.single .ht-site-title a{
    color:#4a8cec;
}
/*--------------------  Site logo & title responsive ---------------------------*/
@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        text-align: center;
    }
}
@media only screen and (max-width: 992px){
    .ht-site-description {
        padding: 8px 2px;
    }
}


/*--------------------  contact details ---------------------------*/
ul.h-contact,
 ul.h-contact,
.page ul.h-contact,
.single ul.h-contact {
    text-align: center;
    margin: 0;
    padding: 8px 0;
}
ul.h-contact li,
 ul.h-contact li,
.page ul.h-contact li,
.single ul.h-contact li{
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 20px;
}
ul.h-contact li i,
 ul.h-contact li i,
.page ul.h-contact li i,
.single ul.h-contact li i{
    padding-right: 10px;
    font-size: 20px;
}
.h-mailid a, .h-phone a,
 .h-mailid a,  .h-phone a,
.page .h-mailid a, .page .h-phone a,
.single .h-mailid a, .single .h-phone a{    
    color: #ffffff;
    font-size: 18px;    
}
.h-contact,
.page .h-contact,
 .h-contact,
.single .h-contact{
    text-align: center;
}
.h-mailid a i, .h-phone a i,
 .h-mailid a i,  .h-phone a i,
.page .h-mailid a i, .page .h-phone a i,
.single .h-mailid a i, .single .h-phone a i{    
    color: #ffffff;
    font-size: 22px;  
    padding-right: 6px;  
}
.h-phone a i,
 .h-phone a i,
.page .h-phone a i,
.single .h-phone a i{    
    margin-bottom: 15px;
}
.h-mailid a:hover,.h-phone a:hover,
 .h-mailid a:hover,  .h-phone a:hover,
.page .h-mailid a:hover, .page .h-phone a:hover,
.single .h-mailid a:hover, .single .h-phone a:hover{
    color: #000;
}
.h-contact-block,
 .h-contact-block,
.page .h-contact-block,
.single .h-contact-block  {
    background: -webkit-gradient(to right,#783afd 0%,#4971f4 20%,#4971f4 50%,#783afd 100%);
    background: linear-gradient(to right,#783afd 0%,#4971f4 20%,#4971f4 50%,#783afd 100%);
    background-size: 500%;
    text-align: center;
    padding: 1.5em 0;
    border-radius: 0 0 15px 0;
    position: relative;
    right: -1px;
}
/*---------------- contact details responsive -----------------*/
@media only screen and (max-width: 767px) and (min-width: 520px){
   .col-md-2.col-sm-4.col-xs-12.wd {
        width: 33%;
    }
   .col-md-6.col-sm-4.col-xs-12.wd {
        width: 35%;
    }
    .col-md-4.col-sm-4.col-xs-12.wd {
        width: 32%;
    }

}
/*--------------------  Socials ---------------------------*/
.share-btn,
 .share-btn,
.page .share-btn,
.single .share-btn{
    text-align: right;
}
.share-btn a.site-button,
 .share-btn a.site-button,
.page .share-btn a.site-button,
.single .share-btn a.site-button{
    border-radius: 50%;
    width: 40px;
    line-height: 35px;
    height: 40px;
    font-size: 22px;
    display: inline-block;
    margin: 0 5px;
    color: #fefdff;
    border: 3px solid #f7fbec;
    text-align: center;
}
.share-btn a.site-button:hover,
 .share-btn a.site-button:hover,
.page .share-btn a.site-button:hover,
.single .share-btn a.site-button:hover{
    color: #000;
    border: 3px solid #000;
} 
/*--------------------  Navigation ---------------------------*/
.navigation .mainmenu li{
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 45px !important;
}
.navigation .mainmenu>li>a {
    display: block;
    font-size: 19px;
    padding: 30px 0;
    font-weight: 600;
    line-height: 36px;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navigation .mainmenu li.current_page_item a, .current_page_item > a,
.navigation .mainmenu li a:hover,
div#navbarNavDropdown li.current_page_item a:hover, 
.current_page_item > a:hover{
    color: #fdb913;  
    /*border-bottom: 1px solid #fff;*/
}
.navigation .mainmenu li.current_page_item a, .current_page_item > a{
/*border-bottom: 1px solid #fff;*/
}
.navigation .mainmenu li a {
    color: #272727;
}
header.site-header ul.sub-menu li a, 
.navigation .mainmenu li.current_page_item ul.sub-menu li a,
.header.site-header ul.sub-menu li a{
    color: #000;
    
 }

 header.site-header ul.sub-menu li a:hover,
.navigation .mainmenu ul.sub-menu li.current_page_item a,
ul.sub-menu .current_page_item > a,
div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, 
ul.sub-menu .current_page_item > a:hover,
div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover,
.header.site-header ul.sub-menu li:hover a{
    color: #fff;
    background: #E11D07;
 }
.menu-click i{
    color: #783afd;
 }

 ul.sub-menu, header.site-header ul.sub-menu{
    background:#fff ;
}
.header.site-header ul.sub-menu li a:before {
    color:#fff;
  }
.navigation .mainmenu ul.sub-menu li{
    display: block;
    position: relative;
    line-height: normal;
    margin-right: 0;
}
.navigation .mainmenu li:hover ul.sub-menu li{
    opacity: 1;
    visibility: visible;
}
header.site-header ul.sub-menu li a,
.navigation .mainmenu li.current_page_item ul.sub-menu li a,
.header.site-header ul.sub-menu li a,
.header.site-header ul.sub-menu li a:before{
    color: #fff;
} 
header.site-header ul.sub-menu li a:hover,
.navigation .mainmenu ul.sub-menu li.current_page_item a,
ul.sub-menu .current_page_item > a,
div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover,
ul.sub-menu .current_page_item > a:hover,
div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover,
.header.site-header ul.sub-menu li:hover a {
    color: #fff;
     background: #003a65;
}
.header.site-header ul.sub-menu li:hover a  {
    background: #003a65;
    color: #fff;
    border-radius: 0px;
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}
.navigation .mainmenu ul.sub-menu li a{
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.header.site-header ul.sub-menu li a{
    font-size: 14px;   
    font-weight: 500;
    position: relative;
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
    color: #000;
}
.header.site-header ul.sub-menu li a:before  {
    content: "\f2dc";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
.navigation .mainmenu li ul ul.sub-menu,
.header.site-header ul.sub-menu ul,
 .navigation .mainmenu li:hover ul.sub-menu ul {
    left: 212px !important;
    top: -9px !important;
}
/*----------------nav responsive -----------------*/

@media only screen and (min-width: 1300px){
    .navigation .mainmenu ul.sub-menu li,
     .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
    }
    .navigation .mainmenu li:hover ul.sub-menu,
     .navigation .mainmenu li:hover ul.sub-menu,
    .page .navigation .mainmenu li:hover ul.sub-menu,
    .single .navigation .mainmenu li:hover ul.sub-menu {
        left: auto;
        top: 86px;
        text-align: left;
        pointer-events: auto;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
     .navigation .mainmenu li:hover ul.sub-menu ul {
        top: 50px;
        right: -5px;
    }
    .navigation .mainmenu li ul ul.sub-menu{
        top: 60px;
     }
    .navigation .mainmenu ul.sub-menu li,
     .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li ,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
        padding: 0;
    }
}


@media only screen and (max-width: 1024px){
   .h-contact-block,  .h-contact-block, .page .h-contact-block, .single .h-contact-block {
         right: 0px; 
    }
     #steps .peccular-steps-icon span {
        left: 5px;
        width: 45px;
        height: 45px;
    }
}
@media only screen and (max-width: 992px){
    .navigation {
    width: 255px;
    height: 100%;
    position: fixed;
    left: -100%;
    padding: 0;
    top: 0;
    margin: 0;
    z-index: 99999;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #fff;
}
   .navigation .mainmenu li {
        display: block;
        position: relative;
        line-height: normal;
        margin-right: 35px;
        margin: 0;
        padding: 0;
    }
    .navigation .mainmenu>li>a {
        padding: 5px 20px;
    }
    .hamburger-menus{
        width: 30px;
        height: 30px;
        position: absolute;
        -webkit-transition: .1s;
        transition: .1s;
        margin: 5px 15px;
        cursor: pointer;
        display: inline-block;
        float: right;
        right: 35px;
        top: 13px;
        z-index: 1;
    }
.navigation .mainmenu li.current_page_item a, .current_page_item > a{
    background: #E11D07;
    color: #fff;
}
.navigation .mainmenu li a{ color: #E11D07 ; }

}
@media screen and ( min-width: 992px) and (max-width: 1199px){
     .navigation .mainmenu li a,
    .page .navigation .mainmenu li a,
    .single .navigation .mainmenu li a, 
    .error404 .navigation .mainmenu li a{ font-size: 15px !important; }
    .navigation .mainmenu {  text-align: left;}
}
@media screen and ( min-width: 320px) and (max-width: 425px){
    .maintop-header ul li:last-child {  margin-left: 0em !important; }
}
@media screen and ( min-width: 320px) and (max-width: 1199px){
    .ht-site-description,
     .ht-site-description, 
    .page .ht-site-description,
    .single .ht-site-description{    padding: 0px 0px 0px 22px;}
    .maintop-header ul li:last-child {  margin-left: 13em;   text-align: right;}

}
@media screen and ( min-width: 320px) and (max-width: 425px){

.maintop-header ul li {   line-height: 21px;}
}

@media screen and ( min-width: 359px) and (max-width: 575px){
.ht-main-title { margin: 40px 0 0.5em 0px !important;     font-size: 31px !important;}

}
@media only ( min-width: 320px) and (max-width:360x){
.ht-main-title { margin: 15px 0 0.5em 0px !important;     font-size: 31px !important;}

}

/*----- Sticky Header ------*/
/*.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    max-width: 100%;
    z-index: 99999;
    box-shadow: -2px 2px 10px 0px #2d2d2d;
}*/

/*----------------------------------------*/
/*  HOME PAGE COMMON AREA
/*----------------------------------------*/

 .peccular-section-head {
    text-align: center;
    margin-bottom: 2em;
    margin-top: 1.5em;
}
 .peccular-section-head h2{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 54px;
}

 .peccular-section-head h3{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
}
 .peccular-section-head .peccular-section-head-icon i{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #E11D07;
}
#events .event-bg,
#about .about-bg,
#whychooseus .whychooseus-bg,
#industries .industries-bg,
#gallery .gallery-bg,
#clientmetrics .clientmetrics-bg,
#AcademicsPrograms .AcademicsPrograms-bg,
#steps .steps-bg,
#counter .counter-bg,
#appointment .appointment-bg,
#programs .programs-bg,
#facility .facility-bg,
#testimonials .testimonials-bg,
#team .team-bg,
#video .video-bg,
#contact .contact-bg,
#blog .blog-bg,
#newsletter .newsletter-bg,
#footer .footer-bg

{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
#events,
#about,
#whychooseus,
#industries,
#gallery,
#clientmetrics,
#AcademicsPrograms,
#steps,
#counter,
#video,
#appointment,
#programs,
#facility,
#testimonials,
#team,
#contact,
#blog,
#newsletter,
#footer{
    position: relative;
    overflow: hidden;
}
.peccular-section-head {
    position: relative;
}

/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.swiper-container-horizontal>.swiper-pagination-bullets {
    display: block;
}
.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}
.slider-area{    
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}
.hero-style {
    height: 800px;
    transition: all .4s ease;
}
.hero-slider {
    width: 100%;
    height: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 999;
}
.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.slide-inner .hero-overlay{
       /* background: #000; */
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
 background: linear-gradient(
        90deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.55) 35%,
        rgba(0,0,0,0.25) 65%,
        rgba(0,0,0,0) 100%
    );}

.slider-area img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    position: relative;
}
.hero-slider .slideroverlay{
background: transparent radial-gradient(closest-side at 68% 50%, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.slider-area .slider_features_area {
position: absolute;
    left: 16%;
    width: 73%;
    top: 65%;
    z-index: 999;
}
.slide-inner .slider-inner-mainbox {
    position: absolute;
    left: 8%;
    top: 18%;
    width: 660px;
    z-index: 999;
}
.slider-inner-box {
    position: relative;
    padding: 6em 0em 7em 3em;
    text-align: left;
}
.slider-area h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    padding: 20px 0;
}
.hero-style .slide-title h2 {
    font-size: 3.75rem;
    line-height: 80px;
    color: #ffffff;
    transition: all .4s ease;
    padding: 0 0 10px 0;
    font-weight: 600;
    margin-top: 30px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;

}
.swiper-button-next, .swiper-button-prev {
    display: block;
}
.slider-area p {
    color: #fff;
    padding-bottom: 27px;
    margin: 0;
}

.hero-style .slide-text p {
    font-family: system-ui !important;
    display: inline-block;
    z-index: 1;
    text-align: left;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    line-height: 28px;
    margin: 22px 0 0 0;
    letter-spacing: 1.5px;
    transition: all .4s ease;
    font-family: 'Poppins', sans-serif;
    /* border-bottom: 1px solid #FFC246; */
    padding-bottom: 2.5px;
}
.hero-style .slide-text p:before{
    content: "";
    width: 60px;
    height: 2px;
    background: #ffffff;
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-right: 6px;

}
.slide-btns-2.animated.fadeInDownBig {
    position: relative;
    z-index: 5;
    float: right;
    margin-top: 3px;
}
.hero-style .slide-btns-2 a.ourserv{
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 18px;
    background: #fff;    
    color: #000;  
    padding: 12px 28px;
    transition: all .6s;
    display: inline-block;
    text-align: center;
   
}
.hero-style .slide-btns-2 a.ourserv:after{
    content: "";
    position: absolute;
    border-left: 2px solid #fff;
    top: 0px;
    left: 6px;
    right: 0;
    height:0%;
    z-index: 1;
    opacity: 0;
    transition: all .6s;
}
.hero-style .slide-btns-2 a.ourserv:before{
    content: "";
    position: absolute;
    border: 1px solid #fff;
    top: 0px;
    left: 0px;
    bottom: 0;
    width: 0%;
    z-index: 1; 
    opacity: 0; 
    transition: all .6s; 
}
.hero-style .slide-btns-2 a.ourserv:hover:after{
    opacity: 1;
    transition:all .6s;
    height: 100%;
}
.hero-style .slide-btns-2 a.ourserv:hover:before{
    opacity: 1;
    transition:all .6s;
    width: 100%;
}
.hero-style .slide-btns-2:hover a.ourserv{
    background: #E11D07;    
    color: #fff;
    padding: 17px 25px 11px;
    font-size: 17px;
    transition: all .3s;
}
.hero-style .sliderbuttons{
    position: relative;
    display: inline-block;
    margin: 20px 0 0 0;
}
.hero-style .slide-btns-1{
    padding: 2px;
    border-radius: 5px;
    float: left;
    margin-right: 17px;
}
.hero-style .slide-btns-1:hover{
    border: none;
}
.hero-style .slide-btns-1 a.moreabt{
font-size: 1.125rem;
    border-radius: 3.40282e38px;
    font-weight: 600;
    line-height: 25px;
    background: #fdb913;
    color: #003d5c;
    text-align: center;
    padding: 12px 17px;
    transition: all .6s;
    display: inline-block;
    position: relative;
    font-family: sans-serif;
}


/*Notice Box */

.slider-area{
    position: relative;
}

/* Notice container */
.slider-notice-box{
    position: absolute;
    right: 11%;
    top: 23%;
    z-index: 9;
    width: 380px;
}

/* Notice card */
.notice-card{
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* heading */
.notice-card h4{
letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 15px;
    color: #101828;
    font-family: 'Playfair Display';
}

.notice-card .dot{
    width:8px;
    height:8px;
    background:#fdb913;
    display:inline-block;
    border-radius:50%;
    margin-right:8px;
}

/* notice items */
.notice-item{
    border-bottom: 1px solid #0000001a;
    padding: 12px 0;
    padding-bottom: 22px;
}

.notice-item:last-child{
    border:none;
}

.notice-title{
    font-size: 1rem;
    margin-bottom: 4px;
    color: #101828 !important;
    font-weight: 700;
    letter-spacing: 0.5px;
        padding-bottom: 12px;
    font-family: 'Playfair Display', serif;
}
.notice-date svg{
    height: 17px;
    width: 17px;
    margin-right: 3px;
    margin-top: -2px;
}
.notice-date{
    font-size: .875rem;
    color: #4a5565;
}

/* admission button */
.admission-btn{
    margin-top:15px;
    text-align:center;
}

.admission-btn a{
    display: block;
    background: #fff;
    font-size: 1.125rem;
    border-radius: 22px;
    font-weight: 700;
    color: #101828;
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    padding: 25px;
    font-family: sans-serif;
}

.admission-btn a svg{
    color: #003d5c;
    margin-right: 10px;
}
.admission-btn a:hover svg{
transform: scale(1.06);
transition: all .3s;
}
.admission-btn a svg path{
    
}
.hero-style .slide-btns-1 a.moreabt svg{
    height: 17px;
    width: 17px;
    margin-left: 12px;
}
.hero-style .slide-btns-1:hover a.moreabt{
    background: #e5a70f;    
    color: #003d5c;
    transition: all .3s;
}
.swiper-button-next, .swiper-button-prev{
position: absolute;
    top: 50%;
    width: 50px !important;
    height: 50px !important;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background: #E11D07;
    border-radius: 50%;
    transform: scale(1.0);
    transition: all .3s;
}
.swiper-button-next:before{
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 30px;
    padding: 8px 14px;
    transition: all .6s;
}
.swiper-button-prev:before{
    content: '\f104';
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 30px;
    padding: 8px 14px;
    transition: all .6s;
}
.swiper-button-prev {
    background-image: none !important;
    left: 40px !important;  
    color: #fff;
    font-size: 58px !important;
    padding: 0px 5px !important;
}
/*.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fdb913 !important;
    border-radius: 3.40282e38px !important;
    width: 50px !important;
    height: 13px !important;
}*/

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    background: #ffffff80 !important;
    border-radius: 3.40282e38px !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
    background: #fdb913 !important;
     width: 50px !important;
}
.swiper-button-next {
    background-image: none !important;    
    right: 40px !important;
    color: #fff;
    font-size: 58px !important;
    padding: 0px 5px !important;
}
.swiper-pagination{
    text-align: right !important; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
    width: 100%;
    right: 35px !important;
    left: -35px !important;
}
 .swiper-button-prev:hover,
 .swiper-button-next:hover{
    color: #000;
    transform: scale(1.2);
    transition: all .3s;
 }


/*----------------------------------------*/
/*  Gallery Area
/*----------------------------------------*/

#gallery {
position: relative;
    overflow: hidden;
    background: #fbf9fa;
}
#gallery .peccular-section-head {
           margin: 2em 0em 2em;

}
#gallery .peccular-section-head h3{
    letter-spacing: 0.05em;
    color: #003d5c;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    font-weight: 600;

}
#gallery .peccular-section-head h3 svg{
    height: 19px;
    width: 19px;
    margin-right: 7px;
    margin-top: -2px;
}
#gallery .peccular-section-head h3 svg path,#gallery .peccular-section-head h3 svg circle,#gallery .peccular-section-head h3 svg rect{
    stroke: #00bcd4;
}
#gallery .peccular-section-head h2{
    color: #101828;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3rem;
    font-family: Playfair Display, serif;
    display: inline-block;
    padding: 8px 19px 8px 100px;
    border-radius: 2px;
}
#gallery .peccular-section-head .head_BGshadedimg {
    position: absolute;
    text-align: center;
    left: 2.2%;
    right: 0;
    margin: 0 auto;
    top: 16%;
}
#gallery .peccular-section-head .head_BGshadedimg img {
    width: 391px;
    height: 64px;
}
#gallery .peccular-section-head img.headCameraImage {
    position: absolute;
    z-index: 1;
    bottom: 31px;
}
#gallery .peccular-section-head h2 span{
    color: #F2842E;
    font-weight: 600;
    font-size: 46px;
    letter-spacing: 1.8px;
}
#gallery .peccular-section-head h4 {
    font-size: 19px;
    font-weight: normal;
    border-radius: 12px;
    display: inline-block;
    padding: 4px 12px;
    color: #7c4b2ae0;
    letter-spacing: 0.7px;
    font-family: Roboto, Regular;
    line-height: 34px;
    padding-left: 4em;
    padding-right: 3em;

}
#gallery .hover_color {
  position: relative;
/*  margin: 0;*/
  display: inline-block;
  z-index: 1;
}

/*#gallery .hover_color::before {
  position: absolute;
  content: '';
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  background: #2A2E3D;
  opacity: 0.8;
  transition: all 350ms;
  z-index: 1;
}
*/
/* top or bottom, to choose where it starts */
/*#gallery .hover_color:hover::before {
  top: 0;
  z-index: 1;
}
*/


/*----------------------------------------*/
/*  whychooseus Area
/*----------------------------------------*/

#whychooseus .peccular-whychooseus-b{
    padding: 7px 3em;
}
#whychooseus .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}
#whychooseus p.whychooseus_description {
    color: #e67e22;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
}

 #whychooseus h4.peccular-whychooseus-title{
font-size: 1.25rem;
    font-weight: 700;
    word-break: break-word;
    padding: 0;
    margin: 25px 0 15px 0;
    line-height: 30px;
    color: #101828;
    transition: all 0.8s;
    letter-spacing: 0;
    position: relative;
    font-family: Playfair Display, serif;
    z-index: 1;
    margin-left: 0;
}  
/* #whychooseus h4.peccular-whychooseus-title:before{
    content: "\f0da ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #5D8D2F;
    font-size: 34px;
    position: relative;
    font-style: normal;
    top: 5px;
    margin-right: 5px;
}
*/
div#whychooseus {
    position: relative;
    background: #f6f6f6;
}

#whychooseus .peccular-whychooseus-icon {
    position: relative;
    transition: all 0.8s;
}

#whychooseus .FeaBGleaf_img img {
    height: 120px;
    width: 120px;
    transition: all 0.8s;
}
#whychooseus .FeaBGleaf_img {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.8s;
}
/*#whychooseus .peccular-whychooseus-single:hover .peccular-whychooseus-icon {
    top: 38%;
    left: 37%;
    transition: all 0.8s;
}
*/
/*#whychooseus .peccular-whychooseus-single:hover .FeaBGleaf_img img {
    transition: all 0.8s;
    transform: rotate(45deg);
}*/
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
#whychooseus .peccular-whychooseus-single{
    position: relative;
    /*margin-bottom: 1em;*/
    padding: 0;
    transition: all 0.8s;
}

 #whychooseus .peccular-whychooseus-b{
      padding: 1em 10px 10px 10px;
      text-align: right;
}
 #whychooseus .peccular-whychooseus-b1 {
    padding: 1em 10px 10px 10px;
    text-align: left;
}

 #whychooseus .mid-image-bx img{
    height: 514px;
    width: 100%;
    position: relative;
}
 #whychooseus .peccular-section-head h2{
    letter-spacing: 0.05em;
    color: #003d5c;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}
#whychooseus .peccular-section-head h2 svg {
    height: 19px;
    width: 19px;
    margin-right: 7px;
    margin-top: -2px;
}
#whychooseus .peccular-section-head h2 svg path, 
#whychooseus .peccular-section-head h2 svg circle, 
#whychooseus .peccular-section-head h2 svg rect {
    stroke: #00bcd4;
}
 #whychooseus .peccular-section-head h3{
color: #101828;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3rem;
    font-family: Playfair Display, serif;
 }
#whychooseus .peccular-section-head p{
text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #7f8c8d;
    font-weight: 400;
  }
#whychooseus .feature_head_bx i {
    color: #92b201;
    font-size: 1px;
    padding: 0px 69px;
    background: #92b201;
    border-radius: 16px;
    margin-bottom: 10px;
    position: relative;
}
 #whychooseus .peccular-section-head .image-icon img.peccular-about-imgboxshape {
    margin-left: 40px;
}
/* #whychooseus .peccular-section-head p {
    text-align: center;
    word-break: break-word;
    margin-bottom: 15px;
    padding: 20px 16em 1em 16em;
    font-size: 18px;
    line-height: 30px;
    color: #6c6c6c;
    font-weight: 400;
}*/

 div#whychooseus {
    position: relative;
    background: #fff;
}

 #whychooseus p.inner-area-text{
color: #4a5565;
    font-size: 1rem;
    font-weight: 400;
    font-family: Lato, sans-serif;
    text-align: left;
    line-height: 1.5;
    margin-left: 0;
}

 #whychooseus .peccular-whychooseus-icon {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    background: #003d5c;
    height: 65px;
    width: 65px;
    border-radius: 10px;
}
 #whychooseus .peccular-industry-image{
height: 192px;
width: 478px;
}
#whychooseus .peccular-industry-image img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 192px;
    width: 100%;
}

 #whychooseus .peccular-whychooseus-icon i{
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    transition: all 0.8s;
    line-height: 21px;
       padding: 19px 17px 21px 15px;

}
#whychooseus .peccular-whychooseus-single .indstry_contntbx {
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 33px;
    padding-right: 30px;
}

 #whychooseus .peccular-whychooseus-single{
position: relative;
    transition: all 0.8s;
    overflow: hidden;
    TEXT-ALIGN: left;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    margin-left: 6px;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    margin-right: 6px;
}
 #whychooseus .peccular-whychooseus-single:hover{
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    transition: all 0.5s;
    margin-top: -10px;
 }
 #whychooseus .peccular-whychooseus-single:hover h4.peccular-whychooseus-title{
    /*color: #e67e22;*/
    transition: all 0.5s;
 }
#whychooseus .peccular-whychooseus-single:hover .peccular-whychooseus-icon{
transform: scale(1.1);
transition: all 0.5s;
}
/*----------------------------------------*/
/*  events Area
/*----------------------------------------*/

#events {
    position: relative;
    overflow: hidden;
    background: #fbf9fa;
}
#events .video-body {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
#events .video-body:hover .imageOverly{
background: #0000004d;
transition: transform 0.8s ease;
}
#events .video-body:hover .video-thumb{
    transform: scale(1.06);
    transition: transform 0.3s ease;
}
/*#events .video-body:hover .video-playbtn{
     transform: scale(1.06);
}*/
#events .imageOverly{
    background: #00000030;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: transform 0.9s ease;
}
/* thumbnail image */
#events .video-thumb {
width: 100%;
    height: 540px;
    object-fit: cover;
    display: block;
    border-radius: 25px;
}

/* play button center me */
#events .video-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    color: #f39c12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
}

#events .video-playbtn svg{
    height: 34px;
    width: 34px;
}
#events .video-playbtn svg polygon{
    fill: #101828;
    stroke: #101828;
}
#events .video-content {
    margin-top: 40px;
}

#events .video-content h2 {
    font-size: 2.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3;
    font-family: Playfair Display, serif;
}

#events .video-content p {
    font-size: 1.125rem;
    color: #fff;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.6;
    font-family: Lato, sans-serif;
    opacity: 0.9;
}
#events .peccular-event-image{
    height: 115px;
    width: 100%;
}
#events .peccular-event-image img{
    height: 100%;
    width: 100%;
    border-radius: 15px;
}
#events .peccular-section-head h2{
    color: #364153;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0;
    font-family: Lato, sans-serif;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}
#events .peccular-section-head h2 svg{
    margin-right: 10px;
    height: 21px;
    width: 21px;
}
#events .peccular-section-head p{
    color: #101828;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 700;
    font-size: 3.75rem;
    letter-spacing: 1px;
    font-family: Playfair Display, serif;
    margin-bottom: 0.7em;
}
#events .event-meta {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 20px;
}
#events .event-meta2{
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #6b7280;
}
#events .event-meta2 span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4a5565;
    font-size: 14px;
    font-family: Lato, sans-serif;
}
#events .event-meta span svg{
    height: 16px;
    width: 16px;

}
#events .event-meta2 span svg{
    height: 16px;
    width: 16px;

}
#events .event-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4a5565;
    font-size: 14px;
    font-family: Lato, sans-serif;
}
#events .event-meta span svg{
    height: 16px;
    width: 16px;

}

#events .peccular-section-head{
    margin: 0 0 1.7em;
    margin-top: 1em;
    padding-left: 15px;
}
#events .srviceright_image {
    position: relative;
    width: 100%;
    height: 256px;
    margin-top: 3.5em;
}
#events .srviceright_image img{
    position: relative;
    width: 100%;
    height: 256px;
    border-radius: 10px;
}
#events .peccular-section-head i{
    font-size: 0px;
    background: #E11D07 ;
    color: #E11D07;
    padding: 1px 21px;
    position: relative;
    top: -10px;
}
#events .peccular-event-box{
    position: relative;
    margin: 0;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 15px;
    padding-left: 15px;
    box-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
}
#events .peccular-event-box:hover .peccular-event-image img{
 transform: scale(1.06);
 transition: all .4s;
}

#events .peccular-event-content {    
    margin: 0px;
    text-align: center;
    padding: 1em 1em;
    position: relative;
    overflow: hidden;
}

#events .peccular-event-content h4{
    margin-bottom: 22px;   
}

#events .peccular-event-content h4 a{
    word-break: break-word;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #101828;
    font-family: Playfair Display, serif;
    line-height: 1.2;
}  
#events .peccular-event-content p{   
    font-size: 21px;
    font-weight: 300;
    word-break: break-word;
    line-height: 28px;
    color: #6f6f6f;
    margin: 17px 0;
    text-align: center;  
}
#events .peccular-event-content .serbtn{
    position: relative;
    overflow: hidden;
    margin: 0 0 0;
}
#events .peccular-event-content .serbtn i.fa-long-arrow-right {
    font-size: 9px;
    color: #FFAB00;
    margin: 0 0;
}
#events .peccular-event-content:hover .serbtn i.fa-long-arrow-right{  color: #E11D07;}
#events .peccular-event-content a.read-btn{
    font-size: 18px;   
    font-weight: 500;
    line-height: 18px;
    background: none;    
    color: #272727;    
    text-align: center;
    padding: 17px 22px;
    transition: all .6s;
    display: inline-block;
    position: relative;
}

#events .serRight_contntbox{
    background: #3c4e5c;
    position: relative;
    padding: 20px;
    padding-top: 35px;
    padding-bottom: 60px;
    border-radius: 12px;
    text-align: left;
}
#events .serRight_contntbox h3{
font-size: 1.42rem;
    color: #fff;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 15px;
}
#events .serRight_contntbox p{
color: #7f8c8d;
    font-size: 16px;
    text-align: left;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 20px;
}
#events .serRight_contntbox .peccular-section-area-textlist ul li{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 8px;
    font-weight: 500;
}

#events .serRight_contntbox .serRightbox_btn{
    position: relative;
    /* display: inline-block; */
    text-align: left;
    left: 0;
    margin-top: 30px;
    margin-bottom: 35px;
}
#events .serRight_contntbox .serRightbox_btn a{
color: #e67e22;
font-weight: 500;
font-size: .875rem;
}
#events .serRight_contntbox .serRightbox_btn a:hover{
color: 
 color-mix(in oklab, #e67e22 80%, transparent);
 text-decoration: underline;
 transition: all 0.5s ease 0s;
}
#events .serRight_contntbox .serRightbox_btn a i{
    font-size: 7px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}
#events .ledtContnt {
    text-align: left;
}
#events .rightContnt{

}
#events .rightContnt .rightsideContnt{
    width: 100%;
    position: relative;
    left: 0;
}
#events .serleftbox_btn {
    text-align: right;
    position: relative;
    right: 10px;
}

/* button layout */
#events .serleftbox_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #101828;
    text-decoration: none;
}

/* text */
#events .serleftbox_btn .btn-text {
    transition: transform 0.3s ease;
    font-family: Lato, sans-serif;
    color: #101828;
    font-weight: 600;
    font-size: 1rem;
}

/* icon fixed */
#events .serleftbox_btn .btn-icon {
    margin-left: 8px;
    display: flex;
    align-items: center;
    height: 22px;
    width: 22px;
}


/* hover effect (ONLY text move) */
#events .serleftbox_btn a:hover .btn-text {
    transform: translateX(-6px);
}
#events .serRight_contntbox .peccular-section-area-textlist ul li:before, #events .serRight_contntbox .peccular-section-area-textlist ol li {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 9px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #e67e22;
    display: inline-block;
    margin-bottom: 0;
    font-size: 10px;
    padding: 7px 3px 0px;
    font-weight: 100;
    position: relative;
    top: -2px;
}
#events .peccular-event-content:hover a.read-btn{
    background: #e67e22;
    color: #FFF;
    padding: 11px 18px;
    transition: all .3s;
    z-index: 10;
    border-radius: 12px;
}

#events .ser_content {
    padding-top: 18px;
    text-align: left;
}
#events .peccular-event-content .mainicon{
position: relative;
    transition: all 0.3s;
    background: #e67e22;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 12px;
    margin: 0 auto;
    overflow: hidden;
    border: none;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 10px;
        top: 8PX;
}
#events .peccular-event-content .mainicon:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E11D07;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
        opacity: 0.3;
}
/*#events .peccular-event-content:hover .mainicon:before, 
#events .peccular-event-content:focus .mainicon:before, 
#events .peccular-event-content:active .mainicon:before{
    -webkit-transform: scale(1);
    transform: scale(1);    
}*/
#events .peccular-event-content .mainicon i{
    position: relative;
    transition: all .5s;
    color: #fff;
    z-index: 2;
    font-size: 30px;
  
}
#events .peccular-event-conten:hover .mainicon i{
    transform: rotateY(180deg);
    transition:all .5s;
    color: #fff !important;    
}
#events .peccular-event-content .ovrly {
    position: absolute;
    background: linear-gradient(to bottom, transparent 0%, #E11D07 100%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0.5;
}
#events .peccular-event-content:hover .ovrly {
    top: 0;
}

/*----------------------------------------*/
/*  Facility Area
/*----------------------------------------*/

div#slider {
    position: relative;
   overflow: hidden;
}
div#slider .peccular-facility-content {
    position: relative;
    z-index: 1;
}
div#slider .peccular-facility-b{  
    margin-bottom: 3em;
    padding: 0 17px 0 0; }


div#slider .peccular-facility-content h4.peccular-facility-title{
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    margin-bottom: 7px;
    color: #fff;
        margin-top: 5px;
}  

div#slider .peccular-facility-content p.peccular-facility-text{
color: #ffffffb5;
    font-size: 15px;
    font-weight: 400;
    word-break: break-word;
    line-height: 18px;
    text-align: left;
    font-family: 'Poppins';
    margin-top: 20px;
}

div#slider .peccular-facility-single {
padding: 2em 0em;
    margin-bottom: 2em;
    position: relative;
    overflow: hidden;
    margin-left: 0;
    margin-right: 65px;
}

div#slider .peccular-facility-icon {
    text-align: left;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 30.5px;
    margin-bottom: 30.5px;
}
div#slider .peccular-facility-icon img{
width: 50px;
height: 50px;
position: relative;
}
div#slider .peccular-facility-icon i{
    font-size: 70px;
    transition: all 0.9s ease 0s;
    color: #E11D07;
}

div#slider .facility-title-area .border-right2{
    border-right: 2px solid #E11D07;
}
div#slider .facility-title-area .border-left2{
    border-left: 3px solid #E11D07;
    height: 76px;
    position: relative;
    left: -23px;
    padding: 0 0 0 26px;
}
div#slider .facility-title-area h1{
    font-size: 42px;
    font-weight: 800;
    color: #272727;
    text-align: left;
    margin: 0 0 0 0px;
    padding: 0 37px 0 0;
}
div#slider .facility-title-area h2{
    font-size: 27px;
    font-weight: 400;
    color: #272727;
    text-align: left;
    margin: 0 0 0 37px;
}

/*----------------------------------------*/
/*  Team home Area
/*----------------------------------------*/

#team {
    position: relative;
   overflow: hidden;
    background: #f8f9fa;

}
.owl-carousel,
.owl-stage-outer,
.owl-stage {
    z-index: 1 !important;
}
.team-carousel .item {
    padding: 10px;
}

.team-carousel .peccular-team-box {
    height: 100%;
}
#team .peccular-team-block {
    position: relative;
}

#team .peccular-section-head {
   
    margin-bottom: 4em;
    margin-top: 3em;
}
#team .peccular-section-head h2{
    color: #003d5c;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 600;
    font-size: 0.875rem;
    font-family: Poppins, Medium;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    font-family: Lato, sans-serif;
}
#team .peccular-section-head h2 svg{
    height: 20px;
    width: 20px;
    margin-right: 10px;

}
#team .peccular-section-head h2 svg path{
    stroke: #00bcd4;
}
#team .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #101828;
    font-weight: 700;
    line-height: 65px;
    font-family: system-ui;
    font-family: Playfair Display, serif;
}
#team .peccular-section-head p{
    color: #7f8c8d;
    padding-left: 21%;
    padding-right: 22%;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: system-ui;
    margin-top: 25px;
}
#team .peccular-section-head i {
    font-size: 0px;
    background: #E11D07;
    color: #E11D07;
    padding: 1px 21px;
    position: relative;
    top: -10px;
}
#team h4.peccular-team-name {
    color: #101828;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    font-family: Playfair Display, serif;
}
#team h4.peccular-popteam-name{
    color: #000;
    font-size: 27px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 10px;
}
#team h5.peccular-team-designation{
    font-weight: 400;
    color: #e67e22;
    font-size: 16px;
    margin-top: 13px;
    text-transform: capitalize;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}
#team h6.peccular-team-experience{
    color: #7f8c8d;
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: none;
        margin-top: 15px;
}
#team .team_content.peccular-team-text{
    font-size: 16px;
    color: #333;
    text-transform: none;
    font-family: system-ui;
    margin-top: 20px;
}
#team .team_list{
    margin-top: 20px;
}

#team .team_list h3.list_title {
    font-size: 16px;
    color: #333;
    text-transform: none;
    font-weight: 500;
    font-family: system-ui;
}
/*for shortcode*/
#team h5.peccular-team-designation{
    font-weight: 600;
    color: #4a5565;
    font-size: 1rem;
    margin-top: 13px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
}
#team h6.peccular-popteam-designation{
    font-weight: 500;
    color: #E11D07;
    font-size: 17px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
#team .peccular-popteam-experience{
    font-weight: 400;
    color: #000;
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
#team .peccular-popteam-content {
    font-weight: 400;
    color: #59595c;    
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    padding: 0 30px 0 0;
}


#team .team_content{
        font-weight: 400;
    color: #59595c;    
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    padding: 0 30px 0 0;
}
#team .peccular-team-image {
   width: 100%;
    height: 325px;
    position: relative;
    overflow: hidden;
        border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#team .peccular-team-image img.team_img {
    width: 100%;
    height: 100%;
   transition: all 0.6s ease 0s;
}


#team .yourExpertTeam_box {
border-radius: 10px;
    padding: 2em;
    text-align: center;
    width: 60%;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    margin-top: 2em;
    background: #ecf0f1;
    margin-bottom: 2.5em;
}
#team .yourExpertTeam_box h3{
    font-size: 1.5rem;
    line-height: 40px;
    color: #333;
    font-weight: 400;
    font-family: system-ui;
}
#team .yourExpertTeam_box p{
    font-size: 16px;
    color: #7f8c8d;
    letter-spacing: 0.5px;
    font-family: system-ui;
    margin-top: 15px;
    line-height: 25px;
}
 #team .peccular-industry-number p{
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    padding: 0px;
    position: relative;
    left: 7px;
    top: 5px;
 }
 #team .yourExpertTeam_box ul.success_btn{
margin-top: 28px;
 }
 #team .yourExpertTeam_box ul.success_btn li.btn1{
    display: inline-block;
    background: #e67e22;
    padding: 14px 25px;
  border-radius: 0.625rem;
  border: 1px solid transparent;
 }
  #team .yourExpertTeam_box ul.success_btn li.btn2{
display: inline-block;
    background: #e67e2200;
    padding: 14px 25px;
    border-radius: 0.625rem;
    border: 1px solid #7f8c8d;
    margin-left: 12px;
 }
  #team .yourExpertTeam_box ul.success_btn li.btn1 a{
color: #fff;
 }
   #team .yourExpertTeam_box ul.success_btn li.btn2 a{
    color: #000;
 }
  #team .yourExpertTeam_box ul.success_btn li a{

 }
#team .peccular-team-single{
    padding: 0 0 10px;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    position: relative;
    border-radius: 12px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 35px;
    z-index: 999;
    transition: all 0.6s ease 0s;
}
#team .peccular-team-single:hover {
    transition: all 0.6s ease 0s;
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}
#team .peccular-team-single:hover .peccular-team-image img.team_img {
    transform: scale(1.06);
    transition: all 0.6s ease 0s;
}
/*#team .peccular-team-single .imgoverlay{
    opacity: 0;
    height:256px;
    width: 100%;
    left: 0;
    right:0;
    position: absolute;
    z-index: 1;
    transition: all 0.9s ease 0s;
    background: #0009;
}*/
/*#team .peccular-team-single:hover .imgoverlay{
    opacity: 0.5;
    transition: all 0.9s ease 0s;
}*/
#team .peccular-team-single:hover h6.peccular-team-designation{
    transition: .8s ease;
}
#team  .owl-carousel .owl-dots.disabled {
    display: block !important;
}
#team .team-body {
    width: 79%;
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
}
#team .peccular-team-content{
     margin: 0 0 0 5px;
    padding: 20px;
    padding-top: 40px;
}   

/* Parent container */
#team .peccular-team-social-icon {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    left: 0;
    margin: 0 auto;
}
#team a.firstshare {
    padding: 31px;
    display: block;
    margin-bottom: 8px;
    background: #00BCD4;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    width: 45px;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#team a.firstshare:hover{
background-color: #00acc1;
transform: scale(1.06);
}
/* Share icon style */
#team .peccular-team-social-icon > svg {
    background: #00BCD4;
    color: #fff;
    padding: 16px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}

/* Hidden social icons */
#team .peccular-team-hoversocial-icon {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 40px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}
#team .peccular-team-social-icon > svg path{
stroke: #fff;
}
/* Social icons style */
#team .peccular-team-hoversocial-icon a {
    display: block;
    margin-bottom: 8px;
    background: #fff;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    text-align: center;
}

/* 🔥 HOVER EFFECT (MAIN PART) */
#team .peccular-team-social-icon:hover .peccular-team-hoversocial-icon {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#team .peccular-team-hoversocial-icon a {
    transform: scale(0.8);
    transition: all 0.3s ease;
}

#team .peccular-team-social-icon:hover .peccular-team-hoversocial-icon a {
    transform: scale(1);
}

#team .peccular-team-social-icon svg {
    /* background: #fff; */
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
}

#team .peccular-team-social-icon svg path,
#team .peccular-team-social-icon svg rect,
#team .peccular-team-social-icon svg line ,
#team .peccular-team-social-icon svg circle{
    stroke: #000;
}

#team a.firstshare svg path,
#team a.firstshare svg rect,
#team a.firstshare svg line ,
#team a.firstshare svg circle{
    stroke: #fff;
}
/*----------------------------------------*/
/*  Team inner Page
/*----------------------------------------*/

#innerpage-box .peccular-team-single {
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    position: relative;
    border-radius: 12px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 35px;
    z-index: 999;
    transition: all 0.6s ease 0s;
}
#innerpage-box .peccular-team-single:hover{
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}

#innerpage-box .peccular-team-image {
    width: 100%;
    height: 415px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
 } 
#innerpage-box .peccular-team-image .teaminn-overlay{
    position: absolute;
    top: 100%;  
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    background: transparent linear-gradient(180deg, #00000000 0%, #170864 100%) 0% 0%;
   transition: .5s ease;
}
#innerpage-box .peccular-team-image:hover .teaminn-overlay{
    top: 0;
    height: 100%;
    z-index: 1;
    transition: .5s ease;
}

#innerpage-box .peccular-team-image img {
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
}

#innerpage-box .peccular-team-content{
    margin: 0 0 0 5px;
    padding: 20px;
    padding-top: 40px;
}
#innerpage-box .peccular-team-content h4.peccular-team-name {
color: #101828;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
    font-family: Playfair Display, serif;
}
#innerpage-box .peccular-team-content  h5.peccular-team-designation {
    font-weight: 600;
    color: #4a5565;
    font-size: 1rem;
    margin-top: 13px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
}
#innerpage-box .peccular-team-content h6{
    margin: 0 0 !important;
}











/* Parent container */
#innerpage-box .peccular-team-social-icon {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    left: 0;
    margin: 0 auto;
}
#innerpage-box a.firstshare {
    padding: 31px;
    display: block;
    margin-bottom: 8px;
    background: #00BCD4;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    width: 45px;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#innerpage-box a.firstshare:hover{
background-color: #00acc1;
transform: scale(1.06);
}
#innerpage-box .team-inner-body {
    position: relative;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* Share icon style */
#innerpage-box .peccular-team-social-icon > svg {
    background: #00BCD4;
    color: #fff;
    padding: 16px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}

/* Hidden social icons */
#innerpage-box .peccular-team-hoversocial-icon {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 40px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}
#innerpage-box .peccular-team-social-icon > svg path{
stroke: #fff;
}
/* Social icons style */
#innerpage-box .peccular-team-hoversocial-icon a {
    display: block;
    margin-bottom: 8px;
    background: #fff;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    text-align: center;
}

/* 🔥 HOVER EFFECT (MAIN PART) */
#innerpage-box .peccular-team-social-icon:hover .peccular-team-hoversocial-icon {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#innerpage-box .peccular-team-hoversocial-icon a {
    transform: scale(0.8);
    transition: all 0.3s ease;
}

#innerpage-box .peccular-team-social-icon:hover .peccular-team-hoversocial-icon a {
    transform: scale(1);
}

#innerpage-box .peccular-team-social-icon svg {
    /* background: #fff; */
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
}

#innerpage-box .peccular-team-social-icon svg path,
#innerpage-box .peccular-team-social-icon svg rect,
#innerpage-box .peccular-team-social-icon svg line ,
#innerpage-box .peccular-team-social-icon svg circle{
    stroke: #000;
}

#innerpage-box a.firstshare svg path,
#innerpage-box a.firstshare svg rect,
#innerpage-box a.firstshare svg line ,
#innerpage-box a.firstshare svg circle{
    stroke: #fff;
}


/*----------------------------------------*/
/*  Video Area
/*----------------------------------------*/
#video {
    background: #003d5c;
    position: relative;
    overflow: hidden;
}


#video .blue-bg {
    /*background-color: #003d5c;*/
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E);
    background-repeat: repeat;
    /* background-size: 24px 24px; */
    position: absolute;
    z-index: 999;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 0;
    top: 0;
    left: 0;
}
#video .blue-pattern-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 1px);
    background-size: 25px 25px;
    opacity: 0.3;
}
#video .video-bg{
    -webkit-animation: zoomin 7s ease-in infinite;
    animation: zoomin 7s ease-in infinite;
    transition: all .3s ease-in;
}
.video-body {
    position: relative;
    text-align: center;
}


#video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

#video-popup-close:hover {
  color: #DE0023;
}

#video .video-body {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
#video .imageOverly{
    background: #0006;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
/* thumbnail image */
#video .video-thumb {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}

/* play button center me */
#video .video-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    color: #f39c12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
}

#video .video-playbtn svg{
    height: 40px;
    width: 40px;
}
#video .video-content {
    margin-top: 40px;
}

#video .video-content h2 {
    font-size: 2.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3;
    font-family: Playfair Display, serif;
}

#video .video-content p {
    font-size: 1.125rem;
    color: #fff;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.6;
    font-family: Lato, sans-serif;
    opacity: 0.9;
}
/*----------------------------------------*/
/*  Testimonials Area
/*----------------------------------------*/
#testimonials{
   
    position: relative;
    overflow: hidden;
    background: #003d5c;   
    margin: 0em 0;
}

#testimonials .peccular-testimonial-block{
        padding-bottom: 17px;
}
#testimonials .peccular-testimonial-block h3{
    color: #ffff;
    font-size: 19px;
    font-weight: 500;
    left: 116px;
    top: 60px;
    text-decoration: underline;
    margin: 8px 0 0em;
    position: relative;
    z-index: 1;
    display: inline;
}

#testimonials .peccular-testimonials-single{
    padding: 1em 1em 1em;
    margin: 0;
    width: 100%;
    position: relative;
    border: 1px solid #7f8c8d33;
    background: #fff;
    border-radius: 11px;
        margin-bottom: 30px;
}
#testimonials .peccular-testimonials-single:hover {
    transition: all 0.9s ease 0s;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
}
#testimonials .peccular-testimonials-single .quote_iconbx {
    position: relative;
    height: 40px;
    width: 40px;
    background: #f0b100;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
}
#testimonials .peccular-testimonials-single .quote_iconbx i{
color: #000;
font-size: 21px; 
}
#testimonials .peccular-testimonials-single .star_box {
    text-align: left;
    margin-top: 15px;
}
#testimonials .peccular-testimonials-single .star_box i{
    color: #f0b100;

}

#testimonials .peccular-testimonials-image{
    position: relative;
    width: 48px;
    height: 48px;
}
#testimonials .peccular-testimonials-image img {
    border-radius: 50%;
    width: 48px !important;    
    height: 48px;
    position: relative;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 0;
    margin: 0 auto;   
    transition: all .35s ease-out;
}
#testimonials .peccular-testimonials-single:hover .peccular-testimonials-image .imgborderhover {
    opacity: 1;
   
}
#testimonials .peccular-testimonials-image .imgborderhover {
  
    width: 136px;
    height: 74px;
    background-color: transparent;
    border-radius: 10rem 10rem 0 0px;
    position: absolute;
    left: -39px;
    top: 21px;
    transform: rotate(274deg);
    transition: all 0.5s ease 0s;
    z-index: 0;
    border: 8px solid #090060;
    border-bottom: none;
    left: -8px solid transparent;
    opacity: 0;
}
#testimonials .peccular-testimonials-image .imgborder {
  
    width: 136px;
    height: 74px;
    background-color: transparent;
    border-radius: 10rem 10rem 0 0px;
    position: absolute;
    right: -39px;
    top: 21px;
    transform: rotate(86deg);
    transition: all 0.5s ease 0s;
    z-index: 0;
    border: 8px solid #090060;
    border-bottom: none;
    border-right: -8px solid transparent;
}

#testimonials h4.peccular-testimonials-name {
    font-weight: 500;
    color: #101828;
    margin: 14px 0 3px;
    transition: all .35s ease-out;
    font-size: 17px;
    position: relative;
    z-index: 1;
}


#testimonials h6.peccular-testimonials-designation {
    font-size: 14px;
    font-weight: 400;
    word-break: break-word;
    margin: 0 0 5px;
    position: relative;
      z-index: 1;
      text-transform: capitalize;
      color: #4a5565;
}
#testimonials .peccular-testimonials-content{
    margin-top: 0;
    text-align: left;
} 

#testimonials .testcontactarea p{
    color: #364153;
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    line-height: 1.625;
    text-align: left;
    margin: 0 0px;
    font-style: italic;
    margin-top: 22px;
    margin-bottom: 22px;
}
#testimonials .testcontactarea {
    position: relative;
    overflow: hidden;
}

#testimonials .peccular-testimonials-content i.fa-quote-left {
    font-size: 29px;
    color: #E11D07 !important;   
    position: relative;
    top: 6px;
    right: 0;
    margin-right: 0 ;  
    transform: rotateZ(178deg);
    transition: all 0.7s ease;  
}
#testimonials .peccular-testimonials-content i.fa-quote-right{
    
    color: #E11D07 !important;
    font-size: 29px;
    left: 0;
    position: absolute;
    transform: rotateY(160deg);
    transition: all 0.7s ease;  
}
.testimonial-slider .item {
    display: flex;
    justify-content: center;
}

.peccular-testimonials-single {
    max-width: 420px;   /* 👈 box width control */
    width: 100%;

}

.testimonial-card {
    padding: 5px;      /* 👈 padding kam karo */
    border-radius: 12px;
}

/* text thoda compact */
.test-desc {
    font-size: 14px;
    line-height: 1.5;
}

/* image size control */
.test-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* header spacing */
.test-header {
    display: flex;
    align-items: center;
    gap: 12px;
}
#testimonials .peccular-testimonials-single:hover i.fa-quote-right{

    transform: rotateY(43deg);
    transition: all 0.7s ease-out;
}
#testimonials .owl-carousel.owl-theme.owl-loaded.owl-drag {
    padding: 0em !important;
}
#testimonials .owl-theme .owl-nav,
#testimonials .owl-theme .owl-dots {
    display: block;
}
#testimonials .owl-theme .owl-nav {
    margin-top: 10px;
    position: relative;
    left: 0%;
    bottom: 80px;
}

#testimonials .owl-nav .owl-prev {
position: absolute;
    left: -97px;
    bottom: 211px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: #ffffff1a;
    width: 45px;
    cursor: pointer;
    height: 45px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
    line-height: 30px;
    box-shadow: none;
    border: 1px solid #ffffff4d;
}
#testimonials .owl-nav .owl-next {
position: absolute;
    right: -34px;
    bottom: 211px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: #ffffff1a;
     width: 45px;
    cursor: pointer;
    height: 45px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
    line-height: 50px;
    box-shadow: none;
    border: 1px solid #ffffff4d;
}
#testimonials .owl-nav .owl-prev, 
#testimonials .owl-nav .owl-next {
    background-color: #ffffff1a;
}

#testimonials .owl-stage-outer:hover .owl-prev {
    opacity: 1;
}
#testimonials .owl-stage-outer:hover .owl-next {
   right: -10px;
    opacity: 1;
}
#testimonials .owl-nav .owl-prev span,
#testimonials .owl-nav .owl-next span{
   display: none;
}
#testimonials .owl-nav .owl-prev:after,
#testimonials .owl-nav .owl-next:after{
    font-size: 30px;
    color: #fff;
    line-height: 44px;
}
#testimonials .owl-nav .owl-prev:after{
    content: '\f104';
    font-family: 'FontAwesome';
}
#testimonials .owl-nav .owl-next:after{
    content: '\f105';
    font-family: 'FontAwesome';
}
#testimonials .peccular-testimonial-block .owl-nav .owl-next:hover ,
#testimonials .peccular-testimonial-block .owl-nav .owl-prev:hover {
    border-color: #ffffff80;
   background-color: #fff3; 
}
#testimonials .peccular-testimonial-block:hover .owl-nav .owl-prev:after,
#testimonials .peccular-testimonial-block:hover .owl-nav .owl-next:after{
    color: #fff;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded{padding: 0 1em;}

#testimonials .contactbrdrbox{
    padding: 4em 0;
    position: relative;
    right: 0px;
    text-align: center;
    padding-bottom: 1.2em;
}
#testimonials .contactbrdrbox h2{
color: #fff;
    margin-top: 0em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: Poppins, Medium;
}
#testimonials .contactbrdrbox h2 svg{
    color: #00bcd4;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
#testimonials .blue-bg {
    /*background-color: #003d5c;*/
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E);
    background-repeat: repeat;
    /* background-size: 24px 24px; */
    position: absolute;
    z-index: 999;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 0;
    top: 0;
    left: 0;
}

#testimonials .testimonial-slider .item {
    padding: 20px;
}

#testimonials .testimonial-card {
    background: #fff;
    border-radius: 15px;
    transition: 0.4s;
}

#testimonials .test-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#testimonials .test-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#testimonials .test-info {
    flex: 1;
    margin-left: 10px;
}

#testimonials .test-info h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #101828;
    font-family: Playfair Display, serif;
    margin-bottom: 5px;
}

#testimonials .test-info span {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #4a5565;
    font-family: Lato,sans-serif;
}

#testimonials .test-stars i {
    color: #ffb400;
}

#testimonials .test-desc {
    margin-top: 15px;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    color: #364153;
    line-height: 22px;
}

/* 🔥 CENTER ACTIVE EFFECT */
.testimonial-slider .owl-item {
    opacity: 0.4;
    transform: scale(0.85);
    transition: all 0.4s ease;
}

.testimonial-slider .owl-item.center {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

/* side blur */
.testimonial-slider .owl-item:not(.center) {
    filter: blur(2px);
}

.testimonial-slider .owl-item {
    opacity: 0.4;
    transform: scale(0.85);
    transition: all 0.4s ease;
}

/* ⭐ center active card */
.testimonial-slider .owl-item.active.center {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

/* side cards blur */
.testimonial-slider .owl-item:not(.center) {
    filter: blur(2px);
}
#testimonials .owl-carousel button.owl-dot{
            box-shadow: none;
    background: #fff6 !important;
    /* border-radius: 50%; */
    border-radius: 3.40282e38px;
    width: 9px;
    height: 9px;
    transition: all 0.5s ease 0s;
        margin-right: 7px;
}
#testimonials .owl-carousel .owl-dots {
      text-align: center;
    position: relative;
    top: -17px;
}

#testimonials .owl-carousel button.owl-dot.active{
box-shadow: none;
    background: #fdb913 !important;
    border-radius: 3.40282e38px;
    width: 31px;
    height: 8px;
    transition: all 0.5s ease 0s;
}

#testimonials .contactbrdrbox h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    font-family: Playfair Display, serif;
}
#testimonials .contactbrdrbox p{
    text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #4a5565;
    font-weight: 400;
        font-family: system-ui;
}


/*----------------------------------------*/
/*  programs Area
/*----------------------------------------*/

#programs {
    position: relative;    
    overflow: hidden;
}
#programs .peccular-section-head h2{
    color: #fff;
    margin-top: 0em;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 31px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
    font-family: Lato, sans-serif;
}

#programs .peccular-section-head h2 svg{
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
#programs .headmain {
    position: relative;
    left: 10%;
}
#programs .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #fff;
    font-weight: 700;
    line-height: 53px;
    font-family: Playfair Display, serif;
}
#programs .peccular-section-head p.main_text {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #7f8c8d;
    line-height: 26px;
    margin-top: 25px;
    padding-left: 24%;
    padding-right: 24%;
    margin-bottom: 4em;
}

#programs .programsbottombox_btn {
    position: relative;
    background: #e67e22;
    display: inline-block;
    padding: 9px 30px;
    border-radius: 10px;
    top: 15px;
    left: 44%;
    font-family: system-ui;
}
#programs .programsbottombox_btn a {
    color: #fff;
    font-weight: 500;
    font-size: .875rem;

}
#programs .peccular-section-head h4{
    color: #E11D07;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
}
#programs .peccular-programs-single {
    margin-bottom: 2em;
    position: relative;
    border: 0.5px solid #7f8c8d33;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    /* border-top-left-radius: 13px; */
    /* border-top-right-radius: 13px; */
    border-radius: 15px;
}
#programs .peccular-programs-single:hover{
box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);

}
#programs .peccular-programs-single .peccular-programs-img{
    position: relative;
    overflow: hidden;
    height: 256px;
}
#programs .peccular-programs-single .peccular-programs-img img{
    width: 100%;
    transition: all 0.9s ease;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#programs .peccular-programs-area {
    position: relative;
    top: -10.5em;
    z-index: 999;
}
#programs .peccular-section-head {
    position: relative;
    background: #003a65;
    padding-top: 5em;
    padding-bottom: 11%;
    width: 100%;
    top: 0;
}

#programs .program-title{
    font-size:22px;
    font-family: 'Playfair Display', serif;
    margin-bottom:10px;
}

#programs .program-top p{
    font-size: 16px;
    color: #4a5565;
    font-family: Lato, sans-serif;
    text-align: left;
}

/* Image */
#programs .program-img{
    position:relative;
}

#programs .program-img img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
    top: 4px;
}
#programs .bottombgbox {
    height: 90px;
    width: 100%;
    background: #003a65;
    position: absolute;
    bottom: 0px;
}
#programs .program-img .overlaybox{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
/* Apply button */
#programs .apply-btn{
    position:absolute;
    bottom:15px;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    color:#fff;
    padding:10px 20px;
    border-radius:30px;
    font-size:14px;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:6px;
    transition:0.3s;
}

#programs .apply-btn span{
    font-size:16px;
}

/* Hover */
#programs .peccular-programs-single:hover{
    transform: translateY(-8px);
}

#programs .apply-btn:hover{
    background:#fdb913;
    color:#000;
}
#programs .program-top{
    padding:25px;
}
#programs .peccular-programs-single:hover .peccular-programs-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.9s ease;
}
#programs .peccular-programs-single .peccular-programs-content {    
    padding: 0em;
    margin: 0 2px;
    z-index: 999;
    bottom: 7px;
    background: #fff;
    padding: 45px 25px 20px 25px;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
}

#programs .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    left: -53%;
    bottom: 72px;
}
.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{
    display: none;
}
.owl-carousel .owl-nav button.owl-prev:after {
    content: '\f177 ';
    font-family: 'FontAwesome';
    color: #FFC246;
    box-shadow: none;
        font-size: 13px;
}
/*.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    box-shadow: none;
    background: #00bcd4 !important;
    border-radius: 3.40282e38px;
    width: 39px;
    height: 12px;
    transition: all 0.5s ease 0s;
}*/
.owl-carousel button.owl-dot{
            box-shadow: none;
    background: #d1d5dc !important;
    /* border-radius: 50%; */
    border-radius: 3.40282e38px;
    width: 12px;
    height: 12px;
    transition: all 0.5s ease 0s;
        margin-right: 7px;
}
.owl-carousel .owl-dots {
      text-align: center;
    position: relative;
    top: -17px;
}
.owl-carousel .owl-nav {
    display: none;
}
.owl-carousel button.owl-dot.active{
    box-shadow: none;
    background: #00bcd4 !important;
    border-radius: 3.40282e38px;
    width: 39px;
    height: 12px;
    transition: all 0.5s ease 0s;
}


.owl-carousel .owl-nav button.owl-next:after {
    content: '\f178 ';
    font-family: 'FontAwesome';
    color: #FFC246;
    box-shadow: none;
        font-size: 13px;

}
#programs .peccular-programs-single h4.peccular-programs-title {
    color: #101828;
    font-size: 1.5rem;
    font-weight: 700;
    transition: all 0.5s ease 0s;
    margin: 5px 0 17px;
    line-height: 30px;
    font-family: Playfair Display, serif;
    text-align: left;
    padding-left: 0;
}
#programs .peccular-programs-single .peccular-programs-content p{
    color: #7f8c8d;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.5px;
}
#programs .peccular-programs-content a{
    font-size: 17px;
    font-weight: 600;
    color: #E11D07;
    margin-bottom: 10px;
    padding: 12px 28px 12px 0;   
    transition: all .6s;
    display: inline-block;
    position: relative;
    text-align: center;
   
}


#programs .peccular-programs-single .peccular-programs-content a i {
    margin-left: 7px;
    font-size: 16px;
}
/*----------------------------------------*/
/*  appointment Area
/*----------------------------------------*/
#appointment {
   position: relative;
   overflow: hidden ;
       background: #000;
}
#appointment .peccular-appointment-area{
position: relative;
    padding-bottom: 4em;
}
#appointment .appointment-left{
    position: relative;
 }
#appointment .appointment-right{ 
    position: relative;
    padding: 27px 0 30px;
    margin-top: 3.5em;
 }
 #appointment .appointment-left .appointhead{
    position: relative;
    text-align: left;
    margin-top: 30%;
 }
  #appointment .appointment-left .appointhead h3{
    color: #f0b100;
    margin-top: 0em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: Poppins, Medium;
 }
  #appointment .left_Buttons ul li{
    display: inline-block;
    position: relative;
 }
  #appointment .left_Buttons {
    position: relative;
    text-align: left;
}
   #appointment .left_Buttons .serleftbox_btn11{
    background: #d08700;
    border-radius: 10px;
    padding: 12px 30px;
        margin-right: 16px;
     
 }
 #appointment .left_Buttons .serleftbox_btn11:hover{
    background: #d08700;
 }
    #appointment .left_Buttons .serleftbox_btn11 a{
    color: #000;
    font-size: 16px;
    font-weight: 500;
 }
   #appointment .left_Buttons .serleftbox_btn22{
     background: #ecf0f1;
    border-radius: 10px;
    padding: 12px 30px;
     
 }
    #appointment .left_Buttons .serleftbox_btn22 a{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
 }
  #appointment .left_Buttons .serleftbox_btn22:hover a{
    color: #000;
  }
  #appointment .appointment-left .appointhead h2{
color: #fff;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 400;
    font-size: 46px;
    letter-spacing: 1px;
    font-family: 'Roboto';
 }
  #appointment .appointment-left .appointhead p{
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 0 0em 0em;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #d1d5dc;
    font-weight: 400;
 }
#appointment .appointment-right img.app-right-img{

    height: 440px;
    position: relative;
    top: -46px;
}
#appointment .peccular-appointment-area img.app-bg-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#appointment .appointment-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:#272727;
    opacity: 0.88;
}
#appointment .peccular-appointment-area h2{
    color: #fff;
    font-size: 58px;
    font-weight: bold;
    margin: 0 0 55px;
}
#appointment .peccular-appointment-area h3{
    color: #fff;
    font-size: 43px;
    font-weight: 700;
    margin: 70px 0 0;
}
#appointment .peccular-appointment-area h4{
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0;
}
#appointment .callnowbox{
    margin: 0 auto;
    position: relative;
}
#appointment .callnowbox .calltopbrdr{
    position: absolute;
    right: 118px;
    top: 0;    
}
#appointment .callnowbox .calltopbrdr span{
    width: 90%;
    border-top: 1px solid #fff;
    border-top-right-radius: 15px;
    border-right: 2px solid;
    position: absolute;
    right: -39px;
    top: 25px;
    height: 14px;
}
#appointment .callnowbox .calltopbrdr i.fa-minus{
    font-size: 1px;
    background: #fff;
    padding: 0px 7px;
    color: #fff;
    margin: 0 6px 0px 0;
}
#appointment .callnowbox h3{
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0;
    text-align: center;
    font-style: italic;
}
#appointment .callnownum{
    padding: 0 0;
    position: relative;
    border-radius: 4px;
    text-align: left;
    z-index: 2;
    width: 300px;
    margin-top: 30px;
}
#appointment .appointment-right .right_detail_Box1 {
    position: relative;
    background: #0f1522;
    border: 1px solid #7f8c8d33;
    padding-top: 10px;
    margin-bottom: 30px;
    border-radius: 12px;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
}
#appointment .appointment-right .right_detail_Box1 h3{
    font-size: 1.125rem;
    color: #fff;
        text-align: left;
    margin-top: 10px;
}
#appointment .appointment-right .right_detail_Box1 h4{
color: #99a1af;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto';
    margin-top: 8px;
        text-align: left;
}
#appointment .appointment-right .right_detail_Box1 p{
    color: #d1d5dc;
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto';
    margin-top: 15px;
}
#appointment .appointment-right .right_detail_Box1 .iconBX {
    height: 45px;
    width: 45px;
    background: #e7000b;
    border-radius: 10px;
    padding: 8px;
    float: left;
        margin-right: 15px;
}
#appointment .appointment-right .right_detail_Box1 .iconBX i{
    font-size: 27px;
    color: #fff;
}
#appointment .appointment-right .right_detail_Box2 {
    position: relative;
    background: #0f1522;
    border: 1px solid #7f8c8d33;
    padding-top: 10px;
    margin-bottom: 30px;
    border-radius: 12px;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
}
#appointment .appointment-right .right_detail_Box2 h3{
    font-size: 1.125rem;
    color: #fff;
        text-align: left;
    margin-top: 10px;
}
#appointment .appointment-right .right_detail_Box2 h4{
color: #99a1af;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto';
    margin-top: 8px;
        text-align: left;
}
#appointment .appointment-right .right_detail_Box2 p{
    color: #d1d5dc;
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto';
    margin-top: 15px;
}
#appointment .appointment-right .right_detail_Box2 .iconBX {
    height: 45px;
    width: 45px;
    background: #e7000b;
    border-radius: 10px;
    padding: 8px;
    float: left;
        margin-right: 15px;
}
#appointment .appointment-right .right_detail_Box2 .iconBX i{
    font-size: 27px;
    color: #fff;
}
#appointment .appointment-right .right_detail_Box3 {
    position: relative;
    background: #0f1522;
    border: 1px solid #7f8c8d33;
    padding-top: 10px;
    margin-bottom: 30px;
    border-radius: 12px;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
}

#appointment .appointment-right .right_detail_Box3 h3{
    font-size: 1.125rem;
    color: #fff;
        text-align: left;
    margin-top: 10px;
}
#appointment .appointment-right .right_detail_Box3 h4{
color: #99a1af;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto';
    margin-top: 8px;
        text-align: left;
}
#appointment .appointment-right .right_detail_Box3 p{
    color: #d1d5dc;
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto';
    margin-top: 15px;
}
#appointment .appointment-right .right_detail_Box3 .iconBX {
    height: 45px;
    width: 45px;
    background: #e7000b;
    border-radius: 10px;
    padding: 8px;
    float: left;
        margin-right: 15px;
}
#appointment .appointment-right .right_detail_Box3 .iconBX i{
    font-size: 27px;
    color: #fff;
}


#appointment .appointment-right .right_detail_Box1 .button_BX1{
    background: #d4183d;
    padding: 8px;
    margin-top: 20px;
    border-radius: 9px;
}
#appointment .appointment-right .right_detail_Box1 .button_BX1 a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#appointment .appointment-right .right_detail_Box2 .button_BX2{
    background: #f0b100;
    padding: 8px;
    margin-top: 20px;
    border-radius: 9px;
}
#appointment .appointment-right .right_detail_Box2 .button_BX2 a{
        color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#appointment .appointment-right .right_detail_Box3 .button_BX3{
    background: #ecf0f1;
    padding: 8px;
    margin-top: 20px;
    border-radius: 9px;
}
#appointment .appointment-right .right_detail_Box3 .button_BX3 a{
        color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
#appointment .appointment-right .right_detail_Box3 .button_BX3:hover a{
    color: #000;
}
#appointment .callnownum i.fa-phone{
    color: #f0b100;
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    position: relative;
    top: 6px;
    left: -11px;
}

#appointment .callnownum a{
    color: #d1d5d6;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 10px 0 0;
    text-align: right;
    position: relative;
    z-index: 1;
    line-height: 30px;
}
#appointment .callnownum span {
    color: #d1d5d6;
    font-size: 16px;
    font-weight: 400;
}

#appointment .emailbox{
    background: #E11D07;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    padding: 12px 2px;
    line-height: 66px;
    margin: -50px 0 0 0;
}

#appointment .emailbx i{
    color: #f0b100;
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    position: relative;
    top: 6px;
    left: -11px;
}

#appointment .emailbx a{
    color: #d1d5d6;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 10px 0 0;
    text-align: right;
    position: relative;
    z-index: 1;
    line-height: 30px;
}
#appointment .emailbx span {
    color: #d1d5d6;
    font-size: 16px;
    font-weight: 400;
}

#appointment .emailbx {
    position: relative;
    text-align: left;
}

#appointment .email a,
#appointment .location{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0;
    text-align: left;
    letter-spacing: 2px;
}
#appointment .email:hover a{
    color: #000;
}
#appointment .email i,
#appointment .location i{
    color: #fff;
    font-size: 33px;   
    margin: 0 8px 0 0;
  
}
#appointment .email-border{
    border-right: 1px solid #fff;
    height: 65px;
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about {
    position: relative;
    overflow: hidden;
    background: #fbf9fa;
    padding-top: 2em;
    padding-bottom: 4em;
}
#about .space-abtblock {
       padding: 1.5em;
    padding-left: 2em;
}
#about .about-body {
    position: relative;
}

#about .peccular-section-head {
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0 0 0 0;
}
#about .peccular-section-head h2{
    color: #003d5c;
    font-weight: 700;
    font-size: 0.875rem;
    margin-bottom: 15px;
    margin-left: 0em;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.05em;
}

#about .peccular-section-head h2 svg{
    margin-right: 10px;
    height: 22px;
    width: 22px;
    color: #003d5c;
}
#about .peccular-section-head h3{
    color: #101828;
    font-weight: 700;
    font-size: 3rem;
    padding-right: 0;
    font-family: 'Playfair Display';
    line-height: 60px;
    margin-bottom: 0.4em;
    margin-top: 4px;
}
#about .left_heading h2{
transform: matrix(0, -1, 1, 0, 0, 0);
text-align: left;
font: normal normal medium 57px/75px Roboto Slab;
letter-spacing: 0px;
color: #212429;
text-transform: capitalize;
}
#about .about-callnow {
    padding: 18px 0 0;
    position: relative;
    left: 2em;
    top: 19px;
}
#about .about-callnow .phn_icon {
    width: 41px;
    height: 41px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    text-align: center;
}
#about .about-callnow .phn_icon svg{
    position: relative;
    top: 8px;
}
#about .about-callnow .phn_icon svg path{
    stroke: #000000;
}
#about .about-callnow i{
    font-size: 21px;
    font-weight: 600;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    color: #000;
    position: relative;
    left: 0;
    background: #fff;
}

#about .about-callnow p{
color: #000;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins';
    margin-left: 15px;
    margin-bottom: 5px;
}
#about .about-callnow a{
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    transition: all 0.9s;
    font-size: 15px;
    font-family: 'Poppins';
        margin-left: 15px;
}

#about .peccular-section-area-textlist ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2em;   
}
#about .peccular-section-area-textlist ul li,
#about .peccular-section-area-textlist291 ol li,
#about .peccular-section-area-textlist {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    word-break: break-word;
    line-height: 24px;
    font-family: 'Poppins';
    position: relative;
    left: 16px;
    top: 20px;
}
#about .left_img {
    width: 245px;
    height: 346px;
    position: relative;
}
#about .peccular-section-area-textlist ul li:before, 
#about .peccular-section-area-textlist ol li:before{
    content: "\f046";
    font-family: 'Fontawesome';
    margin-right: 9px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #FFC246;
    display: inline-block;
    margin-bottom: 0;
    font-size: 19px;
    padding: 7px 3px 0px;
    font-weight: 100;
}
#about .peccular-section-area-textlist:hover ul li:before{
    color: #FFC246;
    transform: scale(1.3);
    transition: all 0.5s ease 0s;
}
#about .peccular-section-area-text-subtitle {
color: #4a5565;
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    line-height: 28px;
    margin-bottom: 1em;
    padding: 0 0em 0 0;
    left: 0;
    position: relative;
    font-family: 'Lato', sans-serif;
    top: 0;
}
/*tabs*/

#about .tabs{
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}

#about .tabs li{
    list-style: none;
    cursor: pointer;
    font-weight: 600;
    color: #6a7282;
    position: relative;
    padding-bottom: 8px;
    font-family: Lato, sans-serif;
    font-size: 0.875rem;
}
#about .tabs li:hover{
    color: #364153;
}

/* Active tab */
#about .tabs li.active{
    color:#101828;
}

#about .tabs li.active:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2.5px;
    background: #fdb913;
}

/* Content */
#about .tab-content{
    display:none;
    margin-top:20px;
    color:#555;
    line-height:1.7;
}
#about .tab-content p {
    color: #4a5565;
    font-family: Lato, sans-serif;
    /* font-weight: 600; */
    font-size: 16px;
}

#about .tab-content.active{
    display:block;
}
#about .peccular-section-area-text-subtitle a:hover{
    color: #000;
}


/*about last part*/

#about .about-bottom{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2em;
}

/* Button */
#about .about-btn{
    background: #fdb913;
    color: #0b3c49;
    padding: 11px 25px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    font-size: 0.875rem;
    font-family: 'Lato', sans-serif;
}

#about .about-btn .plus{
    width:22px;
    height:22px;
    border-radius:50%;
    border:2px solid #0b3c49;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

#about .about-btn:hover{
    transform: translateY(-3px);
}

/* Stats */
#about .about-stats{
    display:flex;
    align-items:center;
    gap:15px;
}

/* Icon box */
#about .stats-icon{
    width:55px;
    height:55px;
    background:#0b3c49;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fdb913;
    font-size:22px;
}

/* Text */
#about .stats-text h3{
    margin: 0;
    font-size: 1.875rem;
    font-weight: 700;
    font-family: Lato, sans-serif;
    color: #101828;
}

#about .stats-text p{
    margin: 0;
    font-size: 0.875rem;
    color: #4a5565;
    font-family: Lato, sans-serif;
}
#about .about-events{
      margin: 0 0;
    margin-bottom: 30px;
}
#about .about-events i{
    background: #272727;
    color: #fff;
    width: 42px;
    height: 42px;
    font-size: 25px;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    margin: 7px 0 0 7px;
}
#about .about-events:hover i{
    background: #E11D07;
}
#about .about-events h2{
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 6px 0;
    text-align: left;
    color: #7f8c8d;
    font-family: 'Roboto';
    position: relative;
    line-height: 33px;
    margin-top: 5px;
}
#about .about-events .about-events-box{
        margin-bottom: 20px;
    position: relative;
}
#about .about-events h3{
    color: #2c3e50;
    font-weight: 700;
    font-size: 2.25rem;
        font-family: system-ui;
    line-height: 40px;
}

#about .about-events p{
    font-size: 16px;
    text-align: left;
    color: #939192;
    line-height: 19px;
    padding: 0 10px 0 0;    
}
#about .year_Box{
    position: relative;
    text-align: center;
    padding-top: 1em;
}
#about .year_Box h3{
    color: #2c3e50;
    font-size: 8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: system-ui;
    margin-bottom: 12px;
}
#about .year_Box p{
    color: #7f8c8d;
    font-size: 16px;
    margin-bottom: 11px;
}
#about .peccular-about-imgbox{ 
position: relative;
    overflow: hidden;
    width: 100%;
    height: 600px;
    top: 25px;
    padding-left: 2em;
    padding: 0 0 0 0;
}
#about .peccular-about-imgbox img {
width: 100%;
    height: 425px;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    top: 42px;
}
#about .leftabout_bx{
        padding-right: 2em;
}
#about .imageoverimage {
    position: absolute;
    width: 100%;
    bottom: 67%;
    right: 0;
    left: 0;
    margin: 0 auto;
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}
#about .top_iconbox{
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    background: #003d5c;
    border-radius: 3.40282e38px;
    /* display: flex
; */
    height: 125px;
    border: 8px solid #fff;
    width: 125px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
    left: 21%;
        padding-top: 17px;
}
#about .top_iconbox svg{
    color: #fdb913;
    height: 50px;
    width: 50px;
}
#about p.logotext{
font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
}
#about .imageoverimage img{
    border: 4px solid #fff;
    border-radius: 25px;
    height: 260px;
    width: 340px;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transform: scale(1.1);
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}
#about .peccular-about-imgbox .abtexpeience{
    position: absolute;
    bottom: 36px;
    right: 0;
    z-index: 10;
    background: #E11D07;    
    width: 50%;
    height: 14%;
}
#about .peccular-about-imgbox .abtexpenumbox{
    background: #272727;
    margin: 0 0 0 3px;
}
#about .peccular-about-imgbox .abtexpenumbox h2{
    color: #fff;
    font-size: 57px;
    text-align: center;
    font-weight: 500;
}
#about .peccular-about-imgbox .abtexpeience p{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    padding: 0 10px 0 8px;
}


/*----------------------------------------*/
/*  industries Area
/*----------------------------------------*/

#industries .peccular-industries-b{
    padding: 7px 3em;
}
#industries .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}

 #industries h4.peccular-industries-title{
font-size: 1.25rem;
    font-weight: 500;
    word-break: break-word;
    padding: 0;
    margin: 15px 0 12px 0;
    line-height: 30px;
    color: #2c3e50;
    transition: all 0.8s;
    letter-spacing: 0;
    position: relative;
    font-family: 'Roboto';
    z-index: 1;
    margin-left: 0;
}  
/* #industries h4.peccular-industries-title:before{
    content: "\f0da ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #5D8D2F;
    font-size: 34px;
    position: relative;
    font-style: normal;
    top: 5px;
    margin-right: 5px;
}
*/
div#industries {
    position: relative;
    background: #f6f6f6;
}

#industries .peccular-industries-icon {
    position: relative;
    transition: all 0.8s;
}

#industries .FeaBGleaf_img img {
    height: 120px;
    width: 120px;
    transition: all 0.8s;
}
#industries .FeaBGleaf_img {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.8s;
}
/*#industries .peccular-industries-single:hover .peccular-industries-icon {
    top: 38%;
    left: 37%;
    transition: all 0.8s;
}
*/
/*#industries .peccular-industries-single:hover .FeaBGleaf_img img {
    transition: all 0.8s;
    transform: rotate(45deg);
}*/
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
#industries .peccular-industries-single{
    position: relative;
    /*margin-bottom: 1em;*/
    padding: 0;
    transition: all 0.8s;
}

 #industries .peccular-industries-b{
      padding: 1em 10px 10px 10px;
      text-align: right;
}
 #industries .peccular-industries-b1 {
    padding: 1em 10px 10px 10px;
    text-align: left;
}

 #industries .mid-image-bx img{
    height: 514px;
    width: 100%;
    position: relative;
}
 #industries .peccular-section-head h2{
    color: #e67e22;
    margin-top: 0em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: Poppins, Medium;
}
 #industries .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #2c3e50;
    font-weight: 500;
    line-height: 1;
 }
#industries .peccular-section-head p{
text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #7f8c8d;
    font-weight: 400;
  }
#industries .feature_head_bx i {
    color: #92b201;
    font-size: 1px;
    padding: 0px 69px;
    background: #92b201;
    border-radius: 16px;
    margin-bottom: 10px;
    position: relative;
}
 #industries .peccular-section-head .image-icon img.peccular-about-imgboxshape {
    margin-left: 40px;
}
/* #industries .peccular-section-head p {
    text-align: center;
    word-break: break-word;
    margin-bottom: 15px;
    padding: 20px 16em 1em 16em;
    font-size: 18px;
    line-height: 30px;
    color: #6c6c6c;
    font-weight: 400;
}*/

 div#industries {
    position: relative;
    background: #ecf0f1;
}

 #industries p.inner-area-text{
color: #7f8c8d;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
    margin-left: 0;
}

 #industries .peccular-industries-icon {
position: absolute;
    z-index: 1;
    top: 16px;
    left: 16px;
    background: #e67e22;
    height: 45px;
    width: 45px;
    border-radius: 12px;
}
 #industries .peccular-industry-image{
height: 192px;
width: 478px;
}
#industries .peccular-industry-image .imgoverlay{
    position: absolute;
    width: 100%;
    height: 192px;
    left: 0;
    right:0;
    top: 0;
    background-color: 
 color-mix(in oklab, #000 30%, transparent);
 opacity: 0.5;
}
#industries .peccular-industry-image img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 192px;
    width: 100%;
}

 #industries .peccular-industries-icon i{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    transition: all 0.8s;
    line-height: 21px;
    padding: 10px;

}
#industries .peccular-industries-single .indstry_contntbx {
    padding-left: 20px;
    margin-top: 42px;
    margin-bottom: 25px;
}

 #industries .peccular-industries-single{
    position: relative;
    transition: all 0.8s;
    overflow: hidden;
    TEXT-ALIGN: left;
       /* border-top-right-radius: 15px;
    border-top-left-radius: 15px;*/
    background: #fff;
    border-radius: 12px;
        margin-bottom: 10px;
}
 #industries .peccular-industries-single:hover {
    transition: all 0.8s;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
}
#industries .peccular-industries-single:hover .peccular-industry-image img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.9s ease;
}
#industries .peccular-industries-single:hover .peccular-industry-image .imgoverlay{
     transition: all 0.9s ease;
     opacity: 0;
}


/*----------------------------------------*/
/*  clientmetrics Area
/*----------------------------------------*/

#clientmetrics .peccular-clientmetrics-b{
    padding: 7px 3em;
}
#clientmetrics .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}

 #clientmetrics h4.peccular-clientmetrics-title{
font-size: 1.25rem;
    font-weight: 500;
    word-break: break-word;
    padding: 0;
    margin: 15px 0 12px 0;
    line-height: 30px;
    color: #2c3e50;
    transition: all 0.8s;
    letter-spacing: 0;
    position: relative;
    font-family: 'Roboto';
    z-index: 1;
    margin-left: 0;
}  
/* #clientmetrics h4.peccular-clientmetrics-title:before{
    content: "\f0da ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #5D8D2F;
    font-size: 34px;
    position: relative;
    font-style: normal;
    top: 5px;
    margin-right: 5px;
}
*/
div#clientmetrics {
    position: relative;
    background: #f6f6f6;
}

#clientmetrics .peccular-clientmetrics-icon {
    position: relative;
    transition: all 0.8s;
}

#clientmetrics .FeaBGleaf_img img {
    height: 120px;
    width: 120px;
    transition: all 0.8s;
}
#clientmetrics .FeaBGleaf_img {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.8s;
}
/*#clientmetrics .peccular-clientmetrics-single:hover .peccular-clientmetrics-icon {
    top: 38%;
    left: 37%;
    transition: all 0.8s;
}
*/
/*#clientmetrics .peccular-clientmetrics-single:hover .FeaBGleaf_img img {
    transition: all 0.8s;
    transform: rotate(45deg);
}*/
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
#clientmetrics .peccular-clientmetrics-single{
    position: relative;
    /*margin-bottom: 1em;*/
    padding: 0;
    transition: all 0.8s;
}

 #clientmetrics .peccular-clientmetrics-b{
      padding: 1em 10px 10px 10px;
      text-align: right;
}
 #clientmetrics .peccular-clientmetrics-b1 {
    padding: 1em 10px 10px 10px;
    text-align: left;
}

 #clientmetrics .mid-image-bx img{
    height: 514px;
    width: 100%;
    position: relative;
}
 #clientmetrics .peccular-section-head h2{
    color: #333;
    margin-top: 0em;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 13px;
    font-family: Poppins, Medium;
}
 #clientmetrics .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #2c3e50;
    font-weight: 500;
    line-height: 1;
 }
#clientmetrics .peccular-section-head p{
    text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    font-size: 1rem;
    line-height: 1.5;
    color: #4a5565;
    font-weight: 400;
  }
#clientmetrics .feature_head_bx i {
    color: #92b201;
    font-size: 1px;
    padding: 0px 69px;
    background: #92b201;
    border-radius: 16px;
    margin-bottom: 10px;
    position: relative;
}
 #clientmetrics .peccular-section-head .image-icon img.peccular-about-imgboxshape {
    margin-left: 40px;
}


 div#clientmetrics {
    position: relative;
    background: #f9fafb;
}
 div#clientmetrics .feature_head_bx {
    position: relative;
    margin-top: 40px;
}

 div#clientmetrics .main_innerBX {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 6px 7px 0px rgb(0 0 0 / 9%);
    /* box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2); */
}
 #clientmetrics p.inner-area-text{
    color: #4a5565;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 0;
    font-family: 'Roboto';
}

 #clientmetrics .peccular-clientmetrics-icon {
    position: relative;
    z-index: 1;
    width: 100%;
    color: #f0b100;
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
 #clientmetrics .peccular-industry-image{
height: 192px;
width: 478px;
}

#clientmetrics .peccular-industry-image img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 192px;
    width: 100%;
}

 #clientmetrics .peccular-clientmetrics-icon i{
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    transition: all 0.8s;
    line-height: 21px;
    padding: 10px;

}
#clientmetrics .peccular-clientmetrics-single .indstry_contntbx {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    position: relative;
}

 #clientmetrics .peccular-clientmetrics-single{
    position: relative;
    transition: all 0.8s;
    overflow: hidden;
    TEXT-ALIGN: left;
    border-radius: 12px;
    margin-bottom: 10px;
}

 #clientmetrics .stories_box{
        position: relative;
        margin-top: 70px;

}
 #clientmetrics .stories_box h3{
    font-size: 1.5rem;
    color: #333;
    font-weight: 400;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
 }
#clientmetrics .stories_box p{
    color: #4a5565;
    font-size: 16px;
    padding: 20px 24%;
    font-family: system-ui;
    line-height: 27px;
  }
#clientmetrics .stories_box  .success_btn{
    left: 3px;
    position: relative;
    text-align: left;
    background: #f0b100;
    display: inline-block;
    padding: 13px 30px;
    border-radius: 10px;
    /* margin-top: 36px; */
    top: 0;
}
#clientmetrics .stories_box  .success_btn:hover{
background: #d08700;
}
#clientmetrics .stories_box  .success_btn a{
    color: #000;
    font-weight: 400;
    font-size: 17px;
}

/*----------------------------------------*/
/*  AcademicsPrograms Area
/*----------------------------------------*/

#AcademicsPrograms .peccular-AcademicsPrograms-b{
    padding: 7px 3em;
}
#AcademicsPrograms .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}
#AcademicsPrograms p.AcademicsPrograms_description {
    color: #e67e22;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
}

 #AcademicsPrograms h4.peccular-AcademicsPrograms-title{
font-size: 1.25rem;
    font-weight: 700;
    word-break: break-word;
    padding: 0;
    margin: 25px 0 15px 0;
    line-height: 30px;
    color: #003d5c;
    transition: all 0.8s;
    letter-spacing: 0;
    position: relative;
    font-family: 'Playfair Display';
    z-index: 1;
    margin-left: 0;
}  
/* #AcademicsPrograms h4.peccular-AcademicsPrograms-title:before{
    content: "\f0da ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #5D8D2F;
    font-size: 34px;
    position: relative;
    font-style: normal;
    top: 5px;
    margin-right: 5px;
}
*/
div#AcademicsPrograms {
    position: relative;
    background: #f6f6f6;
}

#AcademicsPrograms .peccular-AcademicsPrograms-icon {
    position: relative;
    transition: all 0.8s;
}

#AcademicsPrograms .FeaBGleaf_img img {
    height: 120px;
    width: 120px;
    transition: all 0.8s;
}
#AcademicsPrograms .FeaBGleaf_img {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.8s;
}
/*#AcademicsPrograms .peccular-AcademicsPrograms-single:hover .peccular-AcademicsPrograms-icon {
    top: 38%;
    left: 37%;
    transition: all 0.8s;
}
*/
/*#AcademicsPrograms .peccular-AcademicsPrograms-single:hover .FeaBGleaf_img img {
    transition: all 0.8s;
    transform: rotate(45deg);
}*/
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
#AcademicsPrograms .peccular-AcademicsPrograms-single{
    position: relative;
    /*margin-bottom: 1em;*/
    padding: 0;
    transition: all 0.8s;
}

 #AcademicsPrograms .peccular-AcademicsPrograms-b{
      padding: 1em 10px 10px 10px;
      text-align: right;
}
 #AcademicsPrograms .peccular-AcademicsPrograms-b1 {
    padding: 1em 10px 10px 10px;
    text-align: left;
}

 #AcademicsPrograms .mid-image-bx img{
    height: 514px;
    width: 100%;
    position: relative;
}
 #AcademicsPrograms .peccular-section-head h2{
    color: #003d5c;
    margin-top: 0em;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
}
#AcademicsPrograms .peccular-section-head h2 svg{
        margin-right: 10px;
}
 #AcademicsPrograms .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #003d5c;
    font-weight: 700;
    line-height: 50px;
    font-family: 'Playfair Display';
 }
#AcademicsPrograms .peccular-section-head p{
text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #7f8c8d;
    font-weight: 400;
  }
#AcademicsPrograms .feature_head_bx i {
    color: #92b201;
    font-size: 1px;
    padding: 0px 69px;
    background: #92b201;
    border-radius: 16px;
    margin-bottom: 10px;
    position: relative;
}
 #AcademicsPrograms .peccular-section-head .image-icon img.peccular-about-imgboxshape {
    margin-left: 40px;
}
/* #AcademicsPrograms .peccular-section-head p {
    text-align: center;
    word-break: break-word;
    margin-bottom: 15px;
    padding: 20px 16em 1em 16em;
    font-size: 18px;
    line-height: 30px;
    color: #6c6c6c;
    font-weight: 400;
}*/

 div#AcademicsPrograms {
    position: relative;
    background: #fbf9fa;
}

 #AcademicsPrograms p.inner-area-text{
    color: #4a5565;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-left: 0;
    letter-spacing: 0.3px;
    padding-left: 10px;
    font-family: 'Lato', sans-serif;
    padding-right: 10px;
}

 #AcademicsPrograms .peccular-AcademicsPrograms-icon {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    background: #f6f3f4;
    height: 80px;
    width: 80px;
    border-radius: 15px;
    right: 0;
    margin: 0 auto;
}
 #AcademicsPrograms .peccular-industry-image{
height: 192px;
width: 478px;
}
#AcademicsPrograms .peccular-industry-image img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 192px;
    width: 100%;
}

 #AcademicsPrograms .peccular-AcademicsPrograms-icon i{
    font-size: 38px;
    font-weight: 500;
    color: #003d5c;
    transition: all 0.8s;
    line-height: 21px;
    padding: 26px 17px 21px 15px;

}
#AcademicsPrograms .peccular-AcademicsPrograms-single .indstry_contntbx {
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 33px;
    padding-right: 30px;
}
 #AcademicsPrograms .AcademicsPrograms-body {
    width: 80%;
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
}

 #AcademicsPrograms .arrow-btn{
    width: 50px;
    height: 50px;
    background: #fdb913;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    transition: all 0.3s ease;
    margin-top: 2em;
}
#AcademicsPrograms .arrow-btn svg{
        color:#fff;
    font-size:16px;
}
/* Hover effect */
 #AcademicsPrograms .arrow-btn:hover{
    transform: translateY(5px);
    background-color: #e5a70f;
    box-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
}
 #AcademicsPrograms .peccular-AcademicsPrograms-single{
    position: relative;
    transition: all 0.8s;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
}
 #AcademicsPrograms .peccular-AcademicsPrograms-single:hover{
box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
 transition: all 0.5s;
 margin-top: -10px;
 }
  #AcademicsPrograms .peccular-AcademicsPrograms-single:hover .peccular-AcademicsPrograms-icon i{
    color: #fff;
    transition: all 0.5s;
 }
#AcademicsPrograms .peccular-AcademicsPrograms-single:hover .peccular-AcademicsPrograms-icon{
    background : #003d5c;
     transition: all 0.5s;
 }
/* #AcademicsPrograms .peccular-AcademicsPrograms-single:hover h4.peccular-AcademicsPrograms-title{
    color: #e67e22;
    transition: all 0.8s;
 }*/
#AcademicsPrograms .peccular-AcademicsPrograms-single:hover .peccular-AcademicsPrograms-icon{
transform: scale(1.1);
}
/*----------------------------------------*/
/*  steps Area
/*----------------------------------------*/

#steps .peccular-steps-b{
    padding: 7px 3em;
}
#steps .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}

 #steps h4.peccular-steps-title{
font-size: 1.25rem;
    font-weight: 500;
    word-break: break-word;
    padding: 0;
    margin: 15px 0 12px 0;
    line-height: 30px;
    color: #2c3e50;
    transition: all 0.8s;
    letter-spacing: 0;
    position: relative;
    font-family: 'Roboto';
    z-index: 1;
    margin-left: 0;
}  
 #steps .peccular-industry-number {
background: #e67e22;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    z-index: 999;
    left: 20px;
}

#steps .yourproject_box {
    background: #fff;
    border-radius: 12px;
    padding: 2em;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    text-align: center;
    width: 60%;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    margin-top: 1.3em;
    background: #fff;
}
#steps .yourproject_box h3{
    font-size: 1.5rem;
    line-height: 40px;
    color: #333;
    font-weight: 400;
    font-family: system-ui;
}
#steps .yourproject_box p{
font-size: 16px;
    color: #7f8c8d;
    letter-spacing: 0.5px;
    font-family: 'Roboto';
    margin-top: 15px;
}
 #steps .peccular-industry-number p{
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    padding: 0px;
    position: relative;
    left: 7px;
    top: 5px;
 }
 #steps .yourproject_box ul.success_btn{
margin-top: 28px;
 }
 #steps .yourproject_box ul.success_btn li.btn1{
    display: inline-block;
    background: #e67e22;
    padding: 14px 25px;
  border-radius: 0.625rem;
  border: 1px solid transparent;
 }
  #steps .yourproject_box ul.success_btn li.btn2{
display: inline-block;
    background: #e67e2200;
    padding: 14px 25px;
    border-radius: 0.625rem;
    border: 1px solid #7f8c8d;
    margin-left: 12px;
 }
  #steps .yourproject_box ul.success_btn li.btn1 a{
color: #fff;
 }
   #steps .yourproject_box ul.success_btn li.btn2 a{
    color: #000;
 }
  #steps .yourproject_box ul.success_btn li a{

 }
/* #steps h4.peccular-steps-title:before{
    content: "\f0da ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #5D8D2F;
    font-size: 34px;
    position: relative;
    font-style: normal;
    top: 5px;
    margin-right: 5px;
}
*/
div#steps {
    position: relative;
    background: #f6f6f6;
}

#steps .peccular-steps-icon {
    position: relative;
    transition: all 0.8s;
}

#steps .FeaBGleaf_img img {
    height: 120px;
    width: 120px;
    transition: all 0.8s;
}
#steps .FeaBGleaf_img {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.8s;
}
/*#steps .peccular-steps-single:hover .peccular-steps-icon {
    top: 38%;
    left: 37%;
    transition: all 0.8s;
}
*/
/*#steps .peccular-steps-single:hover .FeaBGleaf_img img {
    transition: all 0.8s;
    transform: rotate(45deg);
}*/
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
#steps .peccular-steps-single{
    position: relative;
    /*margin-bottom: 1em;*/
    padding: 0;
    transition: all 0.8s;
}

 #steps .peccular-steps-b{
      padding: 1em 10px 10px 10px;
      text-align: right;
}
 #steps .peccular-steps-b1 {
    padding: 1em 10px 10px 10px;
    text-align: left;
}

 #steps .mid-image-bx img{
    height: 514px;
    width: 100%;
    position: relative;
}
 #steps .peccular-section-head h2{
    color: #e67e22;
    margin-top: 0em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: Poppins, Medium;
}
 #steps .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #2c3e50;
    font-weight: 500;
    line-height: 1;
 }
#steps .peccular-section-head p{
text-align: center;
    word-break: break-word;
    margin-bottom: 10px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #7f8c8d;
    font-weight: 400;
  }
#steps .feature_head_bx i {
    color: #92b201;
    font-size: 1px;
    padding: 0px 69px;
    background: #92b201;
    border-radius: 16px;
    margin-bottom: 10px;
    position: relative;
}
 #steps .peccular-section-head .image-icon img.peccular-about-imgboxshape {
    margin-left: 40px;
}
/* #steps .peccular-section-head p {
    text-align: center;
    word-break: break-word;
    margin-bottom: 15px;
    padding: 20px 16em 1em 16em;
    font-size: 18px;
    line-height: 30px;
    color: #6c6c6c;
    font-weight: 400;
}*/
 div#steps .peccular-section-head {
    text-align: center;
    margin-bottom: 0em;
    margin-top: 1.5em;
}
 div#steps {
    position: relative;
    background: #ecf0f1;
}

 #steps p.inner-area-text{
color: #7f8c8d;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
    margin-left: 0;
        margin-bottom: 20px;
}
 #steps .peccular-section-area-textlist{

}
 #steps .peccular-section-area-textlist li{
    color: #7f8c8d;
    font-size: 16px;
    line-height: 28px;
}

 #steps .peccular-section-area-textlist ul li:before, 
 #steps .peccular-section-area-textlist ol li:before{
content: "\f046";
    font-family: 'Fontawesome';
    margin-right: 9px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #e67e22de;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    padding: 7px 3px 0px;
    font-weight: 100;
}
 #steps .peccular-steps-icon {
    position: relative;
    z-index: 1;
    top: 8px;
    left: 0;
    background: #ecf0f1;
    height: 47px;
    width: 47px;
    border-radius: 10px;
}
 #steps .peccular-industry-image{
height: 192px;
width: 478px;
}
#steps .peccular-industry-image img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 192px;
    width: 100%;
}

 #steps .peccular-steps-icon i{
    font-size: 22px;
    font-weight: 500;
    color: #7f8c8d;
    transition: all 0.8s;
    line-height: 21px;
    padding: 10px;
}
#steps .peccular-steps-single .indstry_contntbx {
    padding-left: 40px;
    margin-top: 42px;
    margin-bottom: 25px;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 25px;
    padding-right: 20px;
        border-radius: 0.625rem;
}

 #steps .peccular-steps-single{
    position: relative;
    transition: all 0.8s;
    overflow: hidden;
    TEXT-ALIGN: left;
    border-radius: 12px;
        margin-bottom: 10px;
}
/*----------------------------------------*/
/*  Counter Area
/*----------------------------------------*/

/* Section */
#counter {
    background: #f8f7f8;
    padding: 60px 0;
}

/* Card */
#counter .peccular-counter-single {
background: #fff;
    border-radius: 16px;
    padding: 30px 35px;
    padding-bottom: 35px;
    transition: 0.3s;
    margin-right: -10px;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
}

#counter .peccular-counter-single:hover {
    transform: translateY(-10px);      
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}
#counter .peccular-counter-single:hover .peccular-counter-icon{
    transform: scale(1.05);
    transition:all .3s;
}
/* Flex Layout */
.counter-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Icon Box */
#counter .peccular-counter-icon {
    background: #0c3b57;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#counter .peccular-counter-icon span {
    font-size: 26px;
    color: #fdb913;
}

/* Number */
#counter .peccular-counter-num span.count{
    font-size: 2.25rem;
    font-weight: 700;
    color: #003d5c;
    margin-bottom: 2px;
    font-family: Playfair Display, serif;
}
#counter .peccular-counter-num {
    display: flex;
    align-items: center;
    gap: 3px;
    /*font-size: 28px;*/
    /*font-weight: 700;*/
    /*color: #0c3b57;*/
}
#counter .counter-body{
width: 75%;
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
}
#counter .peccular-counter-num .counter-unit {
    font-size: 2.25rem;
    font-weight: 700;
    color: #003d5c;
    font-family: Playfair Display, serif;
}
/* + sign */
/*#counter .peccular-counter-num::after {
    content: "+";
    font-size: 20px;
    margin-left: 3px;
}*/

/* Title */
#counter .peccular-counter-title {
    font-size: 0.875rem;
    color: #4a5565;
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
    font-family: Lato, sans-serif;
}


/*----------------------------------------*/
/*  Blog Area
/*----------------------------------------*/

#blog {    
    position: relative;
    overflow: hidden;
}

/*#blog .blog_post_b:nth-child(1) {
    width: 100%;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-imgbox{
width: 50%;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-single{
    width: 50%;
    position: absolute;
    left: 50%;
    top: 27px;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-thumbnail img{
    height: 423px !important;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post:hover .peccular-blog-imgbox img{
transform: scale(1);
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post{
    height: 423px !important;
    margin-bottom: 4em;
}

#blog .blog_post_b:nth-child(1) h4.inner-area-title{
    font-size: 1.875rem;
    font-family: system-ui;
    line-height: 42px;
    margin-top: 25px;
}

#blog .blog_post_b:nth-child(1) .read-btn a{
    background: #f0b100;
    color: #000;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-comment svg{
    height: 20px;
    width: 23px;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-comment svg path{
    stroke: #000;
}
#blog .blog_post_b:nth-child(1) .read-btn {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 10px;
}
#blog .blog_post_b:nth-child(1) .button_timeBox {
    padding-top: 0;
}
#blog .button_timeBox {
    padding-top: 9px;
}
#blog .blog_post_b:nth-child(1) .button_timeBox{
width: 30%;
    position: absolute;
    top: 13px;
    right: 0;
}
#blog .blog_post_b:nth-child(1) .daterightborder{
    width: 30%;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post p{
    color: #4a5565;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post p {
    margin-bottom: 18px;
}
#blog .read-btn a svg{
    height: 20px;
    width: 23px;
    position: relative;
    left: 13px;
}*/
/*#catproduct-section .owl-carousel.owl-drag .owl-item:nth-child(1) .pro-cat-content svg path*/

#blog .peccular-blog-post:hover .peccular-blog-imgbox img{
transform: scale(1.1);
transition:all .6s;
}
#blog .peccular-blog-post:hover {
    transition: all 0.9s ease 0s;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
}
#blog .peccular-section-head {
      margin-bottom: 4em;
    margin-top: 3em;
}

#blog .peccular-section-head h2{  
    color: #003d5c;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    font-family: Lato, sans-serif;
}
#blog .peccular-section-head h2 svg path,#blog .peccular-section-head h2 svg rect {
    stroke: #00bcd4;
}
#blog .peccular-section-head h2 svg {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
#blog .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #101828;
    font-weight: 700;
    line-height: 1;
    font-family: Playfair Display, serif;
}
#blog .peccular-section-head p{
    text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #4a5565;
    font-weight: 400;
}

#blog .peccular-section-head i{
    font-size: 0px;
    background: #E11D07;
    color: #E11D07;
    padding: 1px 21px;
    position: relative;
    top: -10px;

}
#blog .peccular-blog-post{      
    padding: 0;
    margin: 0 0px 3em 0;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    position: relative;
    overflow: hidden;  
    transition: all 1s ease 0s;
    padding-bottom: 25px;
}
#blog .peccular-blog-post:hover{
        transform: translateY(-10px);
     box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
     transition: all 1s ease 0s;

}
#blog .peccular-blog-imgbox{
    position: relative;
}
#blog .peccular-box-area-S { margin: 0px;}

#blog h4.inner-area-title {
    color: #101828;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 0em;
    transition: all 1s ease 0s;
    font-family: Playfair Display, serif;
}
#blog .peccular-blog-post p{
    color: #4a5565;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 0em;
    padding: 0em;
}
#blog .read-btn{
    padding: 2px;
    border-radius: 5px;
    display: inline-block;
}

#blog .read-btn a{
    font-size: 0.875rem;
    border-radius: 5px;
    font-weight: 500;
    line-height: 18px;
    color: #003d5c;
    text-align: center;
    padding-left: 8px;
    margin-top: 11px;
    transition: all .6s;
    display: inline-block;
    position: relative;
    font-family: Lato, sans-serif;
}

#blog .read-btn:hover a{
    transition: all .3s;
    color: #fdb913;
}

#blog .peccular-blog-single {padding: 18px 20px 0;
    position: relative;
}
#blog .peccular-blog-single span{
    color: #6a7282;
    font-family: Lato, sans-serif;
    font-size: 0.875rem;
}
#blog .peccular-blog-single svg{
    height: 17px;
    width: 17px;
    margin-right: 10px;  
}
#blog .peccular-blog-single svg path,#blog .peccular-blog-single svg rect{
    stroke: #6a7282;
}
#blog .read-btn svg path{
    stroke: #003d5c;
}
#blog .read-btn svg{
    height: 17px;
    width: 16px;
    margin-left: 13px; 
}
#blog .blog-categories_main li{
    display: inline-block;
    margin-right: 57px;
    background: #ecf0f1;
    padding: 10px;
    border-radius: 10px;
    transition: all .6s; 
}

#blog .blog-categories_main li:hover{
     background: #e67e22;
     transition: all .6s; 
}
#blog ul.blog-categories_main {
    text-align: center;
    position: relative;
    margin-bottom: 3.5em;
}
#blog .blog-categories_main li:hover a{
     color: #fff;
     transition: all .6s; 
}
#blog .blog-categories_main li a{
     font-size: 0.875rem;
     font-weight: 500;
     transition: all .6s; 
     color: #333;
     font-family: system-ui;
}
#blog .peccular-blog-thumbnail {
    position: relative;    
}
#blog .peccular-blog-thumbnail img {
    width: 100%;
    height: 218px;
}

#blog .peccular-blog-comment {
    margin: 2px 0 15px;
    position: relative;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 10px 0;
    z-index: 10;
}
#blog .peccular-blog-comment span {
    color: #6a7282;
    font-size: 0.75rem;
    padding: 7px 0px;
    font-weight: 400;
    text-transform: capitalize;
}
#blog .button_time{
margin-top: 20px;
}
#blog .peccular-blog-comment svg{
    font-size: 9px;
    font-weight: 500;
    padding-right: 7px;
   
    height: 22px;
    width: 21px;
}

#blog .daterightborder{
    border-right: 1px solid #fff;    
    margin: 0 0;
}

/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter .peccular-newsletter-member-wrap {
    position: relative;
    width: 470px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#newsletter {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#newsletter .newsletter-sign-box {    
    position: relative;
    text-align: center;
    background: #f9fafb;
    padding: 2em;
    border-radius: 6px;
    padding-bottom: 0.5em;
}

#newsletter .peccular-section-head {
    margin-bottom: 0em;
    margin-top: 5px;
    margin-bottom: 25px;
}
#newsletter .peccular-section-head h2{
    font-size: 1.5rem;
    color: #333;
    font-weight: 400;
    font-family: system-ui;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}
#newsletter .peccular-section-head p{
    color: #4a5565;
    font-size: 16px;
    font-family: system-ui;
    letter-spacing: 0.5px;
    padding-left: 21%;
    padding-right: 21%;
    line-height: 26px;
}
#newsletter .peccular-section-head i {
    background: #E11D07;
    color: #E11D07;
    font-size: 5px;
    line-height: 50px;
    width: 6px;
    height: 107px;
    border-radius: 10px;
    float: left;
    margin: 0 23px 0 0; 
}

#newsletter .rightformbox {       
    padding: 2em 2em 27px;
    background: #fff;  
    border-radius: 6px;
    box-shadow: 0px 0px 17px #0000002E;
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0;
}

#newsletter .peccular-newsletter-member-wrap input[type="text"], 
#newsletter .peccular-newsletter-member-wrap input[type="email"], 
#newsletter .peccular-newsletter-member-wrap input[type="url"], 
#newsletter .peccular-newsletter-member-wrap input[type="password"], 
#newsletter .peccular-newsletter-member-wrap input[type="search"], 
#newsletter .peccular-newsletter-member-wrap input[type="number"], 
#newsletter .peccular-newsletter-member-wrap input[type="tel"], 
#newsletter .peccular-newsletter-member-wrap input[type="range"], 
#newsletter .peccular-newsletter-member-wrap input[type="date"], 
#newsletter .peccular-newsletter-member-wrap input[type="month"], 
#newsletter .peccular-newsletter-member-wrap input[type="week"], 
#newsletter .peccular-newsletter-member-wrap input[type="time"], 
#newsletter .peccular-newsletter-member-wrap input[type="datetime"],
#newsletter .peccular-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .peccular-newsletter-member-wrap input[type="color"],
#newsletter .peccular-newsletter-member-wrap input[type="file"],
#newsletter .peccular-newsletter-member-wrap textarea{ 
    border: 0.5px solid #d1d5dc !important;
    z-index: 2000;
    width: 100%;
    color: #000 !important;
    margin: 0 0 0 0;
    border-radius: 10px;
    padding: 0px 11px !important;
    font-size: 16px;
    height: 42px;
    font-weight: 400;
    background: none;
    font-family: system-ui;
}
#newsletter .peccular-newsletter-member-wrap input::placeholder{
    color: #9c9897 !important;
}
#newsletter .wpcf7-list-item-label{
    color: #170864;
    font-size: 18px;
    float: right;    
    padding: 0 64px 0 0;
    margin: 2px 0 0 14px;
}
#newsletter .peccular-newsletter-member-wrap input[type="checkbox"],
#newsletter .peccular-newsletter-member-wrap input[type="radio"], 
input[type="radio" i]{
    box-sizing: border-box;
    padding: 0;
    background-color: #000 ;   
    position: absolute;
    left: 0;     
    margin: 4px 0 0 0px;
    color: #E11D07;
}

#newsletter  .peccular-newsletter-member-wrap input::placeholder{
    color:#969aaa;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    display: inline-block;
    background: #f0b100 !important;
    color: #000;
    font-weight: 500;
    padding: 12px 25px;
    line-height: 1;
    border-radius: 9px;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.5s ease 0s;
    margin: 0 0;
    position: relative;
    right: 15px;
    font-family: system-ui;
    box-shadow: none;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]:hover{
     background: #d08700 !important; 
}

#newsletter .newsletterbox_btn{
    position: relative;
    background: #ecf0f1;
    border: 1px solid #d3d7d8;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 10px;
    top: 15px;
    left: 44%;
    font-family: system-ui;
    margin-top: 30px;
    margin-bottom: 30px;
}
#newsletter .newsletterbox_btn:hover{
    background: #e67e22;
}
#newsletter .newsletterbox_btn:hover a{
    color: #fff;
}
#newsletter .newsletterbox_btn a {
    color: #333;
    font-weight: 500;
    font-size: .875rem;
    font-family: system-ui;
}
/*----------------------------------------*/
/*  13. Contact Area
/*----------------------------------------*/
#contact .contact-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #272727;
    opacity: 0.9;   
}
#contact {
    position: relative;
    overflow: hidden;
    background: #fbf9fa;
}
#contact .peccular-contact {
    padding-top: 0em;
    position: relative;
}
#contact .leftcontact .peccular-section-head {
    margin-bottom: 1em;
    margin-top: 1em;
}
#contact .leftcontact .infoBox_1{
    border: 1px solid #7f8c8d33;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#contact .leftcontact .infoBox_1 .mai_cont_box {
    padding-right: 8em;}
#contact .leftcontact .infoBox_1 .dataBX {
    margin-bottom: 20px;
}
#contact .leftcontact .infoBox_1 .iconBX i{
    font-size: 27px;
    color: #000;
}
#contact .leftcontact .infoBox_1 .iconBX {
    height: 45px;
    width: 45px;
    background: #f0b100;
    border-radius: 10px;
    padding: 8px;
    float: left;
    margin-right: 15px;
}
#contact .leftcontact .infoBox_1 p.title {
    color: #333;
    font-weight: 500;
    font-family: system-ui;
    font-size: 17px;
    line-height: 30px;
}
#contact .leftcontact .infoBox_1 p.subtitle {
    color: #4a5565;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
}
#contact .leftcontact .infoBox_1 .mai_cont_box p{
    color: #364153;
    font-size: 17px;
    line-height: 26px;
    font-family: system-ui;
    font-weight: 400;
}

/*2nd box*/
#contact .leftcontact .infoBox_2{
    border: 1px solid #7f8c8d33;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#contact .leftcontact .infoBox_2 .mai_cont_box {
    padding-right: 8em;}
#contact .leftcontact .infoBox_2 .dataBX {
    margin-bottom: 20px;
}
#contact .leftcontact .infoBox_2 .iconBX i{
    font-size: 27px;
    color: #000;
}
#contact .leftcontact .infoBox_2 .iconBX {
    height: 45px;
    width: 45px;
    background: #f0b100;
    border-radius: 10px;
    padding: 8px;
    float: left;
    margin-right: 15px;
}
#contact .leftcontact .infoBox_2 p.title {
    color: #333;
    font-weight: 500;
    font-family: system-ui;
    font-size: 17px;
    line-height: 30px;
}
#contact .leftcontact .infoBox_2 p.subtitle {
    color: #4a5565;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
}
#contact .leftcontact .infoBox_2 .mai_cont_box p{
       color: #364153;
    font-size: 17px;
    line-height: 26px;
    font-family: system-ui;
    font-weight: 400;
}

/*3rd box*/
#contact .leftcontact .infoBox_3{
    border: 1px solid #7f8c8d33;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#contact .leftcontact .infoBox_3 .mai_cont_box {
    padding-right: 8em;}
#contact .leftcontact .infoBox_3 .dataBX {
    margin-bottom: 20px;
}
#contact .leftcontact .infoBox_3 .iconBX i{
    font-size: 27px;
    color: #000;
}
#contact .leftcontact .infoBox_3 .iconBX {
    height: 45px;
    width: 45px;
    background: #f0b100;
    border-radius: 10px;
    padding: 8px;
    float: left;
    margin-right: 15px;
}
#contact .leftcontact .infoBox_3 p.title {
    color: #333;
    font-weight: 500;
    font-family: system-ui;
    font-size: 17px;
    line-height: 30px;
}
#contact .leftcontact .infoBox_3 p.subtitle {
    color: #4a5565;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
}
#contact .leftcontact .infoBox_3 .mai_cont_box p{
       color: #364153;
    font-size: 17px;
    line-height: 26px;
    font-family: system-ui;
    font-weight: 400;
}
/*4rth box*/
#contact .leftcontact .infoBox_4{
    border: 1px solid #7f8c8d33;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#contact .leftcontact .infoBox_4 .mai_cont_box {
    padding-right: 8em;}
#contact .leftcontact .infoBox_4 .dataBX {
    margin-bottom: 20px;
}
#contact .leftcontact .infoBox_4 .iconBX i{
    font-size: 27px;
    color: #000;
}
#contact .leftcontact .infoBox_4 .iconBX {
    height: 45px;
    width: 45px;
    background: #f0b100;
    border-radius: 10px;
    padding: 8px;
    float: left;
    margin-right: 15px;
}
#contact .leftcontact .infoBox_4 p.title {
    color: #333;
    font-weight: 500;
    font-family: system-ui;
    font-size: 17px;
    line-height: 30px;
}
#contact .leftcontact .infoBox_4 p.subtitle {
    color: #4a5565;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
}
#contact .leftcontact .infoBox_4 .mai_cont_box p{
       color: #364153;
    font-size: 17px;
    line-height: 26px;
    font-family: system-ui;
    font-weight: 400;
}
#contact .leftcontact .peccular-section-head h2{
    font-size: 53px;
    font-weight: bold;
    color: #fff;
    line-height: 18px;
    margin-bottom: 27px;
}
#contact .leftcontact .peccular-section-head h3 {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 29px;
    opacity: 0.8;
    margin: 0 0;
}
#contact .leftcontact{
    margin: 1em 0px 5em;
    padding: 0 45px 0 0;
}
#contact .rightcontact {
    border: 1px solid #7f8c8d33;
    background: #fff;
    padding: 30px;
    padding-bottom: 10px;
    border-radius: 12px;
    margin-top: 1em;
    margin-bottom: 1.7em;
}
#contact .map_box {
    border-radius: 15px;
    position: relative;
    margin-bottom: 4em;
    border: 0.5px solid #7f8c8d33;
    padding-bottom: 20px;

}
#contact .map_box iframe{
      border-radius: 15px;
    width: 100%;
    height: 260px;
}
#contact .rightcontact h2{
    color: #333;
    font-size: 1.5rem;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 20px;
}
#contact .peccular-section-head{
    margin: 0 0 30px ;
    text-align: center;
} 
#contact .peccular-section-head h2{
    color: #f0b100;
    margin-top: 0em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-family: Poppins, Medium;
}
#contact .peccular-section-head h2 span{
    color: #E11D07;
    font-size: 43px;
    font-weight: bold;
}
#contact .peccular-section-head h3 {
font-size: 3rem;
    margin-bottom: .25rem;
    color: #2c3e50;
    font-weight: 500;
    line-height: 1;
}
#contact .peccular-section-head p {
text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #7f8c8d;
    font-weight: 400;
}
#contact .peccular-contact-mailid,
#contact .peccular-contact-phone{
    padding: 25px 4em;
}
#contact .peccular-contact-phone{
    margin-bottom: 2em;
}
#contact .email-border-bottom{
    border-bottom: 2px solid #707070;
    width: 46%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 17px;
    opacity: 0.6;
}
#contact .peccular-contact-info:hover a{
    color: #E11D07;
}
#contact .peccular-contact-info a{
    margin-top: 10px;
    margin-bottom: 4em;
    color: #1D1B25;
    font-size: 24px;
    font-weight: bold;
}
#contact .peccular-contact-icon i {
    color: #E11D07;
    font-size: 30px;       
    text-align: center;
        margin: 0 0 0 14px;
}
#contact .peccular-contact-address{
    text-align: left;
}
#contact .peccular-contact-label {
    color: #1D1B25;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 21px 0;
}
#contact .peccular-contact-info{
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

#contact.peccular-contact-block {
    margin-top: 3em;
}
#contact .peccular-contact-member-wrap h3 {
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

#contact .peccular-contact-member-wrap input[type="text"], 
#contact .peccular-contact-member-wrap input[type="email"], 
#contact .peccular-contact-member-wrap input[type="url"], 
#contact .peccular-contact-member-wrap input[type="password"], 
#contact .peccular-contact-member-wrap input[type="search"], 
#contact .peccular-contact-member-wrap input[type="number"], 
#contact .peccular-contact-member-wrap input[type="tel"], 
#contact .peccular-contact-member-wrap input[type="range"], 
#contact .peccular-contact-member-wrap input[type="date"], 
#contact .peccular-contact-member-wrap input[type="month"], 
#contact .peccular-contact-member-wrap input[type="week"], 
#contact .peccular-contact-member-wrap input[type="time"], 
#contact .peccular-contact-member-wrap input[type="datetime"],
#contact .peccular-contact-member-wrap input[type="datetime-local"], 
#contact .peccular-contact-member-wrap input[type="color"],
#contact .peccular-contact-member-wrap input[type="file"],
#contact .peccular-contact-member-wrap textarea{
  
border: none !important;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #0000007d;
    margin: 0 0 20px 0;
    border-radius: 2px;
    padding: 0 0 0 7px;
    font-size: 0.875rem;
    height: 38px;
    font-weight: 500;
    opacity: 1;
    font-family: 'Poppins';
    letter-spacing: 0.5px;
    padding-left: 13px;
}
#contact .peccular-contact-member-wrap input[type="text"]:hover,
#contact .peccular-contact-member-wrap input[type="email"]:hover, 
#contact .peccular-contact-member-wrap input[type="url"]:hover, 
#contact .peccular-contact-member-wrap input[type="password"]:hover, 
#contact .peccular-contact-member-wrap input[type="search"]:hover, 
#contact .peccular-contact-member-wrap input[type="number"]:hover, 
#contact .peccular-contact-member-wrap input[type="tel"]:hover, 
#contact .peccular-contact-member-wrap input[type="range"]:hover, 
#contact .peccular-contact-member-wrap input[type="date"]:hover, 
#contact .peccular-contact-member-wrap input[type="month"]:hover, 
#contact .peccular-contact-member-wrap input[type="week"]:hover, 
#contact .peccular-contact-member-wrap input[type="time"]:hover, 
#contact .peccular-contact-member-wrap input[type="datetime"]:hover,
#contact .peccular-contact-member-wrap input[type="datetime-local"]:hover, 
#contact .peccular-contact-member-wrap input[type="color"]:hover,
#contact .peccular-contact-member-wrap input[type="file"]:hover,
#contact .peccular-contact-member-wrap textarea:hover{
    border: 1px solid #000000d6 !important;
    border-radius: 10px;
    box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 38%);
}
#contact .peccular-contact-member-wrap span {
    color: #4a5565;
    /* margin-bottom: 10px; */
    font-weight: 400;
    font-size: 15px;
    font-family: 'Roboto';
}
#contact .peccular-contact-member-wrap input[type="checkbox"], #contact .peccular-contact-member-wrap input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
}
#contact .peccular-contact-member-wrap label {
    margin-bottom: 0px;
    margin-top: 22px;
}
#contact .peccular-contact-member-wrap input[type="file"]{
    cursor: pointer;
    padding: 0px 0 10px;
    color: #fff;
    height: 35px;
}
#contact .peccular-contact-member-wrap select{
    outline: 0;
    border: 0;
    border-bottom: 1px solid #d8d9d4;
    z-index: 2000;
    width: 100%;
    margin: 0 0 6px 0;
    border-radius: 0;
    padding: 16px 15px;
    font-size: 16px;
    height: 55px;
    background: none;
    color: #d8d9d4;
}
#contact .peccular-contact-member-wrap select option{
    font-weight: 600;
    padding-bottom: 12px;
    color: #d8d9d4;
}

#contact .peccular-contact-member-wrap textarea {
    height: 120px;
    padding: 10px 15px;
}

#contact .peccular-contact-member-wrap input::placeholder,
#contact  .peccular-contact-member-wrap textarea::placeholder{
    color:#fff;
    opacity: 1 !important;
    position: relative;
    z-index: 999;
}

#contact .peccular-contact-member-wrap input[type="submit"]{
    color: #fff;
    font-weight: 600;
    padding: 14px 30px;
    line-height: 1;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    background: #f0b110;
    border: none;
    cursor: pointer; 
    font-size: 15px;
    transition: all 0.5s ease 0s;
    display: inline-block   ;
    border-radius: 2px;
    box-shadow: none;
}


#contact .peccular-contact-member-wrap input[type="submit"]{
    font-size: 16px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 20px;
    background: #f0b110;
    color: #000;
    text-align: center;
    padding: 10px 63px !important;
    transition: all .6s;
    display: inline;
    position: relative;
    width: 100%;
        margin-top: 25px;
}

#contact .peccular-contact-member-wrap input[type="submit"]:hover {
    background: #fff;    
    color: #E11D07;
    border: 1px solid #E11D07;
    transition: all .3s;
}

#contact .peccular-contact-phone:hover .peccular-contact-icon,
#contact .peccular-contact-address:hover .peccular-contact-icon,
#contact .peccular-contact-mailid:hover .peccular-contact-icon{
    -webkit-animation: sp 1.5s linear infinite;
    animation: sp 1.5s linear infinite;
}

/*----------------------------------------*/
/*  13. Inner Contact page
/*----------------------------------------*/

#innerpage-box .leftcontact{
    position: relative;
    overflow: hidden;
    z-index: 2;
    background: #fff;    
    box-shadow: 0px 0px 60px #00000017;
     margin: 8em 0px 0em;
    padding: 0 6px 11px 0;
}

#innerpage-box .leftcontact .contactformarea {
    margin: 0;
    padding: 2em;
}


#innerpage-box .peccular-contact {
    padding-top: 0em;
    position: relative;
}
#innerpage-box .leftcontact .peccular-section-head{
  margin: 0 0 1em;
}
#innerpage-box .leftcontact .peccular-section-head h1{
    font-size: 55px;
    font-weight: 600;
    color: #E11D07;
    line-height: 66px;
    text-transform: capitalize;
    margin: 0 0 2px;
}
#innerpage-box .leftcontact .peccular-section-head h2{
    font-size: 44px;
    font-weight: 600;
    color: #170864;
    line-height: 53px;
    text-transform: capitalize;
    margin: 0 0 8px;
}
#innerpage-box .leftcontact .peccular-section-head h3 {
    color: #1D1B25;
    font-weight: 600;
    font-size: 15px !important;    
    line-height: 19px;
    opacity: 0.7;
}

#innerpage-box .rightcontact {
   background: #e7e6ef;
    padding: 20px 0px 44px 80px;  
    margin: 80px 0 90px -25px;    
    z-index: 1;
    position: relative;
    top: 0;
}
#innerpage-box .rightcontact:before{
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    width: 30px;
  height: 9px;
  background-image:
    linear-gradient(to bottom right, transparent 50%, #170864 0);
    opacity: 0.4; 
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left;
}
#innerpage-box .rightcontact .border-bottom{
    border-bottom: 5px solid #061C30 !important;
}
#innerpage-box .rightcontact .peccular-section-head{
    margin: 40px 0 26px;
} 
#innerpage-box .rightcontact .peccular-section-head h2{
    font-size: 43px;
    font-weight: bold;
    color: #1D1B25;
    line-height: 18px;
    margin-bottom: 32px;
    padding: 0 0;
}
#innerpage-box .rightcontact .peccular-section-head h2 span{
    color: #E11D07;
    font-size: 43px;
    font-weight: bold;
}
#innerpage-box .rightcontact .peccular-section-head h3 {
    color: #1D1B25;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 29px;
    padding: 0 8em 0 0;
    margin-bottom: 46px;
}
#innerpage-box .peccular-contact .emailmargin{
    margin-top: 3em;
}
#innerpage-box .peccular-contact-info:hover a,
#innerpage-box .peccular-contact-info2:hover a{
    
    color: #E11D07;
}
#innerpage-box .peccular-contact-info a{
    margin-top: 10px;
    margin-bottom: 4em;
    color: #1D1B25;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.5;
}
#innerpage-box .peccular-contact-info2 {
        margin-top: -7px;
}
#innerpage-box .peccular-contact-info2 a{
    margin-top: 10px;
    margin-bottom: 4em;
    color: #1D1B25;
    font-size: 20px;
    font-weight: 600;
    opacity: 0.8;
}
#innerpage-box .peccular-contact-icon i {
    color: #E11D07;
    font-size: 30px;       
    text-align: center;
}
#innerpage-box .peccular-contact-address{
    text-align: left;
}
#innerpage-box .peccular-contact-label {
    color: #170864;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 21px 0;
}
#innerpage-box .peccular-contact-info{
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
#innerpage-box .rightcontactpage-right {
    position: relative;   
}
#innerpage-box .rightcontact img.app-right-img {
    height: 317px;
    width: 430px;
    position: absolute;
    right: -95px;
    top: -16px;
    margin: 0px 0 0 0;
    padding: 0;
}
#innerpage-box .rightcallnow-left {
        margin-bottom: 43px;
    position: relative;
}
#innerpage-box .rightcontact .rightcallnow-left h2 {
    color: #170864;
    font-size: 40px !important;
    font-weight: 600;
    margin: 0 0 41px !important;
    text-align: center;
    padding: 0 0 !important;
}
#innerpage-box .rightcontact .callnowbox{
    margin: 0 auto;
    position: relative;
}
#innerpage-box .rightcontact .callnowbox .calltopbrdr{
    position: absolute;
    right: 98px;
    top: 0;    
}
#innerpage-box .rightcontact .callnowbox .calltopbrdr span{
    width: 90%;
    border-top: 1px solid #fff;
    border-top-right-radius: 15px;
    border-right: 2px solid #fff;
    position: absolute;
    right: -30px;
    top: 23px;
    height: 14px;
}
#innerpage-box .rightcontact .callnowbox .calltopbrdr i.fa-minus{
    font-size: 1px;
    background: #fff;
    padding: 0px 5px;
    color: #fff;
    margin: 0 6px 0px 0;
}
#innerpage-box .rightcontact .callnowbox h3{
    color: #E11D07;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 -15px -39px;
    text-align: center;
    font-style: italic;
}
#innerpage-box .rightcontact .callnownum{
    background: #170864;
    padding: 0 0;
    width: 270px;
    height: 68px;
    position: relative;
    border-radius: 7px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    left: 28px;
}
#innerpage-box .rightcontact .callnownum:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -19px;
    width: 50px;
    height: 50px;
    background: #170864;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 8px 8px 8px 0px;
    -webkit-border-radius: 8px 8px 8px 0px;
    -moz-border-radius: 8px 8px 8px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .rightcontact .callnownum:after {
    content: "";
    position: absolute;
    top: 8px;
    right: -22px;
    width: 50px;
    height: 50px;
    background: #170864;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 8px 0px 6px 9px;
    -webkit-border-radius: 8px 0px 6px 9px;
    -moz-border-radius: 8px 0px 6px 9px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .rightcontact .callnownum i.fa-phone{
    color: #E11D07;
    font-size: 46px;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    text-align: center;
    line-height: 74px;
    float: left;
    position: relative;
    transform: rotate(45deg);
    top: -20px;
    left: -17px;
}
#innerpage-box .callnowbox:hover .callnownum i.fa-phone {
    z-index: 999;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform: rotate(45deg);
    background: #E11D07;
    color: #fff;
}
#innerpage-box .rightcontact .callnownum p a{
    color: #fff;
    font-size: 29px;
    font-weight: 800;
    margin: 0px 5px 0 0;
    text-align: right;
    position: relative;
    z-index: 1;
    line-height: 64px;
}
#innerpage-box .callnowbox:hover .callnownum p a{
     color: #E11D07 ;
}
#innerpage-box .peccular-contact-block {
    margin-top: 2em;
}

#innerpage-box .peccular-contact-member-wrap input[type="text"], 
#innerpage-box .peccular-contact-member-wrap input[type="email"], 
#innerpage-box .peccular-contact-member-wrap input[type="url"], 
#innerpage-box .peccular-contact-member-wrap input[type="password"], 
#innerpage-box .peccular-contact-member-wrap input[type="search"], 
#innerpage-box .peccular-contact-member-wrap input[type="number"], 
#innerpage-box .peccular-contact-member-wrap input[type="tel"], 
#innerpage-box .peccular-contact-member-wrap input[type="range"], 
#innerpage-box .peccular-contact-member-wrap input[type="date"], 
#innerpage-box .peccular-contact-member-wrap input[type="month"], 
#innerpage-box .peccular-contact-member-wrap input[type="week"], 
#innerpage-box .peccular-contact-member-wrap input[type="time"], 
#innerpage-box .peccular-contact-member-wrap input[type="datetime"],
#innerpage-box .peccular-contact-member-wrap input[type="datetime-local"], 
#innerpage-box .peccular-contact-member-wrap input[type="color"],
#innerpage-box .peccular-contact-member-wrap input[type="file"],
#innerpage-box .peccular-contact-member-wrap textarea{
  
    border: 1px solid #000000 !important;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #000;
    margin: 0 0 20px 0;    b
    padding: 0 0 0 7px;
    font-size: 15px;   
    height: 59px;  
    border-radius: 5px;
    opacity: 0.3;
}
#innerpage-box .peccular-contact-member-wrap input[type="file"]{
    cursor: pointer;
    padding: 0px 0 10px;
    color: #fff;
    height: 35px;
}
#innerpage-box .peccular-contact-member-wrap select{
    outline: 0;
    border: 0;
    border-bottom: 1px solid #d8d9d4;
    z-index: 2000;
    width: 100%;
    margin: 0 0 6px 0;
    border-radius: 0;
    padding: 16px 15px;
    font-size: 16px;
    height: 55px;
    background: none;
    color: #d8d9d4;
}
#innerpage-box .peccular-contact-member-wrap select option{
    font-weight: 600;
    padding-bottom: 12px;
    color: #d8d9d4;
}

#innerpage-box .peccular-contact-member-wrap textarea {
    height: 120px;
    padding: 10px 15px;
}

#innerpage-box .peccular-contact-member-wrap input::placeholder,
#innerpage-box .peccular-contact-member-wrap textarea::placeholder{
    color:#000;
    opacity: 1;
    z-index: 999;
}  
    
#innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"]{
    font-size: 18px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 20px;
    background: #E11D07;    
    color: #fff;    
    text-align: center;
    padding: 16px 260px ;
    transition: all .6s;
    position: relative;      
    cursor: pointer;   
    display: inline-block ; 
    margin: -18px 0 0 0;
    box-shadow: none;

}
#innerpage-box .peccular-contact-member-wrap input[type="submit"]:hover {
    background: #fff;    
    color: #E11D07;
    border: 1px solid #E11D07;
    transition: all .3s;

}
#innerpage-box .peccular-contact-phone:hover .peccular-contact-icon,
#innerpage-box .peccular-contact-address:hover .peccular-contact-icon,
#innerpage-box .peccular-contact-mailid:hover .peccular-contact-icon{
    -webkit-animation: sp 1.5s linear infinite;
    animation: sp 1.5s linear infinite;
}
#innerpage-box .peccular-contact-mapbox iframe{ 
    width: 100%; 
    margin-top: 5em;
margin-bottom: 3em;}
#innerpage-box .leftcontact .socials{
    margin: 10px 0 0 0;
}
#innerpage-box .leftcontact .socials i{
    font-size: 15px;
    border: 1px solid #000;
    opacity: 0.3;
    color: #000;
    border-radius: 50%;    
    padding: 9px 10px;

}
#innerpage-box .leftcontact .socials i:hover {
    background: #E11D07;
    color: #fff;
    padding: 9px 10px;
    opacity: 0.9;
    border: 1px solid #918e8e;

}
#innerpage-box .leftcontact .socials a:first-child i{
    background: #E11D07;
    color: #fff;
    padding: 9px 12px;
    opacity: 0.9;
    border: 1px solid #918e8e;

}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footerareabox{
    /*margin: -84px 0 0 0;*/
    position: relative;
    overflow: hidden;
}
#footer,
.footer-area,
 .footer-area,
.page .footer-area,
.single .footer-area {
    position: relative;
    z-index: 0;    
    background:#003d5c;
}

#footer .widget_block,
#footer .widget_meta,
#footer .widget_recent_entries,
#footer .widget_categories,
#footer .widget_recent_comments,
#footer .widget_archive,
#footer .widget_nav_menu ,
#footer .widget_text ,

 #footer .widget_block,
 #footer .widget_meta,
 #footer .widget_recent_entries,
 #footer .widget_categories,
 #footer .widget_recent_comments,
 #footer .widget_archive,
 #footer .widget_nav_menu ,
 #footer .widget_text ,

.page #footer .widget_block,
.page #footer .widget_meta,
.page #footer .widget_recent_entries,
.page #footer .widget_categories,
.page #footer .widget_recent_comments,
.page #footer .widget_archive,
.page #footer .widget_nav_menu,
.page #footer .widget_text,

.single #footer .widget_block,
.single #footer .widget_meta,
.single #footer .widget_recent_entries,
.single #footer .widget_categories,
.single #footer .widget_recent_comments,
.single #footer .widget_archive,
.single #footer .widget_nav_menu,
.single #footer .widget_text{
    border: none;
    border-radius: 0;
    padding: 0;
    color: #fff;
}
.footer-area .textwidget p,
.footer-area .single-footer-1 p{
    color: #d1d5dc;
    font-size: 0.875rem !important;
    line-height: 26px !important;
    font-family: Lato, sans-serif;
    font-weight: 400;

}
.footer-area li,
 .footer-area li,
.page .footer-area li {   
     display: block;
     margin-bottom: 13px;
    font-size: 15px;
    font-weight: 500; 
}
 .footer-area li a,
.page .footer-area li a,
.single .footer-area li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 0.875rem;
    opacity: 1;
    color: #d1d5dc;
    font-family: Lato, sans-serif;
}
.footer-area li:before,
 .footer-area li:before,
.page .footer-area li:before,
.single .footer-area li:before  {
    content: "\f18e";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 10px;
    color: #fff;
    opacity: 0.7;
    display: none;
}
.footer-area .gallery-item,  .footer-area .gallery-item, .page .footer-area .gallery-item, .single .footer-area .gallery-item {
    max-width: 40.33%;
    padding-right: 13px;
    padding-bottom: 13px;
}
.footer-area .gallery-item img, .footer-area .gallery-item img, .page .footer-area .gallery-item img, .single .footer-area .gallery-item img{
    border-radius: 10px;
    border: 2px solid;
    width: 100%;
    height: 70px;
}
.footer-area ul,
 .footer-area ul,
.page .footer-area ul,
.single .footer-area ul  {margin: 0 0 15px 00px;}
 .footer-area p,
.page .footer-area p,
.single .footer-area p {    
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.6;
    font-size: 16px;
    color: #f8f4f5;
}
 #footer .widget_block p{

 }
.footer-area .widget-title,

 #footer .widget_block h1,
 #footer .widget_block h3, 
 #footer .widget_block h4, 
 #footer .widget_block h5, 
 #footer .widget_block h6, 
 #footer .widget_block h2,

 .footer-area .widget-title,
.page .footer-area .widget-title,
 #footer .widget_block h1,
 #footer .widget_block h3, 
 #footer .widget_block h4, 
 #footer .widget_block h5, 
 #footer .widget_block h6, 
 #footer .widget_block h2,
.page #footer .widget_block h1,
.page #footer .widget_block h3, 
.page #footer .widget_block h4, 
.page #footer .widget_block h5, 
.page #footer .widget_block h6, 
.page #footer .widget_block h2,
.single .footer-area .widget-title,
.single #footer .widget_block h1,
.single #footer .widget_block h3, 
.single #footer .widget_block h4, 
.single #footer .widget_block h5, 
.single #footer .widget_block h6, 
.single #footer .widget_block h2 {   
    color: #fbfdf0;
    margin-bottom: 0px;
    font-family: inherit;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 500;
    position: relative;
}

.footer-area .widget.widget_recent_entries li a,
 .footer-area .widget.widget_recent_entries li a,
.page .footer-area .widget.widget_recent_entries li a ,
.single .footer-area .widget.widget_recent_entries li a {font-size: 16px;}

.footer-area .social-profile-icons ul li,
 .footer-area .social-profile-icons ul li,
.page .footer-area .social-profile-icons ul li,
.single .footer-area .social-profile-icons ul li {    
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 800;
}
.footer-area .social-profile-icons ul li:before,
 .footer-area .social-profile-icons ul li:before,
.page .footer-area .social-profile-icons ul li:before,
.single .footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget,
 .footer-area .widget,
.page .footer-area .widget ,
.single .footer-area .widget{margin-bottom: 0em;}
.footer-area .footer-bottom-area ul li,
 .footer-area .footer-bottom-area ul li,
.page .footer-area .footer-bottom-area ul li,
.single .footer-area .footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}

.footer-area .bottom-area,
 .footer-area .bottom-area,
.page .footer-area .bottom-area,
.single .footer-area .bottom-area {
   position: relative;
    border-top: 1px solid #364153;
    border-bottom: 1px solid #364153;
}

.footer-area .bottom-area ul,
 .footer-area .bottom-area ul,
.page .footer-area .bottom-area ul,
.single .footer-area .bottom-area ul { margin-bottom: 0;}

.footer-area .footer-text, .footer-text a,
 .footer-area .footer-text, .footer-text a,
.single .footer-area .footer-text, .single .footer-text a,
.single .footer-area .footer-text, .single .footer-text a   {
    color: #d1d5dc;
    font-size: 0.875rem !important;
    line-height: 26px !important;
    font-family: Lato, sans-serif;
    font-weight: 400;
        text-align: left;
}
.footer-area .pd-0,
 .footer-area .pd-0,
.page .footer-area .pd-0,
.single .footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover,
 .footer-area .bottom-area li a:hover,  .social-profile-icons li a:hover,
.page .footer-area .bottom-area li a:hover,
.single .footer-area .bottom-area li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after,
 .footer-area .bottom-area li:hover a::after,  .footer-area .bottom-area li:hover a:after,
.page .footer-area .bottom-area li:hover a::after, .page .footer-area .bottom-area li:hover a:after,
.single .footer-area .bottom-area li:hover a::after, .single .footer-area .bottom-area li:hover a:after
 {width: 20px;}
.footer-area .bottom-area li.current_page_item a:after,
 .footer-area .bottom-area li.current_page_item a:after,
.page .footer-area .bottom-area li.current_page_item a:after,
.single .footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area .footer-link,
 .footer-area .bottom-area .footer-link,
.page .footer-area .bottom-area .footer-link,
.single .footer-area .bottom-area .footer-link{
    text-align: right;
}
.footer-area  ul,
 .footer-area  ul,
.page .footer-area  ul ,
.single .footer-area  ul{
    list-style: none;
    margin: 6px 0 0 1px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select,

 .footer-area input[type="text"],  .footer-area input[type="email"],  .footer-area input[type="url"],  .footer-area input[type="password"],  .footer-area input[type="search"],  .footer-area input[type="number"],  .footer-area input[type="tel"],  .footer-area input[type="range"],  .footer-area input[type="date"],  .footer-area input[type="month"],  .footer-area input[type="week"],  .footer-area input[type="time"],  .footer-area input[type="datetime"],  .footer-area input[type="datetime-local"],  .footer-area input[type="color"],  .footer-area textarea,
 .footer-area select,
.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea,
.page .footer-area select,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea,
.single .footer-area select
{    
    height: 49px;
    border: 1px solid;
    font-size: 15px;
    height: 35px;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"],
 .footer-area input[type="submit"],
.page .footer-area input[type="submit"] ,
.single .footer-area input[type="submit"]{  
    background: none;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
.footer-area input[type="submit"],
.footer-area .widget_calendar tfoot tr td a,
.footer-area .s-footer .textwidget p a,

 .footer-area input[type="submit"],
 .footer-area .widget_calendar tfoot tr td a,
 .footer-area .s-footer .textwidget p a,

.page .footer-area input[type="submit"],
.page .footer-area .widget_calendar tfoot tr td a,
.page .footer-area .s-footer .textwidget p a ,
.single .footer-area input[type="submit"],
.single .footer-area .widget_calendar tfoot tr td a,
.single .footer-area .s-footer .textwidget p a 
{
    border-bottom: 1px solid;
    background: none;
    display: inline-block;
    background: #f0b100;
    width: 100%;
    padding: 7px;
    border-radius: 8px;
    margin-top: 6px;
    color: #000;
}
.footer-area input[type="submit"]:hover,
.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover,

 .footer-area input[type="submit"]:hover,
 .footer-area .widget_calendar tfoot tr td a:hover,
 .footer-area .s-footer .textwidget p a:hover,
.page .footer-area input[type="submit"]:hover,
.page .footer-area .widget_calendar tfoot tr td a:hover,
.page .footer-area .s-footer .textwidget p a:hover,

.single .footer-area input[type="submit"]:hover,
.single .footer-area .widget_calendar tfoot tr td a:hover,
.single .footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
    background: none;
}
.footer-area .top-area,
 .footer-area .top-area,
.page .footer-area .top-area,
.single .footer-area .top-area {
    padding: 0 0 0.5em;
    position: relative;
}
.footer-area label,
 .footer-area label,
.page .footer-area label,
.single .footer-area label{
    font-weight: 400;
}
.footer-area div.wpcf7 input[type="file"],
 .footer-area div.wpcf7 input[type="file"],
.page .footer-area div.wpcf7 input[type="file"],
.single .footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
 .footer-area select option,
.page .footer-area select option,
.single .footer-area select option{font-weight: 400;}
 .footer-area .tagcloud a,
.page .footer-area .tagcloud a,
.single .footer-area .tagcloud a{font-size: 15px !important;font-weight: 400;}

.footer-area i.fa ,
 .footer-area i.fa ,
.page .footer-area i.fa,
.single .footer-area i.fa{    
    padding: 0;
    font-size: 16px;
    margin-right: 8px;
}
.footer-area i.fa {
    color: #f0b100;
}
.footer-area .textwidget a, 
.single-footer-5 a{
    color: #fff;
}
.footer-area .textwidget a:hover, 
.footer-area .single-footer-5 a:hover{
    color:#f0b100 ;
}
.footer-area .social-profile-icons i.fa,
 .footer-area .social-profile-icons i.fa,
.page .footer-area .social-profile-icons i.fa ,
.single .footer-area .social-profile-icons i.fa{    
    padding: 0;
    text-align: center;
    margin-top: 14px;
    font-size: 22px;
    padding: 0;
}
 .footer-area table tr,
 .footer-area table tr,
.page .footer-area table tr ,
.single .footer-area table tr{text-align: center;line-height: 28px;}
.footer-area table td,
 .footer-area table td,
.page .footer-area table td,
.single .footer-area table td  {font-size: 15px;padding: 5px;}
.footer-area span.post-date, .footer-area .widget_calendar table tbody td, .footer-area .widget_calendar table tbody td a, .footer-area .widget_calendar table tbody td#today a, .wp-block-latest-comments__comment-date {
    color: #d7d7d7!important;
}
.footer-area .widget_calendar table thead tr th,
 .footer-area .widget_calendar table thead tr th,
.page .footer-area .widget_calendar table thead tr th,
.single .footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset,
 .footer-area fieldset,
.page .footer-area fieldset ,
.single .footer-area fieldset {
    padding-top: 0;
}
.footer-area .widget_calendar thead,
 .footer-area .widget_calendar thead,
.page .footer-area .widget_calendar thead,
.single .footer-area .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img:hover,
 .footer-area figure.gallery-item img:hover,
.page .footer-area figure.gallery-item img:hover,
.single .footer-area figure.gallery-item img:hover{opacity: 0.8;}
.footer-area p span,
 .footer-area p span,
.page .footer-area p span,
.single .footer-area p span    {color: #fe900f;font-weight: 400;}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: #101828;    margin-top: 15px; border: 0.5px solid #364153 !important;}
.footer-area .s-footer,

 .footer-area input[type="text"],  .footer-area input[type="email"],  .footer-area input[type="url"],  .footer-area input[type="password"],  .footer-area input[type="search"],  .footer-area input[type="number"],  .footer-area input[type="tel"],  .footer-area input[type="range"],  .footer-area input[type="date"],  .footer-area input[type="month"],  .footer-area input[type="week"],  .footer-area input[type="time"],  .footer-area input[type="datetime"],  .footer-area input[type="datetime-local"],  .footer-area input[type="color"],  .footer-area textarea {background: transparent;}
 .footer-area .s-footer,

.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea {background: transparent;}
.page .footer-area .s-footer,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea {background: transparent;}
.single .footer-area .s-footer{
    float: left;
    margin-bottom: 4em;
}
.footer-area input[type="text"]::placeholder{
color: #fff;
}
.footer-area .single-footer-1,
 .footer-area .single-footer-1,
.page .footer-area .single-footer-1 ,
.single .footer-area .single-footer-1{    
    float: left;
}
.footer-area .single-footer-1 .social-profile-icons{
    margin: -10px 0 0 0;
}
.footer-area .single-footer-2,
 .footer-area .single-footer-2,
.page .footer-area .single-footer-2,
.single .footer-area .single-footer-2 {
    padding: 0;
    padding-left: 4em;
    margin-left: 0%;
}
.footer-area .single-footer-3,
 .footer-area .single-footer-3,
.page .footer-area .single-footer-3,
.single .footer-area .single-footer-3  {
    padding: 0;
    padding-left: 4em;
    margin-left: 0%;
}
.footer-area .single-footer-4,
 .footer-area .single-footer-4,
.page .footer-area .single-footer-4,
.single .footer-area .single-footer-4{
    padding: 0;
    padding-left: 4em;
    margin-left: 0%;
}
.footer-area .widget_recent_entries ul li,
 .footer-area .widget_recent_entries ul li,
.page .footer-area .widget_recent_entries ul li,
.single .footer-area .widget_recent_entries ul li{
    line-height: 40px;
}
.footer-area .footer_area-img img,
 .footer-area .footer_area-img img,
.page .footer-area .footer_area-img img,
.single .footer-area .footer_area-img img
 {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer-area .footer_area-img,
 .footer-area .footer_area-img,
.page .footer-area .footer_area-img,
.single .footer-area .footer_area-img   {
    max-width: 80%;
    padding-top: 10px;
}
.footer-area .midix,
  .footer-area .midix,
 .page .footer-area .midix,
  .single .footer-area .midix{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item,
 .footer-area ul.blocks-gallery-grid li.blocks-gallery-item,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item ,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item {
    display: inline-block;
        width: calc(43.33333% - .66667em);
    margin-right: 1em;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
 .footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item img{
    border: 1px solid #faf1ff;
    border-radius: 10px;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before,
 .footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before ,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before {
    display: none;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
 .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure{
    width: 33%;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
 .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
}
.footer-share-btn,
 .footer-share-btn,
.page .footer-share-btn,
.single .footer-share-btn {
    text-align: right;
    float: right;
}
.footer-share {
    position: absolute;
    right: 7%;
    top: 0;
}
.footer-share-btn ul,
 .footer-share-btn ul,
.page .footer-share-btn ul,
.single .footer-share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
.footer-share-btn ul li,
 .footer-share-btn ul li,
.page .footer-share-btn ul li,
.single .footer-share-btn ul li{
    float: left;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}
.footer-share-btn ul li a.site-button,
 .footer-share-btn ul li a.site-button,
.page .footer-share-btn ul li a.site-button,
.single .footer-share-btn ul li a.site-button{
    display: block;
}
.footer-share-btn ul li a.site-button i,
 .footer-share-btn ul li a.site-button i,
.page .footer-share-btn ul li a.site-button i,
.single .footer-share-btn ul li a.site-button i{
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    color: #fefdff;
    border: 0px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 0 5px;
}
.footer-share-btn ul li a.site-button i,  .footer-share-btn ul li a.site-button i, .page .footer-share-btn ul li a.site-button i, .single .footer-share-btn ul li a.site-button i {
    background-color: #3d72fc;
}
.footer-share-btn ul li a.site-button:hover i,
 .footer-share-btn ul li a.site-button:hover i,
.page .footer-share-btn ul li a.site-button:hover i,
.single .footer-share-btn ul li a.site-button:hover i,
{
    color: #000;
    border: 3px solid #000;
} 

.footer-area .social-profile-icons i.fa {
    color: #fff;
}

.footer-area .social-profile-icons i.fa:hover {
    color: #000;
}

.footer-share-btn ul li:before,
 .footer-share-btn ul li:before, .page .footer-share-btn ul li:before,
.single .footer-share-btn ul li:before{
    display: none;
}

.single-footer-1 img{  margin: -24px 0 0px; }

.single-footer-1 p{
    margin-bottom: 16px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    font-size: 18px !important;
    color: #d1d5dc !important;
  }
  .single-footer-1 p i{
    margin: 0 17px 0 0 !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    font-size: 15px !important;
    color: #000 !important;
    padding: 8px 10px !important;
    border-radius: 50%;
    width: 33px;
    height: 33px;
  }
    .footer-area p span,
  .single-footer-1 p i span{
    
    font-weight: 500 !important;
    line-height: 19px !important;
    font-size: 16px !important;
    color: #fff !important;
  }
  .footer-area p span a,
  .single-footer-1 p i span a{
    
    color: #fff !important;
  }
  .footer-area p span a:hover,
  .single-footer-1 p i span a:hover{
    
    color: #f9c12c !important;
  }
 .footer-area .bottom-area{
    margin-top: 57px;
 }
  .footer-area .single-footer-5{
   
    padding: 0px 0em 2em 14px;
    display: block;   
    position: relative;
    top: 0;
    left: 50px;  

  }

  .footer-area .widget-title{
    margin-bottom: 10px;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    font-family: Playfair Display, serif;
    letter-spacing: 0;
    padding-bottom: 11px;
  }
  .footer-area .social-profile-icons ul li a{
    
    padding: 0px 14px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    width: 38% !important;
    height: 38%;
    color: #fff;

  }

  /*.footer-area .social-profile-icons ul li:first-child a{padding: 0;}*/

  .footer-area .social-profile-icons a:hover i.fa,
  .footer-area .social-profile-icons ul li a:hover i{
    font-size: 17px !important;
    color: #003d5c !important;
  }
   #footer .widget_block h2,{
font-size: 18px !important;
  }
  .footer-area .social-profile-icons ul li a i,
  .footer-area .social-profile-icons i.fa {
    color: #fff !important;
    font-size: 17px;
   }
   .footer-area .social-profile-icons ul li{
    display: inline-block;
    /* padding-right: 8px; */
    font-size: 15px;
    font-weight: 800;
    margin: 0 0;
    height: 37px;
    width: 37px;
    margin-right: 14px;
    border-radius: 50%;
    background: #004a73;
   } 
.footer-area .single-footer-4 .textwidget {
    padding-left: 0;
    margin-top: 0;
}
#footer .top-area .info-item {
    display: flex;
    align-items: center;   /* ⭐ vertical center */
    gap: 10px;             /* space between icon & text */
    margin-bottom: 5px;
}
#footer .top-area .info-item p{
padding: 0;
}
#footer .top-area .info-item span{
        display: flex;
    align-items: center;
    justify-content: center;
}

#footer .top-area .info-item p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
}
#footer .top-area .info-item svg {
    height: 19px;
    width: 19px;
    color: #fdb913;
}
#footer .top-area .contact-info-box {
    /* background: #111518; */
    padding: 0px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    border-radius: 10px;
}
 .footer-area .social-profile-icons ul li:hover{
background: #fdb913;
 }
    .footer-area  .top-area {
    overflow: hidden;
    position: relative;
}

   .footer-area .footer-bgleft {
    position: absolute;
    top: -62px;
    left: 0;
    z-index: 0;
   }
   .footer-area .footer-bgleft img{
    width: 100%;
   }
   .footer-area .footer-bgright img{
    width: 100%;
   }
   .footer-area .footer-bgright{
    position: absolute;
    bottom: 70px;
    right: 0;
    z-index: -1;
   }
/*-----------------------
Innerpage Page 
-----------------------------*/
.ht-main-title{
    margin: 0 0 0.3em 0%;
    letter-spacing: 0px;
    font-weight: 500 !important;
    font-size: 36px !important;
    text-align: center;
    position: relative;
    z-index: 1;
    /* display: inline-block; */
    /* padding: 0 200px 3px 19px; */
    border-bottom-left-radius: 34px;
}
.category .ht-main-title {
    margin: 0 0 15px;
}
.category .ht-main-title span {
    font-size: 36px;
    padding: 0 5px;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #fff;
}
.header-search{
    color:#fff;
    font-size:18px;
    cursor:pointer;
    margin-left:20px;
}

.header-search:hover{
    color:#ffb400;
}
.page div#secondary ul.sub-menu .current_page_item > a {
    background: none;
}
.widget_block, 
.widget_meta, 
.widget_recent_entries, 
.widget_categories, 
.widget_recent_comments,
.widget_archive,
.widget_nav_menu,
.widget_search{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px;
}


#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
   font-size: 17px !important;
   margin: 0;
   color: #fff !important;
   display: block !important;
   padding: 0px 0 2.5em;
   text-align: center !important;
   font-weight: 500 !important;
}
.woocommerce .woocommerce-breadcrumb a, #total-breadcrumbs a{
    color: #fff !important;
}
.woocommerce .products ul, .woocommerce ul.products{
    margin: 0 0 0em !important;
}

.inner_contentbox {
    background: #fff;
    padding: 3em 0em 0;
}
.peccular-innerpage-overlay {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: #000;
    opacity: 0.5;
    display: flex;
    align-items: center;
    text-align: center;
}
.peccular-page-main{
    position: relative;
}

#content-box ul li:before, #content-box ol li:before, main#innerpage-box div#sitemap-box ul li a:before {
    color: #E11D07;
}
.ht-post-info .entry-date span.ht-day, .entry-categories .fa, 
.widget-area a:hover, .comment-list a:hover, 
.no-comments, .woocommerce .woocommerce-breadcrumb a:hover, 
#total-breadcrumbs a:hover, .ht-featured-link a, 
.ht-portfolio-cat-name-list .fa, .ht-portfolio-cat-name:hover, 
.ht-portfolio-cat-name.active, .ht-portfolio-caption a, .ht-team-detail, 
.ht-counter-icon, .woocommerce ul.products li.product .price, 
.woocommerce div.product p.price, .woocommerce div.product span.price, 
.woocommerce .product_meta a:hover, .woocommerce-error:before, 
.woocommerce-info:before, .woocommerce-message:before, 
.featured-post:after, .featured-post:before, 
.featured-link a, #ht-colophon .social-profile-icons a:hover, 
footer#ht-colophon ul li a:hover, .ht-footer .textwidget .fa, 
h6.secondry-text, #ht-about-us-section ul li:before, 
.pluses.text-right i.fa.fa-plus, .ht-section-tagline.lz-newslatter-text b, 
#content-box ul li:before, .offtimebox h4.offtime-text, 
#ht-masthead .header-social-links span:hover, 
#ht-masthead ul.header-menu-links li.mailto a:hover, 
.ht-slider-highlighttext, .edit-link a, .inner-blog-post .socialMedia a:hover, 
#comments a, #commentsAdd a, #content-box a, #content-box a i:hover, 
#respond .stars span a, #content-box .socialMedia a:hover, .post-date-publishable i, 
.woocommerce .star-rating span, .woocommerce div.product .woocommerce-product-rating a, 
#content-box .socialbxsinglepost:hover a i, section#inner-blog-section h2.title small, 
section#inner-blog-section h2.title a, div#secondary li.current_page_item > a, 
div#secondary .social-profile-icons ul li i, .woocommerce .star-rating::before, .socialMedia a:hover, 
.peccular-time div:nth-child(8) div.days-time-day, 
div#content-box header.woocommerce-Address-title.title a:hover, 
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa, 
.widget-area ul li:before, .woocommerce table.shop_attributes th, 
.widget-area span.woocommerce-Price-amount.amount, 
main#innerpage-box .blog-date span{
        color: #E11D07;

}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
    text-align: center;
    position: relative;
    z-index: 1;
}
.breadcrumbbox .button{
    display: inline-block;
    border-radius: 5px;
}
.breadcrumbbox span {
    color: #fafbfd;
    margin: 0 3px;
    font-size: 22px;   
    font-weight: 500;
}
.breadcrumbbox span.bread-arrow  span i{ font-size: 10px;  }
.breadcrumbbox span i{
    font-size: 11px;
    line-height: 5px;
    position: relative;
    top: 0px;
    padding: 0px 12px;
    color: #f9c12c;
}
.breadcrumbbox a {
    color: #fff;
    font-weight: 500;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 2px;
    position: relative;
    top: -1px;
    left: -4px;
    
}
.breadcrumbbox a:hover {
    color: #000;
}
/*--------------------------------------------------------------
## Blog inner page
--------------------------------------------------------------*/


#innerpage-box .peccular-blog-post:hover .peccular-blog-imgbox img{
transform: scale(1.1);
transition:all .6s;
}
#innerpage-box .peccular-blog-thumbnail img {
    width: 100%;
    height: 218px;
}
#innerpage-box .peccular-blog-post:hover {
    transition: all 0.9s ease 0s;
    box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
}
#innerpage-box .peccular-section-head {
    margin-bottom: 4em;
    margin-top: 3em;
}

#innerpage-box .peccular-section-head h2{  
    color: #003d5c;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    font-family: Lato, sans-serif;
}
#innerpage-box .peccular-section-head h2 svg path,#innerpage-box .peccular-section-head h2 svg rect {
    stroke: #00bcd4;
}
#innerpage-box .peccular-section-head h2 svg {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
#innerpage-box .peccular-section-head h3{
    font-size: 3rem;
    margin-bottom: .25rem;
    color: #101828;
    font-weight: 700;
    line-height: 1;
    font-family: Playfair Display, serif;
}
#innerpage-box .peccular-section-head p{
    text-align: center;
    word-break: break-word;
    margin-bottom: 25px;
    padding: 20px 20em 1em 20em;
    font-size: 1rem;
    line-height: 1.5;
    color: #4a5565;
    font-weight: 400;
}

#innerpage-box .peccular-section-head i{
    font-size: 0px;
    background: #E11D07;
    color: #E11D07;
    padding: 1px 21px;
    position: relative;
    top: -10px;

}
#innerpage-box .peccular-blog-post{      
    padding: 0;
    margin: 0 0px 3em 0;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    position: relative;
    overflow: hidden;  
    transition: all 1s ease 0s;
    padding-bottom: 25px;
}
#innerpage-box .peccular-blog-post:hover{
        transform: translateY(-10px);
     box-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
     transition: all 1s ease 0s;

}
#innerpage-box .peccular-blog-imgbox{
    position: relative;
}
#innerpage-box .peccular-blog-imgbox img{
    width: 100%;
}
#innerpage-box .peccular-box-area-S { margin: 0px;}

#innerpage-box h4.inner-area-title {
    color: #101828;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 0em;
    transition: all 1s ease 0s;
    font-family: Playfair Display, serif;
}
#innerpage-box .peccular-blog-post p{
    color: #4a5565;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 0em;
    padding: 0em;
}
#innerpage-box .read-btn{
    padding: 2px;
    border-radius: 5px;
    display: inline-block;
}

#innerpage-box .read-btn a{
    font-size: 0.875rem;
    border-radius: 5px;
    font-weight: 500;
    line-height: 18px;
    color: #003d5c;
    text-align: center;
    padding-left: 8px;
    margin-top: 11px;
    transition: all .6s;
    display: inline-block;
    position: relative;
    font-family: Lato, sans-serif;
}

#innerpage-box .read-btn:hover a{
    transition: all .3s;
    color: #fdb913;
}

#innerpage-box .peccular-blog-single {padding: 18px 20px 0;
    position: relative;
}
#innerpage-box .peccular-blog-single span{
    color: #6a7282;
    font-family: Lato, sans-serif;
    font-size: 0.875rem;
}
#innerpage-box .peccular-blog-single svg{
    height: 17px;
    width: 17px;
    margin-right: 10px;  
}
#innerpage-box .peccular-blog-single svg path,#innerpage-box .peccular-blog-single svg rect{
    stroke: #6a7282;
}
#innerpage-box .read-btn svg path{
    stroke: #003d5c;
}
#innerpage-box .read-btn svg{
    height: 17px;
    width: 16px;
    margin-left: 13px; 
}


#innerpage-box .peccular-blog-thumbnail {
    position: relative;    
}
#innerpage-box .peccular-blog-thumbnail img {
    width: 100%;
    height: 218px;
}

#innerpage-box .peccular-blog-comment {
    margin: 2px 0 15px;
    position: relative;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 10px 0;
    z-index: 10;
}
#innerpage-box .peccular-blog-comment span {
    color: #6a7282;
    font-size: 0.75rem;
    padding: 7px 0px;
    font-weight: 400;
    text-transform: capitalize;
}
#innerpage-box .button_time{
margin-top: 20px;
}
#innerpage-box .peccular-blog-comment svg{
    font-size: 9px;
    font-weight: 500;
    padding-right: 7px;
   
    height: 22px;
    width: 21px;
}

#innerpage-box .daterightborder{
    border-right: 1px solid #fff;    
    margin: 0 0;
}
#innerpage-box .peccular-blog-single h4 {
    color: #101828 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    margin-bottom: 13px !important;
    margin-top: 13px !important;
    padding: 0em !important;
    transition: all 1s ease 0s;
    font-family: Playfair Display, serif;
    text-transform: capitalize !important;
}
/*#innerpage-box .blog-info-area{ margin: 0em 0 1em; }
#innerpage-box .inner-blog-post{
    margin-bottom: 4em;
}

#innerpage-box .ht-blog-thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
#innerpage-box .datecommentbox{
    background: #170864;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px 0px 7px 7px;   
    position: absolute;
    bottom: 0;
}
#innerpage-box .datecommentbox .blog-date {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 0;
    text-transform: uppercase;   
}
#innerpage-box .datecommentbox .blog-date i {
    color: #fff;
    font-size: 22px;
    margin: 0 0;
}
#innerpage-box .datecommentbox .blog-comment {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 0;  
    text-align: right;        
}
#innerpage-box .datecommentbox .blog-comment i {
    color: #fff;
    font-size: 22px;
    margin: 0 0;
}

.single main#innerpage-box .comment-respond h4{
  
    padding: 0 0;
    
}
.single main#innerpage-box .comment-respond h4 span{
    text-align: left !important;
    padding: 0 0;   
}

#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    max-height: 350px;
    height: 100%;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#innerpage-box .inner-blog-post:hover .ht-blog-thumbnail img {
   -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#innerpage-box .inner-blogpost-info {
    margin-bottom: 0;
    padding: 10px 0px 0em 0px;
    border-radius: 0;
    position: relative;
}
#innerpage-box .inner-blogpost-info a h2 {

    margin-bottom: 7px !important;
    margin-top: 4px !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    word-break: break-word !important;
    padding: 0 !important;
    line-height: 31px;
    border-left: none;
    letter-spacing: 0px;
    text-transform: capitalize !important;
    color: #000 !important;
}
#innerpage-box .inner-blog-post:hover .inner-blogpost-info a h2 {
    color: #E11D07;
}
div#secondary .social-profile-icons ul li i:hover,
main#innerpage-box .inner-blogpost:hover .blog-date span {
    color: #4a8cec;
}
#innerpage-box .inner-blog-excerpt,
#innerpage-box #blog-box .inner-blog-excerpt {
    font-size: 16px !important;
    line-height: 23px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 15px;
    color: #959595;
}
#innerpage-box .post-single-content{
    margin: 1em 0 2em;
}

#innerpage-box .blog-page-btn{
    border: 1px solid #E11D07;
    padding: 2px;
    border-radius: 5px;
    float: left;
    margin-right: 17px;
    margin-bottom: 2em;
}
#innerpage-box .blog-page-btn:hover{
    border: none;
}
#innerpage-box .blog-page-btn a{
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 18px;
    background: #E11D07;    
    color: #fff;    
    text-align: center;
    padding: 12px 28px;
    transition: all .6s;
    display: inline-block;
    position: relative;
}
#innerpage-box .blog-page-btn a:after{
    content: "";
    position: absolute;
    border-left: 2px solid #E11D07;
    top: 0px;
    left: 6px;
    right: 0;
    height:0%;
    z-index: 1;
    opacity: 0;
    transition: all .6s;
}
#innerpage-box .blog-page-btn a:before{
    content: "";
    position: absolute;
    border: 1px solid #E11D07;
    top: 0px;
    left: 0px;
    bottom: 0;
    width: 0%;
    z-index: 1; 
    opacity: 0; 
    transition: all .6s; 
}
#innerpage-box .blog-page-btn a:hover:after{
    opacity: 1;
    transition:all .6s;
    height: 100%;
}
#innerpage-box .blog-page-btn a:hover:before{
    opacity: 1;
    transition:all .6s;
    width: 100%;
}
#innerpage-box .blog-page-btn:hover a{
    background: #fff;    
    color: #E11D07;
    padding: 17px 25px 11px;
    font-size: 17px;
    transition: all .3s;
}

#innerpage-box .single_post .blog-page-btn i {
    display: none;
}

.single main#innerpage-box h2{

    padding: 0px 0px !important;
    font-weight: 400 !important;
    font-size: 23px !important;
    text-transform: capitalize !important;
    margin-bottom: 4px !important;
    color: #000;
    text-decoration: underline;
}
.single main#innerpage-box h2:hover{
     color: #E11D07;
}

div#secondary {
    padding: 0px;
    border-radius: 5px;
}
main#innerpage-box article.post.excerpt {
    float: left;
    position: relative;
    margin: 0;
    padding: 0 1em;
}
#innerpage-box .blog-info-area ul.metabox {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.single #innerpage-box .single_post .blog-author a,
.single #innerpage-box .single_post .blog-category a, 
.single #innerpage-box .single_post .blog-tags a,
.single #innerpage-box .single_post .blog-time,
.single #innerpage-box .single_post .single-blog-date{ 
    color: #66727D !important;
    font-size: 19px !important;
}

.single #innerpage-box .single_post .blog-author a:hover,
.single #innerpage-box .single_post .blog-category a:hover, 
.single #innerpage-box .single_post .blog-tags a:hover,
.single #innerpage-box .single_post .blog-time:hover,
.single #innerpage-box .single_post .single-blog-date:hover{  color: #E11D07 !important;}

.single #innerpage-box .single_post .blog-author i,
.single #innerpage-box .single_post .blog-time i,
.single #innerpage-box .single_post .single-blog-date i,
.single #innerpage-box .single_post .blog-category i,
.single #innerpage-box .single_post .blog-comment i {
    color: #E11D07;
    margin-right: 7px;
    margin-left: 10px;
}
.single #innerpage-box .single_post .post-single-content p{
        font-size: 17px;
}
.single #innerpage-box .single_post .blog-category {
    padding: 0px;
    padding-left: 18px;
}
.single #innerpage-box .single_post .blog-tags a {
    color: #664aed;
    font-size: 18px;
    font-weight: 500;
}
.single #innerpage-box .blog-comment{
        transform: rotate(0deg) !important;
        text-align: left !important;
}
.single #innerpage-box .comment-respond h4{ padding: 0 0;}
.single #innerpage-box .comment-respond h4 span{ text-align: left !important;  padding: 0 0;}
.single #innerpage-box .single_post ul li:before{
    display: none !important;
}
   
.single #innerpage-box .single_post .blog-info-area .metabox2brdr {
    border-bottom: 1px solid #eaeaea !important;
}
.single #innerpage-box .single_post .blog-info-area .metabox2brdr ul li{
    display: inline-block;
}
.single_post .margintopbtm{
    margin: 2em 0 3em;
}
.single_post .socialMedia ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single_post .socialMedia ul li{
    float: left;
    margin: 0 0 !important;
}
.single .socialMedia ul li a.site-button {
    background: none;
    color: #000;
    padding-right: 10px;
}
.single_post .socialMedia ul li a.site-button i {
    color: #000;
    font-size: 19px;
        padding: 0 4px;
}
.single_post .socialMedia ul li a.site-button:hover i{
    color: #E11D07;
}
*/
/*-------------shop inner page-------------*/

main#innerpage-box h2.woocommerce-loop-product__title{
    color: #000 !important;
}
main#innerpage-box .woocommerce ul.products li.product .price del span{ color: #000 !important; }
main#innerpage-box .woocommerce ul.products li.product .price ins span{ color: #E11D07 !important;}
main#innerpage-box .woocommerce ul.products li.product .button,.woocommerce a.button,
main#innerpage-box .woocommerce span.onsale{ color: #fff; background: #E11D07; }
main#innerpage-box .woocommerce ul.products li.product:hover .button{ color: #fff; background: #000; }

/*--------------------------------*/

/*/*-----------------------
## Contact inner Template
-----------------------------*/

main#innerpage-box #peccular-contactus-wrap .map_area_label h4{
  font-size: 33px;
  color: #000;
  letter-spacing: -1px;
  line-height: 45px;
}
#peccular-contactus-wrap .peccular-section-head{
    margin-bottom: 5em;
}
#peccular-contactus-wrap .peccular-section-head h2 {

    font-size: 34px !important;   
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 20px !important;
    color: #E11D07;
}
#peccular-contactus-wrap .peccular-section-head h3 {

    font-size: 17px !important;    
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-bottom: 9px !important;
     color: #000;
}
#peccular-contactus-wrap .peccular-section-head p {

    font-size: 16px !important;
    line-height: 46px;
    font-weight: 400 !important;    
    margin-bottom: 20px !important;
     color: #333333 !important;     
    text-align: center;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left{

    position: relative;
    top: -3px;
    left: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left:before{
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right{

    position: relative;
    top: -3px;
    right: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right:after{

    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right span{

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#peccular-contactus-wrap .peccular-contact-block1{
        position: relative;
    display: block;
    background: #E11D07;
    padding: 85px 30px 77px;
    width: 100%;
}
#peccular-contactus-wrap .peccular-contact-block2{
    background: #f9c12c;
    padding: 53px 30px 9px;
    margin-top: -20px;
    margin-bottom: -20px;
    position: relative;
    display: block;
    width: 100%;
}
#peccular-contactus-wrap .peccular-contact-block2 h4{
    color:#E11D07;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box{
    position: relative;
    display: block;
    border-bottom: 1px solid #E11D0759;
    padding-bottom: 18px;
    margin-bottom: 24px;
}
#peccular-contactus-wrap .peccular-contact-block2 .contact-label{

    text-transform: capitalize;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    opacity: 0.7;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
    text-transform: none;
    word-break: break-all;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p a{
    color: #fff !important;
    word-break: break-all;
}
#peccular-contactus-wrap .peccular-contact-block3{

    position: relative;
    display: block;
    background: #E11D07;
    padding: 85px 30px 77px;
    width: 100%;
}
#peccular-contactus-wrap .peccular-contact-block3 i{
    color: #fff;
}
#peccular-contactus-wrap .peccular-contact-block1 i{
    color: #fff;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_l_area{
    color: #fff;
}
#peccular-contactus-wrap .peccular-contact-block1 .contact_l_area{
    color: #fff;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_info_area a h2{
    color: #f9c12c;
        font-size: 30px !important;
}
#peccular-contactus-wrap .peccular-contact-block1 .contact_info_area a h2{
    color: #f9c12c;
        font-size: 30px !important;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_info_area a:hover h2,
#peccular-contactus-wrap .peccular-contact-block1 .contact_info_area a:hover h2{
    color: #fff;
}
#innerpage-box .peccular-contact-page-form {
    margin: 3em 0;
}
#innerpage-box .peccular-contact-form-block h2{

    color: #131313;
    font-size: 39px !important;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}
#innerpage-box .peccular-contact-form-block .soccerclub-left{

    position: relative;
    top: -3px;
    left: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#innerpage-box .peccular-contact-form-block .soccerclub-left:before{
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#innerpage-box .peccular-contact-form-block .soccerclub-left:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#innerpage-box .peccular-contact-form-block .soccerclub-left span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#innerpage-box .peccular-contact-form-block{

    
    display: block;
    background: #ffffff;
    padding: 100px 60px 80px;
    -webkit-box-shadow: 0px 3px 8px 2px #ededed;
    box-shadow: 0px 3px 8px 2px #ededed;
    z-index: 3;
}
#innerpage-box .peccular-contact-form-block p{
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #131313;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
#innerpage-box .peccular-contact-form-block .text-box{
        position: relative;
    display: block;
    font-size: 14px;
    color: #333333;
}
#innerpage-box .peccular-contact-form-block .text-box p{
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    text-transform: none;
    margin: 0;
}
#peccular-contactus-wrap .peccular-contact-page-form {
    text-align: center;
}
#peccular-contactus-wrap .peccular-contact-page-form p{
    color: #fff;
}
.contact-mapbox {
    width: 100%;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
    border-radius: 0 0px 30px 0;
}
#peccular-contactus-wrap .peccular-contact-page-form {
    text-align: left;
}
.peccular-contact-page-form input[type="text"], 
.peccular-contact-page-form input[type="email"], 
.peccular-contact-page-form input[type="url"],
.peccular-contact-page-form input[type="password"], 
.peccular-contact-page-form input[type="search"], 
.peccular-contact-page-form input[type="number"], 
.peccular-contact-page-form input[type="tel"], 
.peccular-contact-page-form input[type="range"], 
.peccular-contact-page-form input[type="date"], 
.peccular-contact-page-form input[type="month"], 
.peccular-contact-page-form input[type="week"], 
.peccular-contact-page-form input[type="time"], 
.peccular-contact-page-form input[type="datetime"], 
.peccular-contact-page-form input[type="datetime-local"], 
.peccular-contact-page-form input[type="color"], 
.peccular-contact-page-form select, 
.peccular-contact-page-form textarea {
    margin-bottom: 25px;
    border: 1px solid #000;
    font-size: 13px;
    padding: 15px 20px;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    font-weight: 500;
}

#peccular-contactus-wrap .peccular-contact-page-form input::placeholder{
    opacity: 1;
    color: #616161;
}
#peccular-contactus-wrap .peccular-contact-page-form textarea::placeholder{
    color:#616161;
}

.peccular-contact-page-form .address-c-box{
    background-color: #516bec;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,#E11D07 0%,#441e87 100.3% );
    border-radius: 30px 0 0 0;
    padding: 3em 2em;
}

.peccular-contact-page-form input[type="file"] {
    font-size: 14px;
    color: #616161;
    font-weight: 500;
}
.peccular-contact-page-form textarea {
    height: 170px;
}
.peccular-contact-page-form label {
    font-weight: 500;
    width: 100%;
    color: #010101;
    font-size: 16px;
}

.peccular-contact-page-form select {
    width: 100%;
}
.peccular-contact-page-form input[type="checkbox"], .peccular-contact-page-form input[type="radio"], .peccular-contact-page-form input[type="file"] {
    margin-bottom: 15px;
}
.peccular-contact-page-form input[type=date] {
    line-height: 10px;
    padding: 14px 20px;
}
main#innerpage-box .peccular-contact-page-form h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
.peccular-contact-page-form input[type="submit"] {
    display: inline-block;
    font-weight: 600;
    padding: 20px 35px;
    line-height: 1;
    border-radius: 0;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    background-color: #E11D07;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    color: #fff;
    transition: all 0.5s ease 0s;
    margin: 0 5px;
    box-shadow:none;
        width: 100%;
}
.peccular-contact-page-form input[type="submit"]:hover {
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    box-shadow: 0 1.1rem 1rem rgb(0 0 0 / 15%);
    background-color: #f9c12c;
    color: #000;
}

.page-template-contact-template .inner_contentbox {
    padding: 5em 0em 0em;
}
.peccular-contact-area {
    text-align: center;
    margin-bottom: 3em;
}

.peccular-contact-area i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 50px;
    color: #4377ff;
    transition: all 1s ease 0s;
    text-align: center;
}
#peccular-contactus-wrap .peccular-contact-area:hover i{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
        -webkit-animation-name: tada;
    animation-name: tada;
    webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


#peccular-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#peccular-contactus-wrap .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.peccular-contact-page-form {
    padding-right: 20px;
    color: #616161;
}

.peccular-contact-mapbox{
    margin: 0;
    padding: 0;
}


.page .footer-area ul.sub-menu .current_page_item > a {
    background: none;
}

@media screen and (min-width:320px) and (max-width:880px){
    #innerpage-box .peccular-contact-form-block h2{
            font-size: 26px !important;
            line-height: 36px;
            margin: 0 0;
    }
    #peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p{ font-size: 14px !important;}
    #peccular-contactus-wrap .peccular-contact-block2 .contact-label{ font-size: 14px !important;}

}
@media screen and (min-width:320px) and (max-width:425px){
    #blog .blog_post_b:nth-child(1) .peccular-blog-thumbnail img {
    height: 218px !important;
}
#newsletter .newsletter-sign-box {
    padding: 1em;
    padding-bottom: 0.5em;
}
#newsletter .newsletterbox_btn {
    padding: 9px 20px;
    top: 10px;
    left: 29%;
    margin-top: 20px;
    margin-bottom: 15px;
}
#contact .leftcontact {
    margin: 1em 0px 1em;
    padding: 0 45px 0 0;
}
#contact {
    padding-top: 2em !important;
}
#contact {
    padding-bottom: 2em !important;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"] {
    padding: 10px 20px;
    font-size: 15px;
    left: 27px;
    margin-top: 20px;
    text-align: center;
}
#newsletter .peccular-newsletter-member-wrap {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#newsletter .peccular-section-head p {
    font-size: 15px;
    padding-left: 0%;
    padding-right: 0%;
    line-height: 24px;
}
    #newsletter .peccular-section-head h2 {
        font-size: 23px !important;
    }
#blog .daterightborder {
    width: 30%;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-imgbox {
    width: 100%;
}
#blog .button_timeBox {
    padding-top: 9px;
    width: 50%;
}
#blog .buttonmainbox {
    width: 50%;
}
/*#blog .blog_post_b:nth-child(1) .button_timeBox {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
}*/
#blog .blog_post_b:nth-child(1) .read-btn {
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 10px;
}
#blog .peccular-blog-comment {
    width: 100%;
}
#blog .blog_post_b:nth-child(1) h4.inner-area-title {
    font-size: 19px;
    line-height: 30px;
    margin-top: 0;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post {
    height: auto !important;
    margin-bottom: 2em;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-single {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
}
    #counter .difference_box .success_btn {
    padding: 10px 11px;
    margin-left: 0;
}
#team .peccular-team-content {
    margin: 0 0 0 5px;
    padding: 9px;
    padding-top: 15px;
}
#counter .difference_box .success_btn a {
    font-size: 15px;
}
    #counter .difference_box p {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 0%;
    margin-right: 0%;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}
    #counter .difference_box {
    padding: 1em;
    margin-top: 1.5em;
}
#counter .difference_box h3 {
    font-size: 20px;
    line-height: 30px;
}
        #about .peccular-section-head h3 {
    font-size: 20px;
    line-height: 33px;
}

#about .peccular-about-imgbox {
    width: 100%;
    height: 200px;
    top: 10px;
}
#about .peccular-about-imgbox img {
    width: 100%;
    height: 200px;
}
#about .year_Box {
    padding-top: 10px;
}
#about .peccular-section-head {
    margin-bottom: 1em;
}
#about .about-events .about-events-box {
    margin-bottom: 10px;
    position: relative;
    width: 50%;
}
#team .yourExpertTeam_box ul.success_btn li.btn1 {
    padding: 10px 20px;
    margin-bottom: 20px;
}
 #counter {
    padding-bottom: 3em !important;
}
#testimonials .contactbrdrbox {
    padding: 1em 0;
}
#team .yourExpertTeam_box ul.success_btn {
    margin-top: 10px;
}
div#testimonials {
        padding: 2em 0 1em 0em !important;
    }
    #team .yourExpertTeam_box ul.success_btn li.btn2 {
    padding: 10px 20px;
    margin-left: 10px;
}
#team .yourExpertTeam_box {
    padding: 1em;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
#team .peccular-section-head p {
padding-left: 3%;
        padding-right: 3%;
        font-size: 15px;
        line-height: 24px;
        margin-top: 10px;
}
#team .peccular-section-head {
    margin-bottom: 2em;
    margin-top: 1em;
}
    #events .peccular-section-head {
    margin: 0 0 1em;
    margin-top: 1.5em;
}
    #about .peccular-section-area-text-subtitle {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 1em;
    padding: 0 0em 0 0;
    left: 0;
    top: 0;
}
        #about .peccular-section-head h3 {
        padding-right: 0em;
     font-size: 20px;
    line-height: 33px;
    }
    #programs {
    padding-top: 0.7em !important;
}
    #industries {
    padding-bottom: 2em !important;
}
    #industries .peccular-industries-single .indstry_contntbx {
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .peccular-section-head {
        margin-bottom: 0em;
        margin-top: 0.5em;
}
    .mainbottom-header .phntextbx {
    padding: 11px 23px;
}
#about .space-abtblock {
    padding: 0em;
    padding-left: 1em;
}
#about .about-events h2 {
    font-size: 14px;
    margin: 0 0 6px 0;
    line-height: 25px;
    margin-top: 5px;
}
#about .about-events {
    margin: 0 0;
    margin-bottom: 10px;
}
    .mainbottom-header .callnow {
    margin-top: 30px;
    text-align: center;
}
#industries .peccular-industries-b {
    padding: 0em 10px 10px 10px;
}
#about .year_Box h3 {
    font-size: 60px;
    margin-bottom: 10px;
}

    #events .peccular-section-head p {
    font-size: 20px;
}
#events .serRight_contntbox {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#industries {
    padding-top: 1.5em !important;
}
#events .ser_content {
    padding-top: 5px;
    text-align: center;
}
#events .peccular-event-content h4 {
    margin-bottom: 8px;
}
#events .peccular-event-content a.read-btn {
    font-size: 18px;
    line-height: 18px;
    padding: 7px 15px;
}
#events .peccular-event-content {
    margin: 0px;
    padding: 10px 25px;
}
#events .serRight_contntbox .peccular-section-area-textlist ul li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
}
#events .srviceright_image img {
    height: 210px;
}
#events .serRight_contntbox h3 {
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 10px;
}
#industries .peccular-section-head h2 {
    margin-top: 0em;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#events .serRight_contntbox .serRightbox_btn {
    margin-top: 15px;
    margin-bottom: 15px;
}
#events .srviceright_image {
    height: 210px;
    margin-top: 1.5em;
}
#events .serRight_contntbox p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 10px;
}
#events .ledtContnt {
    text-align: center;
}
#events .rightContnt .rightsideContnt {
    width: 100%;
    position: relative;
    left: 0;
}
#events .peccular-event-content .mainicon {
        width: 35px;
        height: 36px;
        line-height: 35px;
}
#events .serleftbox_btn {
    left: 0;
    right: 0;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 7px 11px;
    top: 10px;
    margin: 0 auto;
    margin-bottom: 25px;
}
#events .serleftbox_btn a {
    font-size: 13px;
}
#events .peccular-event-content h4 a {
    font-size: 16px;
}
#events .peccular-event-content .mainicon i {
    font-size: 16px;
}
#programs .peccular-section-head h3 {
      font-size: 20px;
    line-height: 33px;
}
#steps .peccular-section-head h3 {
      font-size: 20px;
    line-height: 33px;
}
#team .peccular-section-head h3 {
       font-size: 20px;
    line-height: 33px;
}
#blog .peccular-section-head h3{
    font-size: 20px;
    line-height: 33px;
}
#blog .peccular-section-head p{
    padding: 10px 1em 10px 1em;
}
#blog .peccular-section-head p {
    font-size: 15px;
    line-height: 22px;
}
#blog .peccular-section-head h2 {
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#appointment .callnowbox {
    left: 15px;
}
#blog .peccular-section-head {
    margin-bottom: 1em;
    margin-top: 0em;
}
#appointment .left_Buttons .serleftbox_btn22 {
    padding: 10px 20px;
}
#appointment .left_Buttons .serleftbox_btn11 a {
    font-size: 13px;
}
#appointment .left_Buttons .serleftbox_btn22 a {
    font-size: 13px;
}
#appointment .left_Buttons .serleftbox_btn11 {
    padding: 10px 20px;
    margin-right: 12px;
    margin-bottom: 20px;
}
#appointment .appointment-left .appointhead p {
    margin-bottom: 20px;
    padding: 8px 0 0em 0em;
    font-size: 14px;
    line-height: 1.5;
}
#contact .peccular-section-head h3{
    font-size: 20px;
    line-height: 33px;
}
#contact .peccular-section-head p{
           padding: 10px 1em 10px 1em;
}
#appointment .appointment-left .appointhead h2{
font-size: 19px;
        line-height: 28px;
}
#testimonials .contactbrdrbox h3{
    font-size: 20px;
    line-height: 33px;
}
#testimonials .contactbrdrbox p{
        padding: 0px 0em 10px 0em;
        margin-bottom: 10px;
}
#appointment .peccular-appointment-area {
    position: relative;
    padding-bottom: 0em;
}
#appointment .appointment-left .appointhead h3
 {
    margin-top: 0em;
    font-size: 1rem;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#clientmetrics .stories_box {
    position: relative;
    margin-top: 40px;
}
#clientmetrics p.inner-area-text {
    font-size: 14px;
}
#testimonials .test_img{
width: 30%;
}
#testimonials .test_data{
width: 70%;
}
#clientmetrics .peccular-clientmetrics-b {
    padding: 10px 10px 10px 10px;
    text-align: right;
    width: 50%;
}
#testimonials .contactbrdrbox h2 {
    margin-bottom: 7px;
}
#appointment .appointment-right {
    position: relative;
    padding: 15px 0 20px;
    margin-top: 1.5em;
}
#appointment .appointment-left .appointhead {
    margin-top: 10%;
}
#clientmetrics {
    padding-bottom: 2em !important;
}
#clientmetrics .stories_box p {
    font-size: 16px;
    padding: 12px 10%;
    line-height: 24px;
}
#steps .peccular-section-head p {
            padding: 10px 1em 10px 1em;
}
#AcademicsPrograms .peccular-section-head p {
        padding: 10px 1em 10px 1em;
        margin-bottom: 10px;
}
#testimonials .peccular-testimonials-single {
    padding: 1em 2em 1em;
}
div#clientmetrics .feature_head_bx {
    position: relative;
    margin-top: 15px;
}
#steps .peccular-steps-single .indstry_contntbx {
    padding-left: 25px;
    margin-top: 42px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
}
.peccular-counter-b {
    width: 50%;
}
#AcademicsPrograms .peccular-AcademicsPrograms-single .indstry_contntbx {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-right: 15px;
}
#AcademicsPrograms .peccular-AcademicsPrograms-icon {
        z-index: 1;
        top: 0;
        left: 0;
        height: 45px;
        width: 45px;
        border-radius: 10px;
}
#AcademicsPrograms {
    padding-top: 1.5em !important; 
}
#steps .yourproject_box {
padding: 1em;
        width: 100%;
        margin-top: 0.3em;
}
#AcademicsPrograms .peccular-AcademicsPrograms-icon i {
    font-size: 23px;
    line-height: 15px;
    padding: 14px 12px 13px 13px;
}
#steps .yourproject_box ul.success_btn li.btn1 {
    padding: 9px 17px;
    margin-bottom: 20px;
}
#steps .yourproject_box ul.success_btn li.btn2 {
    padding: 10px 7px;
    margin-left: 5px;
}
#AcademicsPrograms .peccular-section-head h3 {
    font-size: 20px;
    line-height: 33px;
}
#steps {
    padding-bottom: 2em !important;
}
#steps {
    padding-top: 0.5em !important;
}
#steps .peccular-section-head h2 {
    margin-top: 0em;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0px;
    margin-bottom: 7px;
}
#steps .peccular-steps-b {
    padding: 0em 10px 5px 10px;
    text-align: right;
}
#steps .peccular-section-area-textlist li {
    color: #7f8c8d;
    font-size: 14px;
    line-height: 24px;
}
#steps p.inner-area-text {
    font-size: 15px;
    line-height: 22px;
    margin-left: 0;
    margin-bottom: 10px;
}
#steps h4.peccular-steps-title {
    margin: 14px 0 12px 0;
    font-size: 18px;
    margin: 10px 0 8px 0;
    margin: 11px 0 12px 0;
    line-height: 27px;
}
#programs {
            padding-bottom: 2.5em !important;
        text-align: center;
}
#programs .programsbottombox_btn {
padding: 8px 20px;
        top: 5px;
        left: 0;
        text-align: center;
}
#programs .peccular-programs-single h4.peccular-programs-title {
    margin: 5px 0 10px;
}
#steps .peccular-steps-area {
    position: relative;
    margin-top: -27px;
}
#programs .peccular-programs-single .peccular-programs-content {
    padding: 20px 20px 20px 20px;
}
#counter .peccular-counter-num.count:after{
    font-size: 20px;
}
#counter h4.peccular-counter-title{
    font-size: 15px;
}
#counter .peccular-counter-num.count{
    font-size: 2rem;
}
#programs .peccular-section-head p.main_text {
        margin-top: 10px;
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 1em;

}
#industries .peccular-section-head p {
            padding: 10px 1em 10px 1em;
}
#industries .peccular-section-head h3 {
    font-size: 20px;
    line-height: 33px;
}
    #peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p{ text-align: center;}

}

/*--------------- events inner page -------------------------------*/


#innerpage-box .video-body:hover .imageOverly{
background: #0000004d;
transition: transform 0.8s ease;
}

#innerpage-box .imageOverly{
    background: #00000030;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    transition: transform 0.9s ease;
}

#innerpage-box .peccular-event-image{
    height: 115px;
    width: 100%;
}
#innerpage-box .peccular-event-image img{
    height: 100%;
    width: 100%;
    border-radius: 15px;
}


#innerpage-box .event-meta {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 20px;
}
#innerpage-box .event-meta2{
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #6b7280;
}
#innerpage-box .event-meta2 span {
    display: flex
;
    align-items: center;
    gap: 6px;
    color: #000;
    font-weight: 700;
    font-size: 1.125rem;
    font-family: Lato, sans-serif;
    font-family: Playfair Display, serif;
}
#innerpage-box .event-meta span svg{
    height: 16px;
    width: 16px;

}
#innerpage-box .event-meta2 span svg{
    height: 16px;
    width: 16px;

}
#innerpage-box .event-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4a5565;
    font-size: 14px;
    font-family: Lato, sans-serif;
}
#innerpage-box .event-meta span svg{
    height: 16px;
    width: 16px;

}

#innerpage-box .peccular-event-box{
    position: relative;
    margin: 0;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 15px;
    padding-left: 15px;
    box-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
}
#innerpage-box .peccular-event-box:hover .peccular-event-image img{
 transform: scale(1.06);
 transition: all .4s;
}

#innerpage-box .peccular-event-content {    
    margin: 0px;
    text-align: center;
    padding: 1em 1em;
    position: relative;
    overflow: hidden;
}

#innerpage-box .peccular-event-content h4{
    margin-bottom: 22px;   
}

#innerpage-box .peccular-event-content h4 a{
    word-break: break-word;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #101828;
    font-family: Playfair Display, serif;
    line-height: 1.2;
}  
#innerpage-box .peccular-event-content p{   
    font-size: 21px;
    font-weight: 300;
    word-break: break-word;
    line-height: 28px;
    color: #6f6f6f;
    margin: 17px 0;
    text-align: center;  
}
#innerpage-box .peccular-event-content .serbtn{
    position: relative;
    overflow: hidden;
    margin: 0 0 0;
}
#innerpage-box .peccular-event-content .serbtn i.fa-long-arrow-right {
    font-size: 9px;
    color: #FFAB00;
    margin: 0 0;
}
#innerpage-box .peccular-event-content:hover .serbtn i.fa-long-arrow-right{  color: #E11D07;}
#innerpage-box .peccular-event-content a.read-btn{
    font-size: 18px;   
    font-weight: 500;
    line-height: 18px;
    background: none;    
    color: #272727;    
    text-align: center;
    padding: 17px 22px;
    transition: all .6s;
    display: inline-block;
    position: relative;
}

#innerpage-box .serRight_contntbox{
    background: #3c4e5c;
    position: relative;
    padding: 20px;
    padding-top: 35px;
    padding-bottom: 60px;
    border-radius: 12px;
    text-align: left;
}
#innerpage-box .serRight_contntbox h3{
font-size: 1.42rem;
    color: #fff;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 15px;
}
#innerpage-box .serRight_contntbox p{
color: #7f8c8d;
    font-size: 16px;
    text-align: left;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 20px;
}
#innerpage-box .serRight_contntbox .peccular-section-area-textlist ul li{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 8px;
    font-weight: 500;
}

#innerpage-box .serRight_contntbox .serRightbox_btn{
    position: relative;
    /* display: inline-block; */
    text-align: left;
    left: 0;
    margin-top: 30px;
    margin-bottom: 35px;
}
#innerpage-box .serRight_contntbox .serRightbox_btn a{
color: #e67e22;
font-weight: 500;
font-size: .875rem;
}
#innerpage-box .serRight_contntbox .serRightbox_btn a:hover{
color: 
 color-mix(in oklab, #e67e22 80%, transparent);
 text-decoration: underline;
 transition: all 0.5s ease 0s;
}
#innerpage-box .serRight_contntbox .serRightbox_btn a i{
    font-size: 7px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}
#innerpage-box .ledtContnt {
    text-align: left;
}
#innerpage-box .rightContnt{

}
#innerpage-box .rightContnt .rightsideContnt{
    width: 100%;
    position: relative;
    left: 0;
}
#innerpage-box .serleftbox_btn {
    text-align: right;
    position: relative;
    right: 10px;
}

/* button layout */
#innerpage-box .serleftbox_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #101828;
    text-decoration: none;
}

/* text */
#innerpage-box .serleftbox_btn .btn-text {
    transition: transform 0.3s ease;
    font-family: Lato, sans-serif;
    color: #101828;
    font-weight: 600;
    font-size: 1rem;
}

/* icon fixed */
#innerpage-box .serleftbox_btn .btn-icon {
    margin-left: 8px;
    display: flex;
    align-items: center;
    height: 22px;
    width: 22px;
}


/* hover effect (ONLY text move) */
#innerpage-box .serleftbox_btn a:hover .btn-text {
    transform: translateX(-6px);
}
#innerpage-box .serRight_contntbox .peccular-section-area-textlist ul li:before, #innerpage-box .serRight_contntbox .peccular-section-area-textlist ol li {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 9px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #e67e22;
    display: inline-block;
    margin-bottom: 0;
    font-size: 10px;
    padding: 7px 3px 0px;
    font-weight: 100;
    position: relative;
    top: -2px;
}
#innerpage-box .peccular-event-content:hover a.read-btn{
    background: #e67e22;
    color: #FFF;
    padding: 11px 18px;
    transition: all .3s;
    z-index: 10;
    border-radius: 12px;
}

#innerpage-box .ser_content {
    padding-top: 18px;
    text-align: left;
}
#innerpage-box .ser_content p{
    font-size: 17px !important;
    font-weight: 600;
    font-family: Lato, sans-serif;
    color: #4a556596 !important;
    text-align: left;
    margin-top: 20px !important;
}
#innerpage-box .peccular-event-content .mainicon{
position: relative;
    transition: all 0.3s;
    background: #e67e22;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 12px;
    margin: 0 auto;
    overflow: hidden;
    border: none;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 10px;
    top: 8PX;
}
#innerpage-box .peccular-event-box .event-view-btn a{
    background-color: #fdb913;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    padding: 10px 20px;
    color: #fff;
    border-radius: 12px;
}
#innerpage-box .peccular-event-content .mainicon:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E11D07;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
        opacity: 0.3;
}
/*#innerpage-box .peccular-event-content:hover .mainicon:before, 
#innerpage-box .peccular-event-content:focus .mainicon:before, 
#innerpage-box .peccular-event-content:active .mainicon:before{
    -webkit-transform: scale(1);
    transform: scale(1);    
}*/
#innerpage-box .peccular-event-content .mainicon i{
    position: relative;
    transition: all .5s;
    color: #fff;
    z-index: 2;
    font-size: 30px;
  
}
#innerpage-box .peccular-event-conten:hover .mainicon i{
    transform: rotateY(180deg);
    transition:all .5s;
    color: #fff !important;    
}
#innerpage-box .peccular-event-content .ovrly {
    position: absolute;
    background: linear-gradient(to bottom, transparent 0%, #E11D07 100%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0.5;
}
#innerpage-box .peccular-event-content:hover .ovrly {
    top: 0;
}

/*#innerpage-box .peccular-event-box {  

    margin: 10px 10px 44px;
    background: #FFFFFF ;
    box-shadow: 0px 0px 10px #00000033;
    padding: 12px 12px 20px;
}
#innerpage-box .peccular-event-image img { 
    border-radius: 9px;
    width: 100%;
    height: 223px;
}
#innerpage-box .peccular-event-box .peccular-event-content h4{
    background: none;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}
#innerpage-box .peccular-event-box .peccular-event-content h4 a {

    color: #272727 !important;
    font-size: 26px;
    font-weight: 600;
}

#innerpage-box .peccular-event-box:hover .peccular-event-content h4 a{

    color: #E11D07 !important;
    text-decoration: underline;
   
}

#innerpage-box .peccular-event-box .peccular-event-content p {

    color: #6f6f6f !important;
    font-weight: 400;
    font-size: 21px !important;
    line-height: 28px;
    margin-bottom: 3px;
    margin-top: 3px;
}
#innerpage-box .peccular-event-content {
      
    bottom: 30px;
    padding: 0 31px 0 30px;
    transition: 0.4s;
}

#innerpage-box .peccular-event-box .peccular-event-image{
    position: relative;
    overflow: hidden;
}
#innerpage-box .peccular-event-box:hover .peccular-event-image:before {
    opacity: 1;
    transition: all .9s;
    width: 100%;
    bottom: 100%;
}
#innerpage-box .peccular-event-box .peccular-event-image:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(to top,rgba(255,0,0,0), #E11D07 );
    top: 0px;
    left: 0%;
    right: 0%;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .9s;
}

#innerpage-box .peccular-event-box .event-view-btn{
    border: 1px solid #E11D07;
    padding: 2px;
    border-radius: 5px;
    margin-right: 17px;
    display: inline-block;
    margin-top: 20px;
}
#innerpage-box .peccular-event-box .event-view-btn:hover{
    border: none;
}
#innerpage-box .peccular-event-box:hover .event-view-btn a{
   background: #fff;
   color: #E11D07 !important;
}
#innerpage-box .peccular-event-box .event-view-btn a{
    font-size: 17px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 18px;
    background: #E11D07;    
    color: #fff;    
    text-align: center;
    padding: 12px 28px;
    transition: all .6s;
    display: inline-block;
    position: relative;
}
#innerpage-box .peccular-event-box .event-view-btn a:after{
    content: "";
    position: absolute;
    border-left: 2px solid #E11D07;
    top: 0px;
    left: 6px;
    right: 0;
    height:0%;
    z-index: 1;
    opacity: 0;
    transition: all .6s;
}
#innerpage-box .peccular-event-box .event-view-btn a:before{
    content: "";
    position: absolute;
    border: 1px solid #E11D07;
    top: 0px;
    left: 0px;
    bottom: 0;
    width: 0%;
    z-index: 1; 
    opacity: 0; 
    transition: all .6s; 
}
#innerpage-box .peccular-event-box .event-view-btn a:hover:after{
    opacity: 1;
    transition:all .6s;
    height: 100%;
}
#innerpage-box .peccular-event-box .event-view-btn a:hover:before{
    opacity: 1;
    transition:all .6s;
    width: 100%;
}
#innerpage-box .peccular-event-box .event-view-btn:hover a{
    background: #fff;    
    color: #E11D07;
    padding: 17px 25px 11px;
    font-size: 17px;
    transition: all .3s;
}*/


/*---------------------- End events page ------------------------*/

/*-----------------------
## FAQS page
-----------------------------*/

#innerpage-box .faqnformbox{
    margin-bottom: 0em;
   clear: both;
}
#innerpage-box .faqarea{
    position: relative;
    right: 0;
    overflow: hidden;
    clear: both;
    width: 80%;
    margin-top: 13px;
    left: 0;
    margin: 0 auto;
}
#innerpage-box .faqcontactform{
    border-top-right-radius: 234px;
    overflow: hidden;
    position: relative;
    left: -271px;
    width: 896px;
    float: left;
    height: 600px;
}
#innerpage-box .faqcontactform .faqformarea{
    margin: 91px 102px 56px 16em;
    position: absolute;
    top: 0;
}
#innerpage-box .faqcontactform .faqform-overlay{
    background: #120072;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.9;
    z-index: 2;
}
#innerpage-box .faqcontactform .faqformbg{

    width: 100%;
    background-size: cover;
    height: 100%;
    background-position: center;
}
#innerpage-box .faqcontactform .peccular-section-head{
    margin: 0 0;
    position: relative;
    z-index: 10;
}
#innerpage-box .faqcontactform .peccular-section-head h2{
    font-size: 52px;
    font-weight: 600;
    color: #fff;
    line-height: 18px;
    margin: 0 0 42px;
    padding: 0 0;
    text-transform: capitalize;
}
#innerpage-box .faqcontactform .peccular-section-head h3{
    color: #fff;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 28px;
    padding: 0 34px 0 0;
}
 main#innerpage-box .peccular-faqform-member-wrap .wpcf7 form .wpcf7-response-output{
    color: #fff;
 }
#innerpage-box .faqcontactform .peccular-faqform-block{
    margin: 0 0;
    position: relative;
    z-index: 10;
}
#innerpage-box .peccular-faqform-block input[type="text"], 
#innerpage-box .peccular-faqform-block input[type="email"], 
#innerpage-box .peccular-faqform-block input[type="url"], 
#innerpage-box .peccular-faqform-block input[type="password"], 
#innerpage-box .peccular-faqform-block input[type="search"], 
#innerpage-box .peccular-faqform-block input[type="number"], 
#innerpage-box .peccular-faqform-block input[type="tel"], 
#innerpage-box .peccular-faqform-block input[type="range"], 
#innerpage-box .peccular-faqform-block input[type="date"], 
#innerpage-box .peccular-faqform-block input[type="month"], 
#innerpage-box .peccular-faqform-block input[type="week"], 
#innerpage-box .peccular-faqform-block input[type="time"], 
#innerpage-box .peccular-faqform-block input[type="datetime"],
#innerpage-box .peccular-faqform-block input[type="datetime-local"], 
#innerpage-box .peccular-faqform-block input[type="color"],
#innerpage-box .peccular-faqform-block input[type="file"],
#innerpage-box .peccular-faqform-block textarea{
  
    border: 1px solid #fff !important;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 24px 0;
    border-radius: 0;
    padding: 0 0 0 7px;
    font-size: 14px;
    height: 42px;
    font-weight: 600;  
}

#innerpage-box .peccular-faqform-block input::placeholder{
    color:#fff;
}

#innerpage-box .peccular-faqform-block input[type="submit"]{
    font-size: 18px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 20px;
    background: #E11D07;    
    color: #fff;    
    text-align: center;
    padding: 16px 63px !important;
    transition: all .6s;
    display: inline-block;
    position: relative;
}

#innerpage-box .peccular-faqform-block input[type="submit"]:hover {
    background: #fff;    
    color: #E11D07;
    border: 1px solid #E11D07;
    transition: all .3s;
}
#content-box .faq .faq-content{
    margin-bottom: 30px;
    padding: 0 15px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 24px 10px 30px;
    box-shadow: 0px 0px 5px 0px var(--tw-shadow-color, #0000001a);
    margin-left: 20px;
    margin-right: 20px;
}
#content-box .faq .faq-content.active{
    border: 1px solid #E11D07;
}
#content-box .faq-content button.accordion {
    cursor: pointer;
    width: 100%;
    background: none;
    box-shadow: none;
    padding: 0;
}
#content-box .faq-content button.accordion.active, button.accordion:hover {
    opacity: 1;
}
#innerpage-box #content-box h3.faq-title:before {
    content: '\f067';
    font-family: 'Fontawesome';
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}

#innerpage-box #content-box .faq-content button.accordion.active h3.faq-title:before {
    content: "\f068";
    font-family: 'Fontawesome';
     color: #E11D07;
    
}
#content-box .faq-content div.panel {
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
  margin: 0 0 0px;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
#content-box .faq-content div.panel p{
    margin:0 0 0px;
    color: #fff !important;
}
#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;
    padding: 20px 0px 0;
}
#innerpage-box #content-box h3.faq-title{
    text-transform: none;
    font-size: 16px !important;
    line-height: 30px;
    -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;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
    font-family: 'Playfair Display' !important;
    position: relative;
    letter-spacing: 1px;
    cursor: pointer;
    padding: 0;
    padding-right: 25px;
    text-align: left;
    color: #003d5c;
    margin: 0 0;
}
#innerpage-box #content-box button.accordion.active h3.faq-title{
    color: #E11D07;
}
#innerpage-box #content-box h3.faq-title:after {
    display: none;
}
#content-box .faq-content p {
    font-size: 18px !important;
    padding: 0;
    letter-spacing: 0px;
    word-break: break-word;
    font-weight: 400;
    color: #fff;
    line-height: 32px !important;
}
.peccular-faqs-head {
    text-align: center;
    padding: 0 14em;
}
#innerpage-box .peccular-faqs-head h3{
    font-size: 15px;
    color: #4c4c67;
    font-weight: 700;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}
#innerpage-box .peccular-faqs-head h2{
    font-size: 37px;
    line-height: 1.46;
    margin-top: 10px;
    margin-bottom: 45px;
    color: #091d3e;
    text-transform: capitalize;
}
/*-----------------------
## End FAQS page
-----------------------------*/

/*-----------------------
## Testimonials inner page
-----------------------------*/

#innerpage-box .peccular-testimonials-single {      
margin: 2em 0px;
    padding: 0em;
    padding: 20px;
    border-radius: 13px;
}
#innerpage-box .peccular-testimonials-single {
    max-width: 420px;   /* 👈 box width control */
    width: 100%;
        box-shadow: 0px 0px 10px #00000026;
}

#innerpage-box .peccular-testimonials-identity {
       position: relative;
    text-align: left;
}
#innerpage-box .peccular-testimonials-identity h4.peccular-testimonials-name {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #101828;
    font-family: Playfair Display, serif;
    margin-bottom: 5px;
}
#innerpage-box .test-stars i {
    color: #ffb400;
}
#innerpage-box .peccular-testimonials-identity h6.peccular-testimonials-designation {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #4a5565;
    font-family: Lato, sans-serif; 
}

#innerpage-box .peccular-testimonials-image{
/*    margin: 0 auto;
    padding: 0;  
    text-align: center; */
}
#innerpage-box .peccular-testimonials-image img{   
    border-radius: 50%;
    width: 70px;
    position: relative;
    /* margin: 0 auto; */
    box-shadow: 3px 5px 6px #00000029;
}
#innerpage-box .peccular-testimonials-content p {
    margin-top: 15px;
    font-size: 0.875rem;
    font-family: Lato, sans-serif;
    color: #364153;
    line-height: 22px;
}
#innerpage-box .peccular-testimonials-content i {
    color: #E11D07;
    font-size: 23px;
    text-align: left;
    margin: 0 0 0 -21px;
}
#innerpage-box .peccular-testimonials-content i.fa.fa-quote-right {
    position: relative;
    right: -9px;
    bottom: 9px;
    float: right;  
}
#innerpage-box .peccular-testimonials-content {
    padding:12px 20px 20px 30px;
    margin-bottom: 22px;
    margin-top: 23px;
}
#innerpage-box .peccular-testimonials-single:hover{
    -webkit-box-shadow: 0px 5px 20px rgb(50 50 0 / 30%);
    box-shadow: 0px 2px 5px rgb(50 50 0 / 30%);
    border-radius: 16px;
}
#innerpage-box .peccular-testimonials-single:hover .peccular-testimonials-content i{
    color: #E11D07;
}
#innerpage-box .peccular-testimonials-single:hover .peccular-testimonials-image img {
    border: 2px solid #E11D07; 
}
#innerpage-box .peccular-testimonials-single:hover h4.peccular-testimonials-name{
    color: #E11D07;
}
/*-----------------------
## End Testimonials page
-----------------------------*/

/*--------------- Project inner page -------------------------------*/

#innerpage-box .peccular-project-single {
    margin-bottom: 4em;
    box-shadow: 0px 0px 40px #00000033;
    background: #fff;
    padding: 0 0;
    position: relative;
}
#innerpage-box .peccular-project-single .peccular-project-img{
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
}
#innerpage-box .peccular-project-single .peccular-project-img img{
    width: 100%;
    transition: 0.6s ease-in-out;
}
#innerpage-box .peccular-project-single:hover .peccular-project-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.6s ease-in-out;
}

#innerpage-box .peccular-project-single .peccular-project-content h4{
    margin: 0;  
    padding: 0; 
    line-height: 26px;
}
#innerpage-box .peccular-project-single .peccular-project-content h4 a{   
    color: #272727 !important;
    font-size: 26px;  
    font-weight: 700;
    transition: all 600ms ease;
}
#innerpage-box .peccular-project-single:hover .peccular-project-content h4 a,
#innerpage-box .peccular-project-single:hover .peccular-project-content p,
#innerpage-box .peccular-project-single:hover .peccular-project-content .projectbtn{
    color:#fff ;
    position: relative;
    z-index: 3;
    margin-bottom: 30px; 
    transition-delay: all 600ms ease;
}  
#innerpage-box .peccular-project-single:hover .peccular-project-content a.read-btn{
    background: #fff;
    color: #E11D07; 
    position: relative; 
    border-radius: 4px; 
    transition: 0.6s ease-in-out;
     padding: 17px 22px;  
}

#innerpage-box .peccular-project-single:hover .peccular-project-content {
    text-align: center;
    margin: 0 auto;
    top: -50px;
    position: relative;
    transition: 0.6s ease-in-out;
}
#innerpage-box .peccular-project-single:hover .peccular-project-content p{
    opacity: 0.6;
    transition: 0.6s ease-in-out;
}  
#innerpage-box .peccular-project-content{
    padding: 1em 2em;
}
#innerpage-box .peccular-project-content i{
    font-size: 85px;
    color: #E11D07;
    margin: 0 0 25px;
}
#innerpage-box .peccular-project-single .peccular-project-content p{   
    font-size: 21px;
    font-weight: 300;
    word-break: break-word;
    line-height: 27px;
    color: #272727;
    margin: 24px 0;
    opacity: 0.6;
    transition: 0.6s ease-in-out;
  
}
#innerpage-box .peccular-project-content .projectbtn{
    position: relative;
    overflow: hidden;
    margin: 22px 0 9px;
    transition: 0.6s ease-in-out;
}
#innerpage-box .peccular-project-content .projectbtn i {
    font-size: 16px;
    color: #E11D07;
    margin: 0 0;
}
#innerpage-box .peccular-project-content:hover .projectbtn i{  color: #000;}
#innerpage-box .peccular-project-content a.read-btn{
    font-size: 18px;   
    font-weight: 500;
    line-height: 18px;
    background: none;    
    color: #E11D07;    
    text-align: center;
    padding: 17px 22px 17px 0;
    transition: all .6s;
    display: inline-block;
    position: relative;
}

#innerpage-box .peccular-project-content a.read-btn:after{
    content: "";
    position: absolute;
    border-left: 2px solid #E11D07;
    top: 0px;
    left: 6px;
    right: 0;
    height:0%;
    z-index: 1;
    opacity: 0;
    transition: all .6s;
}
#innerpage-box .peccular-project-content a.read-btn:before{
    content: "";
    position: absolute;
    border: 1px solid #E11D07;
    top: 0px;
    left: 0px;
    bottom: 0;
    width: 0%;
    z-index: 1; 
    opacity: 0; 
    transition: all .6s; 
}
#innerpage-box .peccular-project-content a.read-btn:hover:after{
    opacity: 1;
    transition:all .6s;
    height: 100%;
}
#innerpage-box .peccular-project-content a.read-btn:hover:before{
    opacity: 1;
    transition:all .6s;
    width: 100%;
}
#innerpage-box .peccular-project-content:hover a.read-btn{
    background: #fff;    
    color: #E11D07;
    padding: 17px 22px;   
    transition: all .3s;
    z-index: 10;
}
#innerpage-box .peccular-project-single:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 0;
  content: "";
  background: #E11D07;
  z-index: 1;
  opacity: 0.9;
   transition: 0.4s ease-in-out;
}

#innerpage-box .peccular-project-single:hover:before {

  height: 100%;
   transition: 0.4s ease-in-out;

}


/*---------------------- End Project page ------------------------*/

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6,

.single main#innerpage-box h1,
.single main#innerpage-box h2,
.single main#innerpage-box h3,
.single main#innerpage-box h4,
.single main#innerpage-box h5,
.single main#innerpage-box h6
{
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 4px;
    padding: 0 10px;
    letter-spacing: 0;
    font-size: 23px;
    text-transform: uppercase;
    word-break: break-word;
    color: ;
    background: none;
    color: #0F2B5B;
}
#innerpage-box h1{
    color: #0F2B5B;
    font-size: 40px;
    font-weight: 600;
}
#innerpage-box h2{
     color: #0F2B5B;
    font-size: 20px;
    font-weight: 600;
}
#innerpage-box h3{ 
    color: #0F2B5B;
    font-size: 20px;
    font-weight: 600;
}

#innerpage-box h4{
     color: #0F2B5B;
    font-size: 18px;
    font-weight: 600;
}
#innerpage-box h5{
     color: #0F2B5B;
    font-size: 17px;
    font-weight: 600;
}
#innerpage-box h6{
     color: #0F2B5B;
    font-size: 16px;
    font-weight: 600;
}
#innerpage-box p{
     color: #959595;
    font-size: 15px;
    font-weight: 400;
}

#innerpage-box li {
    font-size: 15px;
    color: #3b3b3b;
}

/*// --------------Responsive css----------------------------- */


@media screen and (min-width:320px) and (max-width: 1024px){
    #about .peccular-about-imgbox{ width: auto; }
    #innerpage-box .leftcontact{    margin: 4em 0px 0em !important;}
    #innerpage-box .inner-blog-post { margin-bottom: 1em;}
     #about { padding-bottom: 2em !important;}
     #about { padding-top: 1em !important;}
    #events {  padding-bottom: 1em !important;}
    .footer-area .top-area,  .footer-area .top-area, .page .footer-area .top-area, .single .footer-area .top-area{
        padding-top: 5em !important; padding-bottom: 0em !important;
    }
   
    #contact .rightcontact{ padding: 50px 11px;}
    #contact .rightcontact .peccular-section-head h2,
    #contact .rightcontact .peccular-section-head h2 span{ font-size: 37px;}
    #team .peccular-team-image{ width: auto; }
    #testimonials .peccular-testimonials-image .imgborder{ display: none;}
    .swiper-button-prev{left: 10px !important;}
    .swiper-button-next{right: 10px !important;}
    .slider-area img{height: 800px;}
     #appointment .email a, #appointment .location{text-align: center;}     
     #innerpage-box .rightcontact img.app-right-img{ position: relative; left: 134px;}
     #innerpage-box .rightcontact .callnownum{    left: 261px;}
     #innerpage-box .rightcontact .callnowbox .calltopbrdr{right: 337px;}
     #innerpage-box .faqnformbox .md-0 { flex-wrap: wrap; margin: 0 0em;}
}
@media screen and (min-width:992px) and (max-width: 1024px){
    #blog .read-btn a {
        font-size: 15px;
    padding: 9px 5px;
}
    .slide-inner .slider-inner-mainbox {
    left: 0%;
    top: 14%;
    width: 660px;
    z-index: 999;
}
#contact .leftcontact .infoBox_1 .mai_cont_box {
    padding-right: 0em;
}
#contact .leftcontact .infoBox_1 {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}

#contact .leftcontact .infoBox_2 .mai_cont_box {
    padding-right: 0em;
}
#contact .leftcontact .infoBox_2 {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#contact .leftcontact {
    margin: 1em 0px 2em;
    padding: 0 20px 0 0;
}
#contact .leftcontact .infoBox_3 .mai_cont_box {
    padding-right: 0em;
}
#contact .leftcontact .infoBox_3 {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 1.7em;
} 

#contact .leftcontact .infoBox_4 .mai_cont_box {
    padding-right: 0em;
}
#contact .leftcontact .infoBox_4 {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 1.7em;
}
#newsletter {
    padding-bottom: 2em !important;
}
#blog .peccular-section-head {
    margin-bottom: 2em;
    margin-top: 2em;
}
#blog .blog_post_b:nth-child(1) .peccular-blog-post {
    height: 350px !important;
    margin-bottom: 3em;
}
#blog .blog_post_b:nth-child(1) h4.inner-area-title {
    font-size: 24px;
    font-family: system-ui;
    line-height: 33px;
    margin-top: 10px;
}
#appointment .peccular-appointment-area {
    position: relative;
    padding-bottom: 0;
}
#appointment .appointment-left .appointhead {
    position: relative;
    text-align: left;
    margin-top: 18%;
}
#appointment .appointment-right {
    position: relative;
    padding: 20px 0 20px;
    margin-top: 1.5em;
}
#testimonials .peccular-testimonials-single {
    padding: 1em 1em 1em;
    margin: 0;
    width: 100%;
    border-radius: 11px;
    margin-bottom: 30px;
}
#industries {
    padding-bottom: 2em !important;
}
#steps {
    padding-bottom: 3em !important;
}
#project {
    padding-bottom: 3.5em !important;
}
#steps .peccular-section-area-textlist li {
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 23px;
    display: inline-flex;
}
#steps p.inner-area-text {
    font-size: 15px;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 10px;
}
#steps .peccular-steps-single .indstry_contntbx {
    padding-left: 20px;
    margin-top: 42px;
    margin-bottom: 20px;
    padding-top: 17px;
    padding-bottom: 20px;
    padding-right: 15px;
}
.slider-area .slider_features_area {
    left: 7%;
    width: 85%;
    top: 57%;
}
    #events .peccular-section-head p {
    font-size: 30px;
}
#project .peccular-section-head h3 {
    font-size: 38px;
    line-height: 48px;
}
#steps .peccular-section-head h3 {
    font-size: 38px;
    line-height: 48px;
}
#team .peccular-section-head h3 {
    font-size: 38px;
    line-height: 48px;
}
#blog .peccular-section-head h3{
        font-size: 38px;
    line-height: 48px;
}
#blog .peccular-section-head p{
        padding: 15px 7em 15px 7em;
}
#contact .peccular-section-head h3{
                font-size: 38px;
    line-height: 48px;
}
#contact .peccular-section-head p{
    padding: 15px 7em 15px 7em;
}
#appointment .appointment-left .appointhead h2{
            font-size: 38px;
    line-height: 48px;
}
#testimonials .contactbrdrbox h3{
        font-size: 38px;
    line-height: 48px;
}
#testimonials .contactbrdrbox p{
     padding: 15px 7em 15px 7em;
}
#steps .peccular-section-head p {
    padding: 15px 7em 15px 7em;
}
#AcademicsPrograms .peccular-section-head p {
    padding: 15px 7em 15px 7em;
}
#AcademicsPrograms .peccular-section-head h3 {
    font-size: 38px;
    line-height: 48px;
}
#steps .peccular-steps-area {
    position: relative;
    margin-top: -27px;
}
#project .peccular-section-head p.main_text {
    margin-top: 30px;
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 3em;
}
#industries .peccular-section-head p {
    padding: 15px 7em 1em 7em;
}
#industries .peccular-section-head h3 {
    font-size: 38px;
    line-height: 48px;
}
    div#slider .peccular-facility-single {
    margin-right: 20px;
}
    #about .peccular-about-imgbox .abtexpeience{ width: 60%; bottom: 100px;}
    #about .peccular-about-imgbox .abtexpeience p {font-size: 24px; padding: 0 0px 0 0px;}  
    #about .about-events i{ margin: 0;}  
    #facility .peccular-facility-icon i{font-size: 63px;}
    .navigation .mainmenu li{    margin-right: 29px !important;}
    .navigation .mainmenu{ text-align: left; }
    .mainbottom-header .callnow a{ font-size: 13px;}
    .mainbottom-header .callnow p{  font-size: 15px;}
    .mainbottom-header .phntextbx {
    padding: 10px 10px;
}
    .menu-wrapper {
        position: relative;
        top: 27px;
        left: 5%!important;
    }
    #appointment .email a, #appointment .location{text-align: center;}
    .mainbottom-header .callnow i{left: 15px;}
   #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"]{ padding: 16px 401px; }
    
}

@media screen and (min-width:500px) and (max-width: 768px){
    #counter {
    padding-bottom: 3em !important;
}
#testimonials .contactbrdrbox {
    padding: 1em 0;
}
div#testimonials {
        padding: 2em 0 1em 0em !important;
    }
#team .yourExpertTeam_box {
    padding: 1em;
    width: 80%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
#team .peccular-section-head p {
    padding-left: 9%;
    padding-right: 9%;
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
}
#team .peccular-section-head {
    margin-bottom: 2em;
    margin-top: 1em;
}
    #events .peccular-section-head {
    margin: 0 0 1em;
    margin-top: 1.5em;
}
    #about .peccular-section-area-text-subtitle {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 1em;
    padding: 0 0em 0 0;
    left: 0;
    top: 0;
}
        #about .peccular-section-head h3 {
        font-size: 25px !important;
        padding-right: 0em;
        line-height: 38px !important;
    }
    #project {
    padding-top: 0.7em !important;
}
    #industries {
    padding-bottom: 2em !important;
}
    #industries .peccular-industries-single .indstry_contntbx {
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .peccular-section-head {
    margin-bottom: 1em;
    margin-top: 1.5em;
}
    .mainbottom-header .phntextbx {
    padding: 11px 23px;
}
#about .space-abtblock {
    padding: 0em;
    padding-left: 1em;
}
#about .about-events h2 {
    font-size: 14px;
    margin: 0 0 6px 0;
    line-height: 25px;
    margin-top: 5px;
}
#about .about-events {
    margin: 0 0;
    margin-bottom: 10px;
}
    .mainbottom-header .callnow {
    margin-top: 30px;
    text-align: center;
}
#about .year_Box h3 {
    font-size: 80px;
    margin-bottom: 10px;
}
.slide-inner .slider-inner-mainbox {
    position: absolute;
    left: 13%;
    top: 11%;
    width: 660px;
    z-index: 999;
}
.slider-area .slider_features_area {
    position: absolute;
    left: 12%;
    width: 96%;
    top: 45%;
    z-index: 999;
}
div#slider .peccular-facility-b {
    margin-bottom: 1em;
    padding: 0 17px 0 0;
}
    .hero-slider {
        height: 829px !important;
    }
div#slider .peccular-facility-icon {
    padding-bottom: 15.5px;
    margin-bottom: 15.5px;
}
div#slider .peccular-facility-single {
    padding: 0em 0em;
    margin-bottom: 0em;
    position: relative;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}
        .hero-style .slide-title h2 { font-size: 31px; line-height: 45px;}

    #events .peccular-section-head p {
    font-size: 25px;
}
#events .serRight_contntbox {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#industries {
    padding-top: 1.5em !important;
}
#events .peccular-event-content {
    margin: 0px;
    padding: 10px 25px;
}
#events .serRight_contntbox .peccular-section-area-textlist ul li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
}
#events .srviceright_image img {
    height: 210px;
}
#events .srviceright_image {
    height: 210px;
    margin-top: 1.5em;
}
#events .peccular-event-content .mainicon {
    width: 40px;
    height: 40px;
    line-height: 44px;
}
#events .peccular-event-content h4 a {
    font-size: 16px;
}
#events .peccular-event-content .mainicon i {
    font-size: 20px;
}
#project .peccular-section-head h3 {
     font-size: 31px;
    line-height: 41px;
}
#steps .peccular-section-head h3 {
     font-size: 31px;
    line-height: 41px;
}
#team .peccular-section-head h3 {
     font-size: 31px;
    line-height: 41px;
}
#blog .peccular-section-head h3{
   font-size: 31px;
    line-height: 41px;
}
#blog .peccular-section-head p{
        padding: 15px 7em 15px 7em;
}
#contact .peccular-section-head h3{
    font-size: 31px;
    line-height: 41px;
}
#contact .peccular-section-head p{
            padding: 10px 5em 10px 5em;
}
#appointment .appointment-left .appointhead h2{
     font-size: 31px;
    line-height: 41px;
}
#testimonials .contactbrdrbox h3{
    font-size: 31px;
    line-height: 41px;
}
#testimonials .contactbrdrbox p{
    padding: 10px 5em 10px 5em;
    margin-bottom: 10px;
}
#appointment .peccular-appointment-area {
    position: relative;
    padding-bottom: 0em;
}
#clientmetrics .stories_box {
    position: relative;
    margin-top: 40px;
}
#appointment .appointment-right {
    position: relative;
    padding: 15px 0 20px;
    margin-top: 1.5em;
}
#appointment .appointment-left .appointhead {
    margin-top: 10%;
}
#clientmetrics {
    padding-bottom: 2em !important;
}
#clientmetrics .stories_box p {
    font-size: 16px;
    padding: 12px 10%;
    line-height: 24px;
}
#steps .peccular-section-head p {
            padding: 10px 5em 10px 5em;
}
#AcademicsPrograms .peccular-section-head p {
            padding: 10px 5em 10px 5em;
}
#testimonials .peccular-testimonials-single {
    padding: 1em 2em 1em;
}
div#clientmetrics .feature_head_bx {
    position: relative;
    margin-top: 15px;
}
#steps .peccular-steps-single .indstry_contntbx {
    padding-left: 25px;
    margin-top: 42px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
}
#AcademicsPrograms .peccular-AcademicsPrograms-icon {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    background: #e67e22;
    height: 50px;
    width: 50px;
    border-radius: 10px;
}
#AcademicsPrograms {
    padding-top: 1.5em !important; 
}
#steps .yourproject_box {
    padding: 1em;
    width: 80%;
    margin-top: 0.3em;
}
#AcademicsPrograms .peccular-section-head h3 {
    font-size: 31px;
    line-height: 41px;
}
#steps {
    padding-bottom: 2em !important;
}
#steps {
    padding-top: 0.5em !important;
}
#project {
    padding-bottom: 3.5em !important;
}
#project .projectbottombox_btn {
    padding: 9px 30px;
    top: 10px;
    left: 39%;
}
#project .peccular-project-single h4.peccular-project-title {
    margin: 5px 0 10px;
}
#steps .peccular-steps-area {
    position: relative;
    margin-top: -27px;
}
#project .peccular-project-single .peccular-project-content {
    padding: 20px 20px 20px 20px;
}
#project .peccular-section-head p.main_text {
margin-top: 15px;
        padding-left: 9%;
        padding-right: 9%;
        margin-bottom: 2em;

}
#industries .peccular-section-head p {
            padding: 10px 5em 10px 5em;
}
#industries .peccular-section-head h3 {
     font-size: 31px;
    line-height: 41px;
}
}

@media screen and (min-width:320px) and (max-width:425px){
    div#slider .peccular-facility-content h4.peccular-facility-title {
    font-size: 12px;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 3px;
}
    .logo-header {
    padding-right: 14em !important;
}
   .maintop-header .header-email,.site-header .socials,
   .ht-site-description,  .ht-site-description, .page .ht-site-description, .single .ht-site-description{text-align: center;}
   .mainbottom-header .callnow p{text-align: right;}
   .mainbottom-header .callnow { 
        padding: 15px 0 0;
        text-align: right;
        position: relative;
        right: 0;
        top: -7em;
}
.mainbottom-header .callnow p {
    font-size: 10px;
}
   .slide-inner .slider-inner-mainbox{top: 10%;}
   .mainbottom-header .callnow {
    /* padding: 15px 0 0; */
    margin-top: 0;
}
.mainbottom-header .phntextbx {
    padding: 7px 15px;
}
   .slider-inner-box{padding: 1em 1em 1em 1em !important;        text-align: center;}
  /* .hero-style .slide-title, .hero-style .slide-text, .hero-style .slide-btns{max-width: auto;}*/
  .slide-inner .slider-inner-mainbox{    width: 400px;}
  .hero-style .slide-title h2{
            margin-top: 15px;
        line-height: 26px !important;
        font-size: 19px !important;

}
  .hero-style .slide-text p { 
           font-size: 14px;
        margin: 5px 0 0 0;
        padding: 0 0 0 0;
        text-align: center;
}
div#slider .peccular-facility-b {
        width: 50%;
        margin-bottom: 1em;
        padding: 0 10px 0 0;
}
div#slider .peccular-facility-icon {
    padding-bottom: 11.5px;
    margin-bottom: 11.5px;
}
div#slider .peccular-facility-content p.peccular-facility-text {
        font-size: 12px;
        line-height: 18px;
        margin-top: 7px;
}
div#slider .peccular-facility-icon img {
    width: 30px;
    height: 30px;
    position: relative;
}
div#slider .peccular-facility-single {
        padding: 0em 0em;
        margin-bottom: 0em;
        margin-left: 0;
        margin-right: 20px;
}
  .hero-style .sliderbuttons{left: 0 !important;}
  .hero-style .slide-btns-1 a.moreabt {
    font-size: 11px;
    line-height: 17px;
    padding: 7px 7px;
}
.slider-area .slider_features_area {
        left: 30px;
        width: 90%;
        top: 42%;
}
.hero-style .sliderbuttons {
    margin: 0px 0 0 0;
}
  .swiper-button-next, .swiper-button-prev{    margin-top: 56px !important;}
  .hero-slider { height: 600px !important;}
  .hero-style .slide-btns-1{    margin-right: 2px;}
  #facility .peccular-facility-b:nth-child(1) .peccular-facility-single .border-right,
  #facility .peccular-facility-b:nth-child(3) .peccular-facility-single .border-right{
    border-right: none;  }
  #facility .peccular-facility-single{    padding: 2em 2em; text-align: center !important;}
  #facility .peccular-facility-icon,#facility .peccular-facility-content p.peccular-facility-text {  text-align: center;}
  #facility .peccular-facility-single{  margin-bottom: 0em;}

  #facility .peccular-facility-b:nth-child(3) .peccular-facility-single .peccular-facility-icon i, 
  #facility .peccular-facility-b:nth-child(4) .peccular-facility-single .peccular-facility-icon i{
        position: relative; left: 0; text-align: center;
    }
  #facility .peccular-facility-b:nth-child(3) .peccular-facility-single .peccular-facility-content,
  #facility .peccular-facility-b:nth-child(4) .peccular-facility-single .peccular-facility-content{
        position: relative; top: 0; left: 0; text-align: center; padding: 0 12px;
    }
#facility .peccular-facility-b:nth-child(3) .peccular-facility-single,
#facility .peccular-facility-b:nth-child(4) .peccular-facility-single{padding: 22px 0 27px;}
#facility .peccular-facility-b{padding: 0 0;}
#facility .facility-title-area h1 {  font-size: 26px; padding: 0 37px 13px 25px;}
#facility .facility-title-area h2{  font-size: 18px;    margin: 0 0 0 13px;}
#about .about-callnow {  padding: 0px 40px 0;}
#about .about-events {         padding: 10px 10px;}
#about .peccular-about-imgbox .abtexpeience{    height: 30%;}
#counter .peccular-counter-icon {  width: 23% !important;}
#counter .peccular-counter-single{ 
    text-align: center !important;
        margin-bottom: 25px;
    }
#counter .peccular-counter-icon{    margin: 0 auto;}
#contact .leftcontact{ padding: 0 24px 0 24px;}
#contact .leftcontact .peccular-section-head h2{ font-size: 40px !important;}
#testimonials .peccular-section-head{ text-align: center; }
#testimonials .contactbrdrbox{ padding: 1em 34px;}
#testimonials .peccular-testimonials-single{ padding: 1em 1em 1em;}
#testimonials .testcontactarea{    overflow: visible;}
#testimonials .peccular-testimonials-content p{    padding: 0 50px !important;}
#testimonials .peccular-testimonials-content i.fa-quote-left{position: absolute;bottom: 0;}
#facility .facility-title-area{    padding: 0 0 16px;}
.page-main-header { padding-top: 23em !important;}
#about .about-events p{ padding: 0 10px 21px 0;}

}
@media screen and (min-width:320px) and (max-width:375px){
#about .peccular-about-imgbox .abtexpeience{ width: 55%; bottom: 125px;}
.swiper-button-next, .swiper-button-prev { margin-top: 93px !important;}
.hero-style .sliderbuttons { left: 20px;}
#appointment .callnownum{  width: 272px;}
#appointment .callnownum p a{font-size: 27px;}
#about .peccular-section-head h3{font-size: 17px; padding-right: 0;}
#about .peccular-section-area-text-subtitle{    padding: 0 1em 0 0;}
#counter { padding-bottom: 1em !important;}
#counter { padding-top: 0em !important;}
 #about { padding-bottom: 0em !important;}
#appointment .location { line-height: 27px; margin-top: 14px;}
}

@media only screen and (max-width: 375px){ 
.slide-inner .slider-inner-mainbox { width: 386px;}
.slide-btns-2.animated.fadeInDownBig{ float: left; }
    #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"] {
    padding: 16px 112px !important;    width: 203px;}
    #innerpage-box .leftcontact .peccular-section-head h1 { font-size: 28px ;}
    #innerpage-box .leftcontact .peccular-section-head h2 {  font-size: 22px ;}
    #innerpage-box .rightcontact .callnownum { left: 41px !important;}
    #innerpage-box .rightcontact .peccular-section-head h2, 
    #innerpage-box .rightcontact .peccular-section-head h2 span{  font-size: 28px ;}
    #innerpage-box .faqcontactform .faqformarea { margin: 91px 30px 56px 1em !important;}
}
@media only screen and (max-width:320px){ 

        .logo-header {
        padding-right: 11em !important;
    }

.slide-inner .slider-inner-mainbox {  width: 332px;}
.slide-btns-2.animated.fadeInDownBig{ float: left; margin: 5px 0 0 19px;}
.ht-main-title{    padding: 0 141px 3px 19px;}
.page-main-header {  padding-top: 25em !important;}
 #innerpage-box .leftcontact .peccular-section-head h1 { font-size: 22px !important ; line-height: 18px;}
    #innerpage-box .leftcontact .peccular-section-head h2 {  font-size: 17px !important; line-height: 25px;}
    #innerpage-box .rightcontact .callnownum { left:15px !important;}
    #innerpage-box .rightcontact .peccular-section-head h2, 
    #innerpage-box .rightcontact .peccular-section-head h2 span{  font-size: 28px !important;}
    #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"] { padding: 16px 83px !important; left: -22px;}
    #innerpage-box .rightcontact .callnownum{width: 234px;}
    #innerpage-box .rightcontact .callnownum p a{ font-size: 24px;}
    #innerpage-box .rightcontact .callnowbox h3{margin: 0 0 -15px -16px;}
    #innerpage-box .rightcontact .peccular-section-head h3{ padding: 0 1em 0 0; margin-bottom: 30px;}
    .hero-style .sliderbuttons { left: 50px; margin: 9px 0 0 0;}
     #appointment .peccular-appointment-area h2 { font-size: 41px;}
    #appointment .callnownum { width: 221px;}
    #appointment .callnownum p a { font-size: 19px;}
    #innerpage-box .faqcontactform .peccular-section-head h2 { line-height: 34px !important;font-size: 33px;}
    #innerpage-box .faqcontactform .peccular-section-head h3{ padding: 0 2px 0 0;}
    #innerpage-box .faqcontactform .faqformarea { margin: 81px 20px 56px 1em !important;}
    #innerpage-box #content-box h3.faq-title { font-size: 17px !important; line-height: 24px;}
}
@media only screen and (max-width: 425px){ 
    #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"] {
    padding: 16px 135px !important;}
    #innerpage-box .leftcontact .peccular-section-head h1 { font-size: 33px ;}
    #innerpage-box .leftcontact .peccular-section-head h2 {  font-size: 26px ;}
    #innerpage-box .rightcontact .callnownum { left: 41px !important;}
    #innerpage-box .rightcontact .peccular-section-head h2 {  font-size: 33px ;}
    #facility .peccular-facility-b:nth-child(2) .peccular-facility-single { padding: 0px 0 0 0 !important;}
    #appointment .callnowbox .calltopbrdr { right: 62px !important;}

    .category .ht-main-title { margin: 46px 0 8px !important;}

}
@media screen and (min-width:320px) and (max-width:425px){

   #innerpage-box .rightcontact img.app-right-img {  left: 0 !important;}  
   #innerpage-box .rightcontact img.app-right-img { width: 400px !important;}
   #facility .peccular-facility-b:nth-child(3) .peccular-facility-single .margin-top3 { padding: 0;
    margin: 0px 0 0 0;}
    #facility .peccular-facility-b:nth-child(3) .peccular-facility-single .border-right-3{display:none;}
    #about .md-0 {  flex-wrap: wrap !important;  margin: 0 0em;}
    #appointment .callnownum{ margin: 0 0; }
    #about .peccular-section-head {padding: 0 1em 0 0;}
     #about {  padding-bottom: 1em;}
    #contact .leftcontact .peccular-section-head h2 { font-size: 31px !important;}
    #contact .rightcontact .peccular-section-head h2, #contact .rightcontact .peccular-section-head h2 span {
    font-size: 30px;}   
    .footer-area .top-area,  .footer-area .top-area, .page .footer-area .top-area, .single .footer-area .top-area {
    padding-top: 1em !important;}
    #innerpage-box .faqcontactform { height: 731px;}
    #facility .peccular-facility-b{     margin-bottom: 1em !important;  }
    #events .peccular-section-head { margin: 0 0 1em;}
    .footer-area .single-footer-5{ left: 0 !important;  padding: 0 36px !important; }
    .footer-area .single-footer-5 .peccular-contact-info a {padding: 0 0 0 15px;}
    .page-main-header{  height: 575px !important;}
    .ht-main-title{    padding: 0 0px 3px 19px !important;}
  
}
@media screen and (min-width:320px) and (max-width:768px){
   .slide-inner .slider-inner-mainbox{ left: 0%;}
   #newsletter .peccular-section-head {  margin-bottom: 11em;  margin-top: -65px;}
   #newsletter .peccular-section-head h2 {  font-size: 35px;}
   #newsletter .wpcf7-list-item-label{ font-size: 15px; padding: 0 0 0 0;}
   .navigation .mainmenu li ul ul.sub-menu, .header.site-header ul.sub-menu ul,  .navigation .mainmenu li:hover ul.sub-menu ul{
            left: 15px !important;   }
   #appointment .email-border {  border-right: 0px solid #fff;  height: 41px;}
   .footer-area li.current_page_item a, .footer-area li:hover:before, .footer-text a:hover, .footer-area li.current_page_item:hover:before {
    
    background: none;}   

}
@media screen and (min-width:426px) and (max-width:768px){
 .category .ht-main-title { margin: 0 0 8px !important;}
 }
@media screen and (min-width:426px) and (max-width:767px){

    #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"] {
    padding: 16px 193px;}
}

@media screen and (min-width:767px) and (max-width:1024px){
    #about .peccular-section-head h3 {
    font-size: 30px;
    padding-right: 0em;
    line-height: 41px;
}
    main#innerpage-box .widget-area .widget_nav_menu ul li a{ font-size: 17px !important; line-height: 22px;   }
    .widget_search .wp-block-search__label, #secondary label{font-size: 18px !important;}
    #secondary input[type="text"], #secondary input[type="email"], #secondary input[type="url"], #secondary input[type="password"], #secondary input[type="search"], #secondary input[type="number"], #secondary input[type="tel"], #secondary input[type="range"], #secondary input[type="date"], #secondary input[type="month"], #secondary input[type="week"], #secondary input[type="time"], #secondary input[type="datetime"], #secondary input[type="datetime-local"], #secondary input[type="color"], #secondary input[type="file"], #secondary textarea, #secondary select{
        padding: 5px !important;
    }
    .widget .textwidget form p{ margin: 0 0 !important ; }
}
@media only screen and (max-width:1440px){ 

    #innerpage-box .faqnformbox { margin-bottom: 0em; overflow: hidden;}
    #innerpage-box .faqcontactform {left: 0; width: 578px; float: none; height: 581px;}
    #innerpage-box .faqcontactform .faqformarea { margin: 91px 74px 56px 3em;}
    #innerpage-box .faqarea { right: 0; width: 642px; margin-left: 56px;}
}
@media only screen and (max-width:1024px){ 
#innerpage-box .faqcontactform {width: auto; float: none; height: 581px;}
#innerpage-box .faqarea {right: 0; width: auto; margin-left: 0;}
#appointment .callnowbox .calltopbrdr{right: 47px;}
.footer-area .single-footer-2,  .footer-area .single-footer-2, .page .footer-area .single-footer-2, .single .footer-area .single-footer-2,
.footer-area .single-footer-3,  .footer-area .single-footer-3, .page .footer-area .single-footer-3, .single .footer-area .single-footer-3,
.footer-area .single-footer-4,  .footer-area .single-footer-4, .page .footer-area .single-footer-4, .single .footer-area .single-footer-4{
        padding-left: 1em;}
.footer-area .single-footer-5{padding: 0px 0em 2em 0; left: 36px;}
}

@media only screen and (max-width: 768px){ 
   
    .hero-slider{height: 577px;}
    #appointment .callnowbox .calltopbrdr {  right: 193px;}
    #innerpage-box .rightcontact .callnownum {  left: 177px;}
    #innerpage-box .rightcontact .callnowbox .calltopbrdr { right: 249px;}
    #innerpage-box .rightcontact{  margin: 80px 0 38px 0px;}
    #innerpage-box .rightcontact{    padding: 14px 0px 44px 12px;}
    .slider-inner-box {padding: 0em 0em 7em 3em;}
    .hero-style .slide-text p{ text-align: center; }
    #facility .peccular-facility-b{     margin-bottom: 0em;  }
    #project .peccular-section-head h4{font-size: 18px;}
    #secondary .widget_search input[type="submit"], #innerpage-box .widget_search input[type="submit"]{width: 33px;
    height: 33px; padding: 0 0; right: 12px !important;}
    .widget-area form#searchform:before{  font-size: 16px; right: 25px !important;}
    #secondary .widget_search input[type="submit"], #innerpage-box .widget_search input[type="submit"]{
        width: 30px !important;  height: 30px !important; padding: 0 0;
    right: 12px !important;  margin: 3px 0 -8px 0;    }
     #innerpage-box .leftcontact .peccular-contact-member-wrap input[type="submit"]{ padding: 16px 282px; }
}

@media only screen and (max-width: 767px){
   
#newsletter .peccular-section-head {  margin-bottom: 2em;  }
   #testimonials .peccular-testimonials-content p{padding: 0 0 0 47px;}
   #contact .peccular-contact-mailid, #contact .peccular-contact-phone{text-align: center;}
   #newsletter .rightformbox{position: relative;}
   #innerpage-box .leftcontact .peccular-section-head h1{  font-size: 48px;}
   #innerpage-box .leftcontact .peccular-section-head h2 {  font-size: 37px;}
   #innerpage-box .rightcontact img.app-right-img{ left: 38px;}
   #innerpage-box .rightcontact .callnownum { left: 93px;}
   #innerpage-box .rightcontact .callnowbox .calltopbrdr { right: 153px;}
   #innerpage-box .faqcontactform .peccular-section-head h2{    line-height: 49px;}
   #innerpage-box .faqcontactform { height: 610px;}
   #counter .peccular-counter-num.count{ text-align: center;}
   #counter h4.peccular-counter-title{text-align: center;}
   #blog .peccular-blog-post{margin: 0 0 20px 0;}
    
}