@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body{ font-family: "Cormorant Garamond", serif; }
a {color: #000; text-decoration:none;font-family: "Cormorant Garamond", serif;transition: 0.3s;}
a:hover {color: #e00000; text-decoration:none;font-family: "Cormorant Garamond", serif;}
h1,h2,h3,h4,h5,h6,figcaption{font-family: "Cormorant Garamond", serif;}
p{font-size: 19px;font-family: "Cormorant Garamond", serif;margin-bottom: 6px;line-height: 28px;}
ul,ol,li,summary,::placeholder{font-size: 19px;font-family: "Cormorant Garamond", serif;}
img{max-width:100%;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.pr-up li{font-size: 24px;line-height: 35px;text-transform: capitalize;list-style: none;font-weight: 600;}
.pr-up i{margin-right:10px;}
/*--------------------------------------------------------------
# Sections_General
--------------------------------------------------------------*/
  section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#e00000;}
 .bg-2{background-color :#272727;}
  /* Text-color */
 .cl-1{color:#e00000;}
 .cl_2{color :#272727;}
  /* Font-Size */
 .fs-13{font-size: 13px;}
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-17{font-size: 17px;}
 .fs-18{font-size: 18px;}
 .fs-19{font-size: 19px;}
 .fs-22{font-size: 22px;}
 /* font-family */
 .font-lato{font-family: "Lato", serif;}
 /* hm-heading */
 .hm-heading{font-size: 40px;font-weight: 700;vertical-align: middle;margin: 0 2px;color: #000;}

 /* text-justify */
 .text-justify{text-align: justify;}
  /*  */
  .main-heading{font-size: 40px;margin: 8px 0;color: #272727;}
  .sub-heading{font-size: 30px;  margin: 8px 0;color: #272727;}
  .submain-heading{font-family: "Lato", serif;font-size: 16px;  margin: 8px 0; text-transform: uppercase; position: relative; color: #e00000; padding: 0 46px;display: inline-block;}
  .submain-heading::before{content: "";position: absolute;display: block;width: 36px;height: 1px;left: 0;background-color: #e00000;top: 50%;}
  .submain-heading::after{content: "";position: absolute;display: block;width: 36px;height: 1px;right: 0;background-color: #e00000;top: 50%;}
  .ul-heading{position: relative; padding-left: 18px; font-size: 22px; font-weight: 800; margin: 8px 0; margin-top: 12px;}
  .ul-heading::before{content: '';position: absolute;height: 100%;width: 5px;left: 0;bottom: 0;background-color: #e00000;}
  /*--------------------------------------------------------------
# header_top
--------------------------------------------------------------*/
.header-top{padding: 12px 0;}
.header-top .header-lft ul {margin: 0;padding: 0;list-style-type: none}
.header-top .header-lft li {display: inline-block;position: relative;font-size: 14px;font-weight: 600;}
.header-top .header-lft li a{color: #ffffffcc; transition: 0.3s;}
.header-top .header-lft li a:hover {color: #e00000;}
.header-top .header-lft li .fa{color: #ffffffcc;}
.header-top .header-lft li:not(:last-child) {margin: 0 32px 0 0}
.header-top .header-lft li:not(:last-child):after {content: '';height: 20px;width: 2px;background-color: #ffffff1f;position: absolute;top: 0px;right: -16px;margin-top: 3px}
.header-top .header-rgt .fa{color: #ffffffcc; transition: 0.3s;}
.header-top .header-rgt .fa:hover{color: #e00000;}


/*--------------------------------------------------------------
# navbar
--------------------------------------------------------------*/

.table-responsive{overflow: hidden !important;  padding: 0;}

/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#e00000 !important;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

.main-table{  Font-size:15px; color:#272727; line-height:24px; text-align:justify; padding: 0 5px;}

/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/
.hm-about .submain-heading::after{display: none;}
.hm-about details summary{color: #272727; transition: 0.3s;}
.hm-about details summary:hover {color: #e00000;}
.hm-about .nav-pills .nav-link{border-radius: 0; font-size: 20px; padding: 8px 16px;color: #fff; background-color: #272727; margin-left: 6px;}
.hm-about .nav-pills .nav-link:hover{color: #fff; background-color: #e00000; }
.hm-about .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #fff; background-color: #e00000;}
.hm-about ul,.about li{font-size: 19px;}
.hm-about details[open] summary{display: none !important;}
/*--------------------------------------------------------------
# Project
--------------------------------------------------------------*/
.hm-Project{background-color: #f7f7f7; padding: 90px 0;}
/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/
.hm-contact{}
.hm-contact .form-control {padding: 14px ; border: 1px solid #77777733;border-radius: 0;background-color: transparent;box-shadow: none;}
.hm-contact .form-control:focus {border: 1px solid #e00000;}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.footer{padding:60px 0 10px 0;position: relative;background: url(Image/footer-bg.png) no-repeat center/cover;z-index: 0;}
.footer::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #000000b2;z-index: -1;}
.footer a{color: #ffffffa6;}
.footer .ft_contact {padding: 24px 0;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
.footer .ft_contact .ft_rgt_brd{position: relative;}
.footer .ft_contact .ft_rgt_brd::after{content: "";height: 227px;width: 1px;background-color: #ffffff42;position: absolute;top: -26px;right: 13px;}
.footer .ft_link{}
.footer .ft_link a{border: 1px solid #ffffffa6;display: flex;justify-content: center;align-items: center;text-align: center;width: 30px;height: 30px;    margin: 0 6px;}

@media screen and (max-width:768px) {
  .footer .ft_contact .ft_rgt_brd::after{display: none;}
}
/*--------------------------------------------------------------
# Inner-team
--------------------------------------------------------------*/
.team_item{margin: 20px 0;}
.team_item .team_item_img{position: relative;}
.team_item .team_item_social_links{position: absolute; top: 0; right: 0; background-color: #f2f2f2; width: 0%; height: 100%; transition: 0.3s linear;   z-index: 2; }
.team_item:hover .team_item_social_links{width: 15%; }
.team_item:hover .team_item_social_links .fa{visibility: visible;}
.team_item .team_item_social_links {list-style: none; padding: 0;}
.team_item .team_item_social_links li{    display: flex;justify-content: center;align-items: center;height: 100%;}
.team_item .team_item_social_links .fa{color: #272727; visibility: hidden;}
.team_item p{text-align: left; margin: 8px 0; padding-left: 24px;}
.team_item a{font-size: 19px;}

/*--------------------------------------------------------------
# Inner-services
--------------------------------------------------------------*/
.ser-pg ul li{list-style-image:url(./Image/li-img.png);line-height: 30px;}

/*--------------------------------------------------------------
# Inner-project
--------------------------------------------------------------*/

 .innr_project{padding: 80px 0; background-color: #f7f7f7;}

/*--------------------------------------------------------------
# Inner-contact
--------------------------------------------------------------*/
.cont_detail{margin-top: -6px;}
.innr_cnt .cont_icon{    background-color: #e00000;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 70px;
position: relative;}
  .innr_cnt .cont_icon::after{position: absolute;
    content: "";
    right: 0;
    height: 11px;
    width: 100%;
    top: -11px;
    z-index: 1;
    transition: all .5s;
    background-color: #e00000;
    transform: scale(1, 1.2);}
  .innr_cnt .cont_icon::before{content: "";
    position: absolute;
    top: -12px;
    left: 60px;
    border-width: 0 13px 12px 0;
    border-style: solid;
    border-color: #e00000;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    display: block;
    transition: all .4s;
    opacity: .7;}
  .innr_cnt .cont_icon .fa{color: #fff; font-size: 30px;}
  .innr_cnt{position: relative;height: 200px;}
  .innr_cnt::after {
    transform: scaleX(0);
    transition: transform 800ms ease-in-out;
    position: absolute;
    content: '';
    border-bottom: 5px solid  #e00000;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
}
.innr_cnt:hover::after {
  transform: scaleX(1);
  border-bottom-color: #e00000;
}
.innr_cnt:hover .cont_icon .fa{transform: rotateY(180deg); transition: 0.3s;}
/*--------------------------------------------------------------
# widgetspage7
--------------------------------------------------------------*/
.aside {margin-top: 10px;margin: 0px 16px;}
.aside h3 {background: #f7f7f7;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 33px;margin-bottom: 0;line-height: 36px;font-size: 24px;color: #000;text-align: left;font-weight: bold;border-bottom: 1px solid #fff;padding: 5px 14px;}
.aside ul {margin: 0;padding: 0;}
.aside ul li {transition: 0.3s; border-bottom: 1px solid #fff;line-height: 30px;padding: 10px 14px;transition: all .3s;list-style: none;color: #272727;}
.aside ul li a {color: #272727;}
.camn4{background: #f7f7f7;color: #272727 !important;}
.aside .active{background-color: #e00;color: #fff !important;}
.aside .active a{background-color: #e00;color: #fff !important;}
.aside ul li:hover{background-color: #e00; }
.aside ul li:hover a{color: #fff;}
/*  */
/*--------------------------------------------------------------
# Team_Inner_home
--------------------------------------------------------------*/
.team_home_link .fa {font-size: 26px;}
.team_home_link .divider {display: inline-block;width: 20px;height: 1px;background-color: #0077A5;vertical-align: middle;}
.tm_inr_bx {height: 320px;width: 100%;background-image: radial-gradient(#fff, #272727);display: flex;align-items: flex-end;justify-content: space-around;position: relative;}
.tm_inr_bx img {width: 350px;padding: 16px;padding-bottom: 0;}
.tm_inr_bx_cont {background-color: #272727;padding: 25px 30px;position: relative;width: 100%;top: 30px;padding-bottom: 40px;}
@media screen and (max-width:762px) {
  .tm_inr_bx {
    display: block;
    height: initial;
  }
}