body{font-family:'Heebo',sans-serif;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}

.head_nav{padding:5px 0; background:#fff; position: absolute; left: 0; top: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 10;border-bottom: 2px solid #fff;}
.head_nav nav{padding:0;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{width:150px;filter: initial;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:14px; padding:0 20px !important; line-height:80px; text-transform:uppercase;position:relative;font-weight: 500;}
.head_nav ul li a::before {color: transparent;content: "•";font-size: 12px;left: 50%;pointer-events: none;position: absolute;text-shadow: transparent 0px 0px;top: 15px;transform: translateX(-50%);transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;}
.head_nav ul li a:hover{color:#0a65a5;}
.head_nav ul li a:hover::before{color: #0a65a5;text-shadow: 7px 0 #0a65a5, -7px 0 #0a65a5, 0 0 #0a65a5;}
.head_nav ul li a.active{color:#0a65a5;}
.sticky_menu{position:fixed; top:0; left:0; width:100%;z-index:12;}
.sticky_menu .navbar-brand img{width:100px;transition:ease-in-out 0.3s;/*filter: brightness(0) invert(1)*/;}
.sticky_menu.head_nav ul li a{line-height:50px;}
.sticky_menu.head_nav{background: #c7ffb6;}
.sticky_menu.head_nav ul li a:hover::before{color: #0a65a5;text-shadow: 7px 0 #0a65a5, -7px 0 #0a65a5, 0 0 #0a65a5;}


.Advance-Slider{width:100%;overflow:hidden;}
.Advance-Slider button.slick-arrow{position:absolute;z-index:2 !important;top:0;bottom:0;height:50px;width:50px;background:#fff;z-index:99999;border:none;margin:auto;font-size:0;text-align:center;outline:none;cursor:pointer;}
.Advance-Slider .img-fill{position:relative;height:100%;}
.Advance-Slider .img-fill img{animation:fadeOutRight 1s both;position: absolute;right: 100px;top: 80px;z-index: 1;filter: drop-shadow(-5px 2px 15px rgba(0,0,0,0.3));}
.Advance-Slider .item.slick-active .img-fill img{animation:fadeInRight 1s both 1.5s;}
.Advance-Slider .item{height:600px;overflow:hidden;outline:none;}
.Advance-Slider button.slick-next.slick-arrow{right:0;left:auto;}
.Advance-Slider button.slick-arrow:before{content:"\f104";top:0;left:0;margin:auto;font-family:fontawesome;font-size:18px;}
.Advance-Slider button.slick-next.slick-arrow:before { transform:  scaleX(-1); display:  block;}
.Advance-Slider .img-fill:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/slider_back.jpg);}
.Advance-Slider .img-fill:before{content:'';position:absolute;top:0;left:0;width:60%;height:100%;background:rgba(0,38,102,0.8);clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 69.5% 100%);z-index: 1;animation:fadeOutLeft 1s both;}
.Advance-Slider .item.slick-active .img-fill:before{animation:fadeInLeft 1s both 1s;}

.Advance-Slider ul.slick-dots{position:absolute;bottom:20px;left:0;width:100%;margin:0;padding:0;text-align:center;}
.Advance-Slider ul.slick-dots li{display:inline-block;height:auto;padding:0 5px;line-height:0px;}
.Advance-Slider ul.slick-dots li button{height:15px;width:15px;border-radius:100%;background:#0a65a5;border:none;font-size:0px;padding:0px;opacity:0.5;outline:none;transition:all 0.3s ease;cursor:pointer;}
.Advance-Slider ul.slick-dots li.slick-active button{opacity:1;}
.Advance-Slider button.slick-arrow{perspective:360px;}
.Advance-Slider button.slick-arrow .thumb{position:absolute;height:100px;width:150px;left:100%;top:-28px;transform-origin:0% 0%;transform:rotate3d(1,0,0,90deg);}
.Advance-Slider button.slick-arrow .thumb img{height:100%;width:100%;object-fit: cover;}
.Advance-Slider button.slick-next .thumb{left:auto;right:100%;}
.Advance-Slider button.slick-prev.hover-out .thumb, .Advance-Slider button.slick-prev .thumb{animation:out-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-prev.hover-in .thumb{animation:in-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-next.hover-out .thumb, .Advance-Slider button.slick-next .thumb{animation:out-right 300ms ease 0ms 1 forwards;transform-origin:100% 50%;}
.Advance-Slider button.slick-next.hover-in .thumb{animation:in-right 300ms ease 0ms 1 forwards;}

.Advance-Slider button.slick-prev:hover{transform:translateX(-100%);}
.Advance-Slider button.slick-prev{transition:all 0.3s ease;}
.Advance-Slider button.slick-next:hover{transform:translateX(100%);}
.Advance-Slider button.slick-next{transition:all 0.3s ease;}
.Advance-Slider ul.slick-dots li button img{height:0;width:20px;top:0;object-fit:cover;transition:height 0.2s ease 0.2s,width 0.2s ease 0s;position:relative;left:-50%;}
.Advance-Slider ul.slick-dots li button a{position:absolute;height:90px;bottom:calc(100%);width:0;display:flex;align-items:flex-end;justify-content:center;transition:all 0.2s ease 0.2s;padding-bottom:10px;}
.Advance-Slider ul.slick-dots li button{position:relative;display:flex;justify-content:center;}
.Advance-Slider ul.slick-dots li button:hover img{height:80px;width:140px;transition:height 0.2s ease,width 0.2s ease 0.2s;}
.Advance-Slider ul.slick-dots li button:hover a{width:140px;transition:all 0.3s ease 0s;}
.Advance-Slider ul.slick-dots li button:hover{opacity:1;}
.Advance-Slider ul.slick-dots li button:before{content:'';bottom:calc(100% + -10px);left:7px;border:solid transparent;content:" ";height:0;width:0px;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:10px;margin-left:-10px;opacity:0;transition:0.3s ease 350ms;}
.Advance-Slider ul.slick-dots li button:hover:before{opacity:1;transition:0.3s ease 0s;}
.Advance-Slider .item .contain-wrapper{position:absolute;left: 100px;top:0;z-index:1;height:100%;width: 100%;display:flex;align-items: center;justify-content: left;text-align: left;}
.Advance-Slider .item .contain-wrapper .dots-contain{display:none;}
.Advance-Slider .item h3{margin:0px;color:#fff;font-size: 36px;text-transform: uppercase;font-weight: 900;animation:fadeOutRight 1s both;}
.Advance-Slider .item{color:#fff;}
.Advance-Slider .item p{font-size:16px;font-weight:300;padding:10px 0 0;margin:0;text-transform:capitalize;animation:fadeOutLeft 1s both;}
.Advance-Slider .item .contain-wrapper .info{max-width:500px;}
.Advance-Slider .item.slick-active h3{animation:fadeInDown 1s both 1s;}
.Advance-Slider .item.slick-active p{animation:fadeInLeft 1s both 1.5s;}
.theme-btn {font-size: 16px;color: #fff;font-weight: 500;padding: 6px 6px 6px 25px;transition: all .5s;text-transform: capitalize;position: relative;cursor: pointer;text-align: center;border: none;border-radius: 50px;background: #2a3131;box-shadow: 0 3px 24px rgb(0 0 0 / 10%);display: inline-block; margin-top: 20px;animation:fadeOutLeft 1s both;}
.Advance-Slider .item.slick-active .theme-btn{animation:fadeInLeft 1s both 1.5s;}
.theme-btn i {margin-left: 8px;width: 40px;height: 40px;line-height: 40px;background: #0093e5;border-radius: 50px;display: inline-block;transition: all .5s;}
.theme-btn:hover {background: #fff;color: #0093e5;}
.theme-btn:hover i {background: #2a3131;}

@keyframes in-left{
  from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-left{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,1,0,86deg);transform:rotate3d(0,1,0,86deg);}
}
@keyframes in-right{
  from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-right{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,-1,0,86deg);transform:rotate3d(0,-1,0,86deg);}
}


.head{font-size: 48px; font-weight: 900; color: #000;margin: -13px 0 10px;}
.about_area{position: relative;padding: 70px 0; z-index:1;overflow: hidden;}
.about_area:before{content: "";position: absolute; left: 0; top: 0;background: url(../images/about_back1.png) no-repeat 0 0; width: 621px; height: 450px;z-index: -1;}
.about_area:after{content: "";position: absolute; right: 0; bottom: 0;background: url(../images/about_back2.png) no-repeat 0 0; width: 329px; height: 537px; z-index: -1;}
.abt_left{width: 100%; position: relative;}
.abt_left:before{content: ""; background:url(../images/abt_border.png) no-repeat 100% 0; width: 150px; height: 150px;position: absolute; right: 30px;top: 30px;}
.abt_left:after{content: ""; background:url(../images/abt_border.png) no-repeat 0 100%; width: 150px; height: 150px;position: absolute; left: 30px;bottom: 30px;}
.abt_left img{width:100%;height:100%; object-fit: cover;}
.abt_right{width:100%;}
.abt_right span{display: block;}
.abt_right p{color: #6e6e6e;line-height: 30px; text-align: justify;margin-bottom:30px;}
.abt_right ul{margin-bottom: 30px;}
.abt_right ul li{list-style: none;color: #6e6e6e;position: relative;padding-left: 30px;margin: 10px 0;}
.abt_right ul li:before{content: "\f058"; position: absolute; left: 0;color: #0a65a5;font-family: "Font Awesome 6 Free"; font-weight: 900;}
.btn_area a {font-size: 16px;color: #fff;font-weight: 500;padding: 6px 6px 6px 25px;transition: all .5s;text-transform: capitalize;position: relative;cursor: pointer;text-align: center;border: none;border-radius: 50px;background: #2a3131;box-shadow: 0 3px 24px rgb(0 0 0 / 10%);display: inline-block; margin-top: 20px;}
.btn_area a i {margin-left: 8px;width: 40px;height: 40px;line-height: 40px;background: #0093e5;border-radius: 50px;display: inline-block;transition: all .5s;}
.btn_area a:hover {background: #0093e5;color: #fff;}
.btn_area a:hover i {background: #2a3131; color: #fff;}

.point_area{border: 2px solid #0a65a5;border-top:10px solid #0a65a5; padding:40px 20px;position: relative;z-index: 2; background: #fff;}
.point_icon{width:80px; height: 80px;background: #0a65a5;border-radius: 100%; color: #fff; text-align: center; font-size: 28px; line-height: 80px;position: relative;transition: all 0.5s;}
.point_icon:after{content:"";width: 56px; height: 56px;position:absolute;right:-13px; bottom: -5px;background: #ccdae4; border-radius: 100%; z-index: -1; transition: all 0.5s;}
.point_box{padding-right:80px;border-right:1px dashed #a1a1a1;}
.point_box:hover .point_icon:after{bottom: -15px; right: -23px;}
.point_box:hover .point_icon{background: #000;}
.point_box h3{color:#000; font-weight: bold; font-size: 18px; margin: 15px 0;}
.point_box p{color: #6e6e6e;line-height: 22px; margin: 0;}
.point_box2{border:none !important;}

.product_area{padding: 70px 0;margin-top: 70px;position: relative;z-index: 1;}
.product_area:before{content: ""; background: url(../images/pro_back.jpg) 0 0 no-repeat; background-size: cover;height: 300px; width: 100%; position: absolute; top: 0; left: 0;z-index: -1;}
.product_area .head{text-align: center; color: #fff;}
.pro_box{background: #fff;padding: 20px;box-shadow: 0 0 30px rgb(0 0 0 / 5%);position: relative; overflow: hidden;border: 1px solid #dbdbdb;}
.pro_box img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.pro_box a{width: 100%; position: absolute; bottom: 0;left:0; color: #fff; font-size: 14px; text-align: center; font-weight: bold;background: #0a65a5; padding: 10px 3px; transition: all 0.5s;}
.pro_box:hover a{padding: 20px 3px;}
.pro_box:hover img{transform: scale(1.1);}
.product_area .btn_area{text-align: center;}

.process_area{position: relative;background: #f5f5f5;}
.process_area:before{content: "";background: url(../images/process_back.jpg) no-repeat 0 0;background-size: cover;width: 50%;height: 100%;position: absolute;left: 0;top: 0;}
.process_cont{padding: 70px 0 70px 20px;}
.process_cont p{color: #6e6e6e;line-height: 30px; text-align: justify;margin-bottom:30px;}
.process_cont ul{margin-bottom: 30px;}
.process_cont ul li{list-style: none;color: #6e6e6e;position: relative;padding-left: 30px;margin: 10px 0;}
.process_cont ul li:before{content: "\f058"; position: absolute; left: 0;color: #0a65a5;font-family: "Font Awesome 6 Free"; font-weight: 900;}

.footer_area{background: #032248;position: relative;padding-bottom: 70px;z-index: 1;}
.footer_area:after{background: url(../images/inner_banner.jpg) center no-repeat;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.05;background-size: cover; z-index: -1;}
.foot_desc_area{background: #0a65a5;padding: 35px 35px 45px;margin-top: -35px;position: relative;z-index: 10;}
.foot_desc_area:before{content: "";width: 0;height: 0;border-top: 35px solid transparent;border-right: 20px solid #0350bb;position: absolute;left: -20px;top: 0;}
.foot_logo{width: 170px; height: 170px; border-radius: 100%; border: 2px dashed #353535; background: #fff; margin: 0 auto;text-align: center;overflow: hidden;box-shadow: 0 0 0 10px rgb(255 255 255);display: flex;}
.foot_logo a{display: block;padding: 10px;margin: auto;}
.foot_logo img{width:100%}
.foot_desc_area p{text-align: center; margin: 25px 0;color: #fff; line-height: 28px;}
.social_area{text-align: center;}
.social_area a{width: 47px; height: 47px; background: #fff; border-radius: 100%;margin: 0 5px; display: inline-block; line-height: 47px;font-size: 22px; color: #3b5998;}
.social_area a:nth-child(2){color: #cb0202;}
.social_area a:nth-child(3){color: #8139bd;}
.foot_menu, .foot_address, .foot_img{padding-top: 70px;}
.footer_area h3{font-weight: bold;font-size: 22px;color: #0093e5;margin: 0 0 20px;}
.footer_area h3 span{width: 25px; height: 3px; background: #0093e5;display: inline-block;}
.foot_menu ul{margin: 0; padding: 0;}
.foot_menu ul li{list-style: none;}
.foot_menu ul li a{color: #fff;text-decoration: none;display: block; padding: 5px 0;}
.foot_address p{color: #fff; display: flex;}
.foot_address p i{max-width: 35px;margin-top: 3px;width: 100%;}
.foot_address p span{display: block;}
.foot_address p span a{color: #fff;text-decoration: none; word-break: break-all;display:block;}
.foot_img img{width:100%;}

.member_area{margin-top:20px;}
.mem_box{display:inline-block; padding:10px; background:#fff; border-radius:10px;margin:5px 0;}
.mem_box img{width:100%;}

.copy_area{background: #0a65a5;padding: 20px 0;}
.copy_area p{margin: 0; color: #fff;}
.copy_area p a{color: #f3b646;}
.copy_right{text-align: right;}

/*===============About Us Starts===============*/
.inner_banner{background: #0a65a5; padding: 150px 0 70px;position: relative;}
.inner_banner:after{content: ""; background: url(../images/inner_banner.jpg) no-repeat center; background-size: cover; opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.inner_banner_content {text-align: left;position: relative;z-index: 1; text-align: center;}
.inner_banner_content h1 {color: #ffffff;font-size: 48px;font-weight: 800;}
.breadcrumb_box {display: inline-block;}
.breadcrumb_box ul {margin: 0;padding: 0;text-decoration: none;list-style: none;display: flex;}
.breadcrumb_box ul li {font-size: 15px;color: #fff;margin-left: 10px;text-transform: uppercase;font-weight: 500;}
.breadcrumb_box ul li:first-child {margin-left: 0;}
.breadcrumb_box ul li a{color: #fff; text-decoration: none;}

.abt_body{padding: 70px 0;}
.abt_body p{color: #6e6e6e;line-height: 30px; text-align: justify;margin-bottom:30px;}
.abt_body:after{content: "";position: absolute; right: 0; bottom: 0;background: url(../images/about_back2.png) no-repeat 0 0; width: 329px; height: 537px; z-index: -1;}
.help_back h3{color: #000; font-weight: bold; font-size: 20px;}
.help_back a{font-weight: bold; color: #0a65a5;}
.abt_body_left{width: 100%;}
.abt_body_right{width: 100%;position: relative;}
.abt_body_right:before{content: ""; background:url(../images/abt_border.png) no-repeat 100% 0; width: 150px; height: 150px;position: absolute; right: 30px;top: 30px;}
.abt_body_right:after{content: ""; background:url(../images/abt_border.png) no-repeat 0 100%; width: 150px; height: 150px;position: absolute; left: 30px;bottom: 30px;}
.abt_body_right img{width:100%;height:100%; object-fit: cover;}

.msn_area{padding-bottom: 70px;}
.msn_box{border: 1px solid #0a65a5; height: 300px; display: flex; position: relative; overflow: hidden;}
.msn_cont{text-align: center; width: 100%; margin: auto;}
.msn_cont i{display: block;font-size: 80px;color: #0a65a5;}
.msn_cont img{display: block; margin: 10px auto;}
.msn_cont h3{font-size: 22px; color: #000; margin: 0;}
.msn_cont_hover{position: absolute; left: 0; bottom: -100px; width: 100%; height: 100%;background: #0a65a5; transition: all 0.5s;padding: 20px;opacity: 0;}
.msn_cont_hover i{color: #fff; font-size: 36px;display: block;text-align: center;}
.msn_cont_hover img{display: block; margin: 10px auto; filter: brightness(0) invert(1);}
.msn_cont_hover h3{font-size: 18px; color: #fff; margin: 0; text-align: center;}
.msn_cont_hover p{color: #fff; text-align: left; margin: 10px 0 0;}
.msn_box:hover .msn_cont_hover{opacity: 1; bottom: 0;}

.choose_area{background: #f5f5f5; padding: 70px 0;}
.choose_area .head{text-align: center;}
.choose_box{background: #c3e0c6; padding: 20px; width: 100%; position: relative;transition: all 0.5s;}
.choose_box:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.choose_box h3{font-size: 18px; color: #000; font-weight: bold; margin: 10px 0 0;}
.choose_box p{color: #000;line-height: 30px;margin:0;}
.choose_box span{position: absolute;display: block;top:0;right: 15px;font-size: 90px;color: #000000;font-weight: 900;opacity: 0.05;}
.line{filter: brightness(100) invert(1);}
/*===============About Us Ends===============*/

/*===============Gallery Starts===============*/
.gallery_area{padding:70px 0;}
#lightgallery img{width:100%; transition:ease-in-out 0.3s;height: 100%;object-fit: cover;}
.lightimg_box{margin: 15px 0;}
.lightimg_box a:after{background-position: 0 0,0 100%;background-repeat: no-repeat;background-size: 100% 2px;bottom: 15px;content: "";display: block;left: 15px;position: absolute;right: 15px;top: 15px;z-index: 0;opacity:0;}
.lightimg_box a:hover:after{opacity: 1;transition: transform 0.3s ease 0s,opacity 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s,opacity 0.3s ease 0s;}
.lightimg_box a{position:relative; display:block;overflow:hidden;background:#f5f5f5;border: 1px solid #0a65a5;height:230px;}
.lightimg_box a:hover .overlay{display: block;opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.lightimg_box a:hover img{transform: scale(1.15);opacity:.5;}
.lightimg_box a i{position: absolute;left: 0;right: 0;margin: auto;bottom: 36%;opacity: 0;-webkit-transition: -webkit-transform 0.4s,opacity 0.1s 0.3s,all 300ms linear 0s;transition: transform 0.4s,opacity 0.1s 0.3s,all 300ms linear 0s;color: #fff;transform: matrix(1,0,0,1,0,14.184);-webkit-transform: matrix(1,0,0,1,0,14.184);text-decoration: none;border-radius: 100px;background: rgba(0,0,0,0.5);width: 50px;height:50px;font-size: 20px;text-align: center;line-height: 50px;}
.lightimg_box:hover a i {opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.1s;transition: transform 0.4s,opacity 0.1s;transform: matrix(1,0,0,1,0,-7.5);-webkit-transform: matrix(1,0,0,1,0,-7.5);}

.playpause {background-image: url(../images/play_btn.png);background-repeat: no-repeat;width: 40px;height: 40px;position: absolute;left: 0%;right: 0%;top: 0%;bottom: 0%;margin: auto;background-size: contain;background-position: center;}
.video_box{height:250px;border: 1px solid #0a65a5;position: relative;margin: 15px 0;}
.video_box video{width:100%; height:100%;object-fit: cover;}
.video_box iframe{width:100%; height:100%;}
/*===============Gallery Ends===============*/

/*===============Contact Starts===============*/
.contact_area{background:#f3f4f6;}
.cont_iframe_area{height:500px;}
.cont_iframe_area iframe{width:100%; height:100%;}
.cont_form_area{width:80%;margin:auto;}
.cont_form_area input{height:45px; border-radius:0;background:transparent;margin:15px 0;}
.cont_form_area textarea{border-radius:0;background:transparent;margin:15px 0;}

.form_area{padding: 50px 0;}
.quote_area form input{border: 1px solid #b7b7b7;height: 50px; color: #666666; border-radius: 0;margin: 15px 0;}
.quote_area form textarea{border: 1px solid #b7b7b7;height: 175px; color: #666666; border-radius: 0;margin: 15px 0;}
.quote_area form input::placeholder, .quote_area form textarea::placeholder{color: #666666;}
.quote_area form input:focus, .quote_area form textarea:focus{box-shadow: none; border: 1px solid #0094d4;}
.form_btn{text-align: center;}
.form_btn button{font-size: 16px;color: #fff;font-weight: 500;padding: 6px 6px 6px 25px;transition: all .5s;text-transform: capitalize;position: relative;cursor: pointer;text-align: center;border: none;border-radius: 50px;background: #2a3131;box-shadow: 0 3px 24px rgb(0 0 0 / 10%);display: inline-block; margin-top: 20px;}
.form_btn button i {margin-left: 8px;width: 40px;height: 40px;line-height: 40px;background: #0a65a5;border-radius: 50px;display: inline-block;transition: all .5s;}
.form_btn button:hover {background: #0a65a5;color: #fff;}
.form_btn button:hover i {background: #2a3131; color: #fff;}

.cont_info_area{padding:70px 0;}
.cont_box{border: 2px solid #edeef2;padding: 30px 0 20px;transition:all 300ms linear 0s;position: relative;flex:1;}
.cont_icon{border: 2px solid #0a65a5;border-radius: 50%;display:block;height: 120px;padding: 10px;text-align: center;width: 120px;margin: 0 auto 30px;position: relative;transition: all 300ms linear 0s;z-index: 1;}
.cont_icon i{color: #0a65a5;font-size: 50px;position: relative;top: 50%;transform: translateY(-50%);}
.cont_details{padding: 20px 10px 10px;text-align: center;z-index: 1;position:relative;}
.cont_details p{margin:0;position:relative;color:#515151;}
.cont_details p a{color:#515151;text-decoration:none; display:block;}
.cont_details p:before {bottom: -8px;content: "";height: 1px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;background-color: #edeef2;}
.cont_details p:after {bottom: -8px;content: "";height: 1px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0;-webkit-transition: opacity 0.6s,-webkit-transform 0.6s;transition: opacity 0.6s,transform 0.6s;border-width: 1px 0 0;background: #0a65a5;}
.cont_box:after, .cont_box:before {background-color: #edeef2;content: "";height: 180px;left: 0;position: absolute;top: 0;width: 100%;}
.cont_box:before {opacity: 0;transition: opacity 0.6s ease 0s,transform 0.6s ease 0s;z-index: 1;}
.cont_box:hover {border: 2px solid #0a65a5;}
.cont_box:hover:before {opacity: 1;background: #0a65a5;}
.cont_box:hover .cont_details p:after {opacity: 1;transform: scale(1);}
.cont_box:hover .cont_icon{border:#fff; background:#fff;}
/*===============Contact Ends===============*/

/*===============Products Starts===============*/
.pro_area{padding: 70px 0;overflow: hidden;}
.tabbed-content .tabs {display: none;}
.tabbed-content .item::before {content: attr(data-title);display: block;text-decoration: none;font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 20px;padding: 15px 10px;background:#f2f2f2; color:#000;border-radius: 10px;width: 100%;transition: all 0.3s;text-align: center;}
.tabbed-content .item .item-content {opacity: 0;visibility: hidden;height: 0;}
.tabbed-content .item.active .item-content {opacity: 1;visibility: visible;height: auto;}
.tabbed-content .item.active:before{background:#0a65a5; color: #fff;}

.tab_cont ul{width: 100%; margin: auto 0;}
.tab_cont ul li{list-style: none;color: #6e6e6e;position: relative;padding-left: 30px;margin: 10px 0; font-weight: 600;}
.tab_cont ul li span{font-weight: normal;}
.tab_cont ul li:before{content: "\f058"; position: absolute; left: 0;color: #0a65a5;font-family: "Font Awesome 6 Free"; font-weight: 900;}
.tab_hr{margin: 30px 0;background: #b1b1b1;}

.pro_zoom_box{width: 100%; height: 400px;border: 1px solid #0a65a5;padding: 20px;}
.pro_zoom_box img{width: 100%;height: 100%;object-fit: cover;}
.zoom {display:inline-block;position: relative;}
.zoom:after {content:'';display:block; width:33px; height:33px; position:absolute; top:0;right:0;background:url(icon.png);}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }
.zoomImg{width:150% !important; height: 150% !important; cursor: crosshair;}
/*===============Products Ends===============*/

.whatsapp_area{position: fixed; right: 30px; bottom: 30px;z-index: 10;}
.whatsapp_area a{text-align:center; -webkit-transition: all 0.3s ease-in-out;}

.foot_ph {width: 50px;height: 50px;display: block;text-align: center;background: #0a65a5;border-radius: 100%;animation: bounce 4s infinite;}
.foot_ph i{font-size:28px;line-height:50px; color:#fff;}
@keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-15px);
        box-shadow: 0 0 10px 10px #5193c5d1;
    }
}


.foot_wp i{animation: shake 2s ease infinite;font-size: 40px;color: #4ac456;display: block;margin:10px 0;}
@keyframes shake {
  0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
	.tabbed-content .tabs {display: block;margin-bottom: 50px;}
	.tabbed-content .tabs ul{padding:0;margin:0;display:flex;text-align: center;justify-content: center;}
	.tabbed-content .tabs li {position: relative;width: 25%;display: inline-block;flex: 0 0 auto;border-radius: 100px;overflow: hidden;margin:0 10px; background: #f2f2f2;}
	.tabbed-content .tabs li a {display: block;color: #000;text-decoration: none;font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 20px;padding: 15px 10px;transition:all 0.3s;}
	.tabbed-content .tabs li a:hover{background:#0a65a5; color:#fff;}
	.tabbed-content .tabs li a.active{background:#0a65a5; color:#fff;}
	.tabbed-content .item::before {display: none;}
	.about_body .item{display:none;}
	.about_body .item.active{display:block;}
}

@media (min-width:981px) and (max-width:1366px){
	.Advance-Slider .img-fill img{width: 400px;}
	.Advance-Slider .item .contain-wrapper .info{max-width: 40%;}
	.tabbed-content .tabs li{width: 40%;}
	.footer_area h3{font-size:18px;}
	.foot_address p span a, .foot_address p{font-size:14px;}
	.foot_desc_area{padding: 35px 15px 45px;}
}

@media (min-width:768px) and (max-width:980px){
	.head_nav{padding:10px 0;}
	.head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #0a65a5;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
	.head_nav .navbar-toggler{padding:0;}
	.head_nav ul li a{padding:0 !important;line-height: 30px;text-align:right;}
	
	.Advance-Slider .item{height:400px;}
	.Advance-Slider .item h3{font-size:22px;}
	.Advance-Slider .item p{font-size:14px;}
	.Advance-Slider button.slick-arrow{width:36px;height:40px;}
	.Advance-Slider button.slick-arrow {perspective: 250px;}
	.Advance-Slider .img-fill img {width: 40%; right: 20px;}
	.Advance-Slider .item .contain-wrapper .info{max-width: 42%;}
	.Advance-Slider .item .contain-wrapper{top: 30px;}
	.head{font-size: 28px;}
	.Advance-Slider .img-fill:before{width: 66%;}

	.point_box{padding-right: 10px;}

	.pro_box a{font-size: 14px;}
	.foot_desc_area{width: 100%;}
    .foot_logo{width: 100px; height: 100px;}
    .foot_logo img{width: 90%;}
    .foot_desc_area p{font-size: 14px; line-height: 24px;}
    .foot_desc_area{padding: 15px 15px 20px;}
    .foot_menu, .foot_address{padding-top: 40px;}
    .foot_menu ul li a, .foot_address p{font-size: 14px;}
    .footer_area h3{margin: 0 0 10px;font-size: 16px;}
    .footer_area h3 span{display: none;}
    .footer_area{padding-bottom: 40px;}

	.tabbed-content .item .item-content{margin-top: 20px;}
	.pro_zoom_box{height: 350px;}
}

@media (max-width:767px){
	.head_nav{padding:10px 0;}
	.head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #0a65a5;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
	.head_nav .navbar-toggler{padding:0;}
	.head_nav ul li a{padding:0 !important;line-height: 30px;text-align:right;}
	
	.Advance-Slider .item{height:600px;}
	.Advance-Slider .item h3{font-size:16px; color: #000;}
	.Advance-Slider .item p{font-size:14px;color: #000;}
	.Advance-Slider button.slick-arrow{width:36px;height:40px;}
	.Advance-Slider button.slick-arrow {perspective: 250px;}
	.Advance-Slider .item .contain-wrapper{text-align: center;position: relative;left: 0;display: block;padding: 0 30px;top: 45px;}
	.Advance-Slider .img-fill img{position: relative;right: 0;top: 60;width: 80%;margin: auto;}
	.Advance-Slider .img-fill:before{display: none;}
	.Advance-Slider .item .contain-wrapper .info{margin-top: 30px;}

	.about_area{padding: 40px 0;}
	.about_area:before{display: none;}
	.abt_left{height: 250px; margin-bottom: 20px;}
	.abt_left:after{width: 80px;height: 80px;left: 15px;bottom: 15px;}
	.abt_left:before{width: 80px;height: 80px;right: 15px;top: 15px;}
	.head {font-size: 22px;font-weight: 700;margin: 0 0 10px;}
	.abt_right p{font-size: 14px; line-height: 22px;}
	.abt_right ul li{font-size: 14px;}

	.point_area {padding: 20px 15px;}
    .point_box{border-bottom: 1px dashed #a1a1a1; border-right:none;padding: 20px 0;}
    .point_box p{font-size: 14px; line-height: 22px;}

	.product_area{margin-top: 40px; padding: 40px 0;}
	.pro_box{margin: 15px 0;}
	
	.process_area:before{width: 100%; opacity: 0.2;}
	.process_cont {padding: 40px 0 40px;z-index: 1;position: relative;}
	.process_cont p, .process_cont ul li{font-size: 14px; line-height: 22px;}

	.foot_desc_area{width: 100%;}
    .foot_logo{width: 100px; height: 100px;}
    .foot_logo img{width: 90%;}
    .foot_desc_area p{font-size: 14px; line-height: 24px;}
    .foot_desc_area{padding: 15px 15px 20px;}
    .foot_menu, .foot_address, .foot_img{padding-top: 40px;}
    .foot_menu ul li a, .foot_address p{font-size: 14px;}
    .footer_area h3{margin: 0 0 10px;}
    .footer_area{padding-bottom: 40px;}
	.whatsapp_area{right: 10px; bottom: 10px;}
	.whatsapp_area a i{font-size: 40px;}
	.foot_img img{width: 200px;display: block;margin: 0 auto;}

	.copy_area{padding: 10px 0;text-align: center;}
    .copy_area p{font-size: 14px;}
    .copy_right{text-align: center;}

	.inner_banner_content h1{font-size: 35px;}
	.abt_body, .choose_area, .gallery_area{padding: 40px 0;}
	.abt_body p, .msn_cont_hover p{font-size: 14px; line-height: 24px;}
	.msn_box{margin: 15px 0;}
	.msn_box{height: 275px;}
	.choose_box{margin: 15px 0;}
	.choose_box span{font-size: 70px;}

	.cont_form_area{padding: 20px 0;}
	.pro_area{padding: 40px 0;}
	.tabbed-content .item .item-content{margin-top: 20px;}
	.pro_zoom_box{height: 250px;}
}
/*===============Responsive Ends===============*/