@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,900;1,300;1,400;1,500;1,600;1,900&display=swap');
* { margin: 0;padding: 0; box-sizing: border-box;scroll-behavior: smooth;}
#loader {position: fixed; height: 100vh;width: 100%;top: 0;bottom: 0;left: 0;right: 0; margin: auto;z-index: 100000; background: white; display: flex; justify-content: center; align-items: center;}
body{ background:#fff; margin:0px; font-size:15px; color:#616368; line-height:30px; font-family: 'Poppins', sans-serif;scroll-behavior: smooth;}
img{ width:auto; max-width:100%; border: none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.clr{ clear:both;}
.cnt_text{text-align: center;}
.lft_text{text-align: left;}
section{position: relative;}
.black_text{color:#282d33;}
.white_text{color:#fff;}
.logo{width:20%; float:left; padding: 5px 0px 0px;}
.logo_right{width:78%; float: right; padding-top:10px;}
.menu_box{width:100%; padding:0px 0px;float:left;position: relative; z-index: 1000; padding-top: 10px;}
.dx_menu {margin:  00px 0 0 0 !important; font-family: 'Raleway', sans-serif; font-weight:600;}
.dx_menu {width:auto;margin: 0;padding:  0;position: relative;float: right;list-style:  none; text-transform:uppercase;}
.dx_menu li {display: inline-block;font-size:14px;margin: 0;padding: 0;float: left;position: relative; }
.dx_menu > li > a {padding: 8px 18px;;text-decoration: none;display: block; color: #424242; font-weight:600;}
.dx_menu li: hover > a, .dx_menu li.active a {color:  #7a1b4b; }
.dx_menu li a:hover{ color:#7a1b4b;}
.dx_menu li.right {float:  right;}
.dx_menu ul, .dx_menu ul li ul {list-style:  none;margin:  0;padding:  0;display:  none;position:  absolute;z-index:  99999;width:100%;background:  #000;box-shadow:  0 1px 1px rgba(0,0,0,0.3);}
.dx_menu ul {top:40px;left:  0; width:200px;}
.dx_menu ul li ul {top:  0;left:  100%;}
.dx_menu ul li {clear: both;width: 100%;border:  none;font-size: 13px;}
.dx_menu ul li a {padding: 10px 20px;width: 100%;color: #000 !important;font-size: 13px;text-decoration: none;float: left;clear: both; background:#eee;}
.dx_menu ul li a:hover{padding-bottom: 8px;}
.dx_menu > li .indicator {position:  absolute;color:  #dedede;top:  20px;right:  8px;font-size:  16px;display:none;}
.dx_menu ul > li .indicator {top:  10px;right:  8px;}
.thin > li > a {padding:  10px 22px;}
.thin ul {top:  40px;}
.thin > li .indicator {top:  10px;}
.thick > li > a {padding:  40px 22px;}
.thick ul {top:  100px;}
.thick > li .indicator {top:  40px;}
.dx_menu i {line-height:  20px !important;margin-right:  6px;font-size:  14px;float:  left;}
.dx_menu > li.showhide {display:  none; background:none;width:  100%;height:50px; margin-top:-80px;cursor:  pointer;}
.dx_menu > li.showhide span.title {margin:  16px 0 0 25px;float:  left; display:none;}
.dx_menu > li.showhide span.icon {margin:  17px 20px;float:  right;}
.dx_menu > li.showhide .icon em {margin-bottom:  5px;display:  block;width:  40px;height:  3px;background:#7a1b4b;}
.dx_menu.vertical {width:  200px;}
.dx_menu.vertical li {width:  100%;}
.dx_menu.vertical li a {display:  inline-block !important;width:  100%;padding: 18px 20px 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu.vertical ul li {width:  100%;}
.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  200px;}
.dx_menu.vertical ul {top:  0;left:  100%;}
.dx_menu.vertical ul li ul {top:  0px;}
.dx_menu.vertical.right {float:  right !important;}
.dx_menu.vertical.right ul {left:  -150px !important;}
.dx_menu.vertical > li .indicator {top:  17px;right:  15px;font-size:  17px; }
.dx_menu.vertical ul > li .indicator {top:  18px;right:  15px;}
.banner{width: 100%;}
.product{ padding: 45px 0px; width: 100%;}
.hed{text-transform: uppercase; font-size:32px; font-weight: 800; margin-bottom:20px; line-height: normal; color:#000;}
.highlights_box .owl-item{ padding: 10px 0px;}
.highlights_box .item{padding:2%;  color: black;  margin: 1%; border-radius:12px; overflow: hidden;}
.highlights_box .item .box_single_item{ width: 100%; text-align: center; padding:0px;}
.highlights_box .item .box_single_item img{ min-width: 100%;}
.highlights_box .item .box_single_item h3{padding: 25px 3% ; color: #000; font-size: 16px; margin: 0px; text-transform: uppercase; font-weight: 600;}
.highlights_box .item:hover .box_single_item{box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;}
.wel_wrapper{width:100%; padding: 60px 0px 40px; text-align: center; background: url("../images/abt_bg.jpg")}
.inr_wrapper{width:100%; padding: 100px 0px 100px; text-align: center; background: url("../images/abt_bg.jpg")}
.highlights_wrapper{width:100%; padding: 60px 0px 30px; text-align: center; background:#f3ecde url("../images/highlights_bg.jpg") top center repeat-x;}
.wel_matter{width:100%; max-width: 1200px; margin:0px auto;}
.top_info_box{ width:auto; float:right; margin-left:2.5%;padding-right:2.5%; display: flex; justify-content: space-between; align-items: center;}
.top_info_img{ float:left; padding-right:10px; padding-top:5px;}
.top_info_text{ float:left; }
.top_info_text a{ color:#000; font-weight:normal; font-weight:500; font-size:16px; line-height:25px;  }
.bdr_blk{border-right:3px solid #4d4d4d;}
.bnr_hedtext{font-size:46px; font-weight:600;}
.bnr_hed{font-size:24px;}
.carousel-caption{bottom:30%;}
.quotes_wrapper{padding: 250px 0px 200px; width: 100%; background:#000 url("../images/quotes.jpg") center top no-repeat;}
#quotes .hed{text-align: center; color: white; line-height: normal; max-width: 1100px; margin: 50px auto; text-transform: none; font-weight:600; font-size:46px;}
#quotes .owl-pagination{display: none;}
#highlights .owl-pagination{display: none;}
.landmark_wrapper{background:#f0f0e2 url("../images/ar_pattern.png");width: 100%;padding: 120px 0px 80px;}
.landmark_box{display: flex; justify-content: space-between; flex-wrap: wrap; gap:10%;}
.landmark_box_item{flex:1 1 45%;}
.landmark_item{display: flex; justify-content: space-between; align-items: center; padding: 12px 0px; flex-wrap: wrap;}
.lm_name{color: black; font-weight:600; text-align: left;}
.lm_name i{padding-right: 10px;}
.lmd{text-align: right; font-weight: 600;}
footer{width: 100%; padding:0px 0px 40px; background: #7a1b4b url("../images/footer_pattern.png"); text-align: center;color: white;}
footer a{color: white;}
footer a:hover{color:#cb9e52}
.gold_box{background: white url("../images/gold_line.svg") center center no-repeat; background-size:auto 52px; padding: 5px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; width: 100%; display: flex; height: 70px; position: relative;z-index: 100;}
.gold_box_bn{background: url("../images/gold_line.svg") center center no-repeat; background-size:auto 52px; padding: 0px;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; width: 100%; display: flex; height: 52px; position: absolute;top:0px;}
.gold_box_bn_btm{background: url("../images/gold_line.svg") center center no-repeat; background-size:auto 52px; padding: 0px;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; width: 100%; display: flex; height: 52px; position: absolute;bottom:0px;}
.ball { -webkit-animation: ball 3s infinite; animation: ball 3s infinite;}
@keyframes ball {
  0%, 100% {
    transform: scaleY(1.0);
  }
  50% {
    transform: scaleY(1) translateY(-20px);
  }
}
#canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wel_img{text-align: center;}
.wel_img img{ min-width: 100%;}
.inner_banner{padding: 120px 0px; background-size: cover; }
.abt{background: url("../images/about.jpg") center center no-repeat;}
.join{background: url("../images/join.jpg") center center no-repeat;}
.news_inr{background: url("../images/news.jpg") center center no-repeat;}
.cont{background: url("../images/contact.jpg") center center no-repeat;}
.ser{background: url("../images/ser.jpg") center center no-repeat;}
.ser_det{background: url("../images/ser_det.jpg") center center no-repeat;}
.inner_banner p{color: white; font-size:28px; font-weight: 600; line-height: normal; text-align: center; max-width: 1000px; margin: 20px auto;}
.accordion { width:100%;margin: 0 auto ;list-style:none; padding:0; margin-left: 0 !important; text-align: left;}
.accordion li { border-bottom: 1px solid #e1e1e1; position: relative;}
.accordion li article {display: none;padding: 10px 05px 30px;}
.accordion li p img{ max-width:300px;}
.accordion a {width: 100%; color:#026aa8;display: block;cursor: pointer;line-height:50px;font-size: 18px;user-select: none;}
.accordion a:after {width: 8px;height: 8px; border-right: 1px solid #4a6e78;border-bottom: 1px solid #424242;position: absolute;right: 10px;content: " ";top: 17px;transform: rotate(-45deg);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.accordion p {padding: 10px;}
.accordion a.active:after {transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.accordion a{color:#7a1b4b;}
.accordion a.active{color:#7a1b4b;}
.exp_wrapper{width: 98%; padding: 50px 0px 40px; position: relative;}
.con_left{width: 35%; float: left;}
.con_right{width: 60%; float: right;}
.forms{padding-top: 40px;}
.contact-info-area {
    position: relative;
    display: block;
    background: #ffffff; margin-top: 50px;
}
.contact-form {
    position: relative;
    display: block;
    z-index: 3;
}
.contact-form .sec-title-style1{
    position: relative;
    display: block;
    padding-bottom: 11px;
    width: 100%;
}
.contact-form .text-box{
    position: relative;
    display: block;
    margin-top: 19px;
    width: 50%;    
}
.contact-form .text p{
    color: #848484;
    line-height: 26px;
    margin: 0;
}

.contact-form .inner-box{
    position: relative;
    display: block;
}
.contact-form form{
    position: relative;
    display: block;
}
.contact-form form .input-box{
    position: relative;
    display: block;
}
.con_link icon img{padding-right: 10px;}
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    position: relative;
    display: block;   
    background: #ffffff;
    border: 1px solid #eeeeee;
    width: 100%;
    height: 55px;
    font-size: 16px;
    padding-left: 19px;
    padding-right: 15px;
    border-radius: 0px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.contact-form form textarea {
    height: 130px;
    padding-left: 19px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 15px; resize: none;
}
.contact-form form input[type="text"]:focus{
    color: #222222;
    border-color: #d4d4d4; 
}
.contact-form form input[type="email"]:focus{
    color: #222222;
    border-color: #d4d4d4;
}
.contact-form form textarea:focus{
    color: #222222;
    border-color: #d4d4d4;
}
.contact-form form input[type="text"]::-webkit-input-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]:-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]::-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]:-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]::-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
    color: #848484;
}
.contact-form form button {
    position: relative;
    display: block;
    width: 100%;
    background: #7a1b4b;
    border: 1px solid #7a1b4b;
    color: #fff;
    font-size: 16px;
    line-height: 55px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    cursor: pointer;
}

.contact-form form button:hover{
    color: #ffffff;
    background: #7a1b4b;border: 1px solid #7a1b4b;
}
.mbm{margin: 10px 0;}
.ser_sp{margin-top: 15px; display: flex; flex-wrap: wrap; gap:1%; }
.ser_sp_item{flex:1 1 32%; margin-bottom:10px; max-width: 32%;}
.img_sp img{min-width: 100%;}
.ser_sp_item h3{ color: #000; font-size:15px; font-weight: 600; text-transform: uppercase; padding: 25px 10px; text-align: center; background:#f7f7f7;transition: all .5s ease-out;}
.ser_sp_item:hover h3{color: white; background:#7a1b4b;}
.ser_det_flex{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ser_dt_img{flex:1 1 46%;}
.ser_dt_matter{flex:1 1 50%; padding:2%; background: white; text-align: justify;}
.ser_dt_matter h1{text-align: left; margin-bottom: 10px;}
.pmbox .ser_det_flex{margin:20px 0px;align-items: center; background:white;}
footer p{margin-bottom: 0px;}
footer span{border-bottom: 2px solid #fff; font-size: 18px;}
.rgt_odr{order:2;}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1000px) {
.logo{width:100%; text-align: left;}
.logo_right{width:100%;}
.top_info_box{display: none;}
.dx_menu{ width:100%; margin:0px !important; padding:0px !important;text-align: left;}
.dx_menu.vertical {width:  100%;}
.dx_menu li {display:  block;width:  100% !important;}
.dx_menu > li > a {padding-top: 15px;padding-bottom: 15px;padding-left:  25px; border-bottom:1px solid #e1e1e1; background:white; color:black !important;}
.dx_menu a {width:  100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu ul, .dx_menu ul li ul,.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  100%;left:  0;border-left:  none;position:  static;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:none;}
.dx_menu ul li {border-left:  none;border-right:  none;}
.dx_menu ul li a,.dx_menu.vertical ul li a {padding-top: 10px;padding-bottom: 10px;}
.dx_menu ul > li > a {padding-left:  40px !important;}
.dx_menu > li .indicator {top:  15px;right:  25px;font-size:  16px; display:block;}
.dx_menu ul > li .indicator {right:  24px;}
.dx_menu.vertical ul > li .indicator {top:  10px;right:  15px;}
.dx_menu > li > ul > li > a {padding-left:  40px !important;}
.dx_menu > li > ul > li > ul > li > a {padding-left:  60px !important;}
.dx_menu > li > ul > li > ul > li > ul > li > a {padding-left:  80px !important;}
    .bnr_hedtext{font-size:36px;}
    .bnr_hed{font-size:18px;}
    .landmark_box_item{flex:1 1 100%;}
    .ser_sp_item{flex:1 1 49%;max-width: 49%;}
    .ser_dt_img{flex:1 1 100%;}
   .ser_dt_img img{min-width: 100%;}
    .ser_dt_matter{flex:1 1 100%;}
    .rgt_odr{order:0;}

}
@media only screen and (max-width: 900px) {
    .ser_dt_img{flex:1 1 100%;}
    .ser_dt_matter{flex:1 1 100%;}
}

@media only screen and (max-width: 800px) {
   .bnr_hedtext{font-size:20px;}
    .bnr_hed{font-size:15px;}
    .wel_img{overflow: hidden;}
.wel_img img{ min-width: 140%;margin: 0px 0px 0px -20%;}
    #quotes .hed{font-size:24px; margin: 0px;}
    .carousel-caption{bottom: -10%;}
    .banner .carousel-indicators{display: none;}
    .bnr_hed{line-height: normal;}
    .bnr_hedtext{font-size:18px;}
    .lm_name{font-size:13px;}
    .lmd{font-size: 14px;}
    .inner_banner{padding:20px 0px;}
    .inner_banner p{font-size:15px;}
    .hed{font-size:22px;}
    .ser_sp_item{flex:1 1 99%;max-width: 100%;}
    .inner_banner{background-size: cover; min-height: 150px;}
}