/************ reset css start *************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 15px;font: inherit;vertical-align: baseline;}
a{color: inherit;font-family: inherit;text-decoration: inherit;}
a:hover{color: inherit;font-family: inherit;text-decoration: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
::-webkit-input-placeholder {color: #9da4a8;font-size: 15px;}
::-moz-placeholder {color: #9da4a8;font-size: 15px;}
:-ms-input-placeholder {color: #9da4a8;font-size: 15px;}
::placeholder {color: #9da4a8;font-size: 15px;}
h1.bigtitle{font-size: 31px;
line-height: 33px;
font-weight: 601;
margin-top: 27px;
}
h1.bigtitle span{font-size: 21px;
}
/******** topbar start ********/
.topbar{
padding: 10px 0px;
position: relative;top: 0;left: 0;right: 0;
z-index: 2;background-color: #353535;}
.topbar .shape{
background-image: url('../image/innner_page_top_shape.png');background-repeat: no-repeat;background-size: cover;
position: absolute;top: 0;left: 0;width: 41%;height: 100%;
z-index: -1;}
.topbar .topbar-info{
font-weight: 400;font-size: 13px;letter-spacing: 2px;color:#2d2d2d;}
.topbar .topbar-right{float: right;}
.topbar .topbar-menu{list-style-type: none;padding: 0px;display: inline-block;}
.topbar .topbar-menu li{display: inline-block;margin: 0px 7px;}
.topbar .topbar-menu li a{
font-weight: 400;font-size: 14px;color: #ffffff;text-decoration: none;
transition: all 500ms ease;
position: relative;font-weight: 300;}
.topbar .topbar-menu li a:hover{color: #F2C966;}
.topbar .topbar-menu li a::before{
content: '';
position: absolute;top: 2px;right: -8px;height: 12px;width: 1px;background-color: #ffffff;
transform: skew(-20deg);margin: 0px -2px;font-weight: 300;}
.topbar .topbar-menu li:last-child a::before{
display: none;}
.topbar .topbar-social{
list-style-type: none;
padding: 0px;display: inline-block;
text-align: right;margin-left: 50px;}
.topbar .topbar-social li{
display: inline-block;margin: 0px 10px;}
.topbar .topbar-social li a{color: #ffffff;font-size: 14px;
line-height: 10px;
transition: all .5s;}
.topbar .topbar-social li a:hover{color: #F2C966;}
/******** topbar end ********/
/******** breadcrumbs start ********/
.breadcrumbs{
position: relative;
overflow: hidden;}
.breadcrumbs .shape1{
background-image: url('../image/inner_page_shape_2.png');background-repeat: no-repeat;background-size: cover;width: 246px;height: 234px;
position: absolute;top: 0px;left: -110px;z-index: 13;}
.breadcrumbs .shape2{
background-image: url('../image/inner_page_shape_3.png');background-repeat: no-repeat;background-size: cover;width: 459px;height: 602px;
position: absolute;bottom: -358px;right: -323px;z-index: 13;}
.breadcrumbs .overlay{
position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.60);}
.breadcrumbs .breadcrumbs-img img{
width: 100%;height:350px;
object-fit: cover;margin-top: 48px;}
.breadcrumbs .breadcrumbs-content{
position: absolute;top: 60%;left: 50%;
transform: translate(-50%, -50%);width: 100%;
text-align: center;}
.breadcrumbs .breadcrumbs-content .page-title{
font-size: 46px;font-weight: 700;color: #ffff;font-weight: 600;margin-bottom: 15px;}
.breadcrumbs .breadcrumbs-content ul li{
font-weight: 500;font-size: 18px;display: inline-block;color: #F2C966;}
.breadcrumbs .breadcrumbs-content ul li span{color: #ffffff;font-size: 13px;}
.breadcrumbs .breadcrumbs-content ul li a{
font-weight: 500;font-size: 18px;
text-decoration: none;color: #ffff;}
/******** breadcrumbs end ********/
/******** section title start ********/
.section-title{
text-align: center;
padding-bottom: 30px;}
.section-title h2{
color: #dbb522;font-size: 18px;
text-transform: capitalize;display: inline-block;
position: relative;font-weight: 600;}
.section-title h2::before{
content: '';
position: absolute;bottom: -7px;left: 0px;width: 50px;height: 2px;
animation: title-before 1s infinite alternate;background-color:#d9bb61;}
.section-title h2::after{
content: '';
position: absolute;bottom: -7px;left: 65px;width: 20px;height: 2px;background-color: #e6e4e4;
animation: title-after 1s infinite alternate;}
.section-title h3{letter-spacing: 2px;
font-size: 33px;font-weight: 700;color: #353535;
text-transform: capitalize;margin-top: 25px;
line-height: 1.1;}
.section-title p span{color: #fff;
background: #1040b1;
border-radius: 4px;
padding: 0 5px;margin-right: 5px;
}
.section-title p{margin-top: 15px;
}
.small_desc{font-size: 12px;line-height: 40px;list-style: none;width: 100%}
.small_desc li{float: left;margin-right: 15px; }
.preloader{
position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;
z-index: 1000;display: flex;
justify-content: center;align-items: center;background: #F2C966;}
.preloader-dash{width: 5px;height: 100px;background: linear-gradient(45deg, #ffffff, #ffffff);margin: 10px;
animation: preloader 1s linear infinite;border-radius: 20px;}
.preloader-dash:nth-child(2) {animation-delay: 0.1s;}
.preloader-dash:nth-child(3) {animation-delay: 0.2s;}
.preloader-dash:nth-child(4) {animation-delay: 0.3s;}
.preloader-dash:nth-child(5) {animation-delay: 0.4s;}
.preloader-dash:nth-child(6) {animation-delay: 0.5s;}
.preloader-dash:nth-child(7) {animation-delay: 0.6s;}
.preloader-dash:nth-child(8) {animation-delay: 0.7s;}
.preloader-dash:nth-child(9) {animation-delay: 0.8s;}
.preloader-dash:nth-child(10) {animation-delay: 0.9s;}
/******** preloader end ********/
/******** scroll top start ********/
.scrollTop{
position: fixed;bottom:40px;right:10px;width:60px;height:60px;border-radius:50%;display: flex;justify-content: center;align-items: center;background: #F2C966;
opacity: 0;visibility: hidden;transition: all 0.5s;z-index: 9999999999;cursor: pointer;}
.scrollTop .icon{font-size: 30px;color:#ffffff;}
.scrollTop.active{opacity: 1;visibility: visible;}
/********** scroll top end *********/
.main-navbar .logo img{max-width: 100%}
/******** main menu start *********/
.main-navbar{
padding: 16px 0px 13px 0px;background-color: #ffffff;
position: absolute;top: 36px;left: 0;right: 0;
z-index: 14;}
.main-navbar.sticky{
position: fixed;top: 0px;left: 0;right: 0;
z-index: 999;background-color: #ffffff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.15);}
/* MENU text CSS */
.main_menu ul{
text-align: right;
list-style: none;
margin-bottom: 0px;}
.main_menu > ul > li{
display: inline-block;}
.main_menu > ul > li.active{color: #F2C966;}
.main_menu > ul > li > a{
font-weight: 500;display: block;margin: 0px 20px;
transition: .5s;font-size: 16px;color: #353535;text-decoration: none;}
.main_menu > ul > li > a.active,
.main_menu > ul > li > a:hover{color: #F2C966;}
.main_menu > ul > li > a:before,
.main_menu > ul > li.current > a:before {
background: #ffb600 none repeat scroll 0% 0;
bottom: -7px;content: "";height: 2px;
left: 0;margin: auto;opacity: 0;position: absolute;
right: 0;transition: all 0.5s ease 0s;
width: 15%;display:none;}
.main_menu ul li:last-child a{
margin-right: 0px !important;}
.main_menu > ul > li.current > a,
.main_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {color: #D9B012;background-color: transparent;color: #D9B012;}
.main_menu > ul > li:hover > a:before,
.main_menu > ul > li.current > a:before {
opacity: 1;}
.main_menu ul .sub-menu{
position: absolute;left: 0;top: 250%;width: 130px;
text-align: left;background: #fff;margin: 0;
padding: 5px 8px 8px 25px;
z-index: 9999;box-shadow: 0 0 30px rgb(0 0 0 / 9%);
transition: .2s;
opacity: 0;
visibility: hidden;border-top: 2px solid #F2C966;
transition: all .5s;
overflow: hidden;}
.main_menu ul li:hover .sub-menu{
transition: .5s;
opacity: 1;
visibility: visible;
top: 180%;
z-index: 9;}
.main_menu ul .sub-menu li{
position: relative;
transition:.5s;}
.main_menu ul .menu-item-has-children{
margin-right: 10px;
position: relative;}
.main_menu ul .menu-item-has-children > a{
position: relative;}
.main_menu ul .menu-item-has-children::before{
font: var(--fa-font-solid);
content: "\f107";
position: absolute;top: 2px;right: -2px;
transition: all .5s;}
.main_menu ul .menu-item-has-children.active::before,
.main_menu ul .menu-item-has-children:hover::before,
.main_menu ul .menu-item-has-children:hover::before{color: #F2C966;
transform: rotate(180deg);}
.main_menu ul .sub-menu li a{font-weight: 500;
font-size: 15px;
display: block;
margin: 0;
margin-bottom: 0px;
margin-bottom: 6px;
letter-spacing: normal;
transition: .5s;
color: #353535;
visibility: inherit !important;
padding: 9px 0px;
text-decoration: none;
border-bottom: 1px dotted #6f6f6f;}
.main_menu ul .sub-menu li:hover a,
.main_menu ul .sub-menu li a.active{
color: #ff6000;}
.main_menu ul .sub-menu li a::before{
font: var(--fa-font-solid);
content: "\f061";font-size: 13px;
position: absolute;top: 11px;left: -50px;
visibility: hidden;
transition: all .5s;}
.main_menu ul .sub-menu li a:hover::before{
visibility: visible;left: -20px;}
.main_menu ul .sub-menu li:before{
left: -18px;}
.main_menu ul .sub-menu li:hover:before{
opacity:1;}
.main_menu ul .sub-menu li:hover{
margin-left: 8px;}
.main_menu .popup-btn{
background-color: #ffffff;border-style: none;color: #F2C966;margin-top: -2px;}
.main_menu .popup-btn:hover{color: #F2C966;}
.main_menu .popup-btn:focus{
background-color: #ffffff;border-style: none;box-shadow: none;border-style: none;color: #F2C966;}
.modal-content .search-form{
position: relative;top: 200px;}
.modal-content .search-form input{
box-shadow: none;border-style: none;border-bottom: 2px solid #ffeaea;
padding: 15px 26px;font-weight: 500;font-size: 16px;color: #616161;}
.modal-content .search-form input::placeholder{
font-weight: 500;font-size: 16px;color: #616161;}
.modal-content .search-form .btn{
position: absolute;top: 10px;right: 10px;
text-transform: capitalize;background-color: transparent;color: #616161;}
.modal-content .search-form .btn:hover,.modal-content
.search-form .btn:focus{
box-shadow: none;border-style: none;
outline-style: none;}
.modal-content .modal-backdrop{
position: fixed;top: 0;left: 0;
z-index: 1 !important;width: 100vw;height: 100vh;background-color: #000;}
.modal-content{
opacity: 1;background-color: #fffcf0;
z-index: 999999;}
.main_menu .modal-header .btn-close:focus{
box-shadow: none;border-style: none;
outline: none;}
/******** main menu end *********/
/******** mobile menu start ********/
.mobile_logo_area{
position: absolute;top: 0;left: 0;right: 0;
z-index: 999999999;background-color: #ffffff;
padding: 7px;}
.mobile_logo_area img{height:35px;}
.mean-container .mean-bar{
float: left;width: 100%;
position: absolute;top: 51px;background: #F2C966;
padding: 0px;
min-height: 44px;
z-index: 999999999;}
.mean-container .mean-bar::before{
font-weight: 400;color: #fff;
content: "导航";font-size: 16px;font-weight: 700;left: 15px;
position: absolute;top: 11px;}
.mean-container .mean-nav{
float: left;width: 100%;background: #ffffffff;margin-top: 40px;}
.mean-container .mean-nav ul li{
background: #ffffff none repeat scroll 0 0;
float: left;
position: relative;width: 100%;border-top: 1px solid #ddd;}
.mean-container .mean-nav ul li a{
font-weight: 500;
transition: .5s;font-size: 16px;color: #353535;}
.mean-container .mean-nav ul li a.active{color: #F2C966;}
.mean-container .mean-nav ul li a:hover{color: #F2C966;}
.mean-container .mean-nav ul li a.mean-expand{
background-color: #F2C966;
color: #ffffff;
transition: all .5s;
margin-top: 1px;
width: 18px;
height: 18px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 2px;
z-index: 2;}
.mean-container .mean-nav ul li a.mean-expand:hover{
background-color: #F2C966;
opacity: .8;}
/******** mobile menu end ********/
/******** slider start *******/
.slider{
position: relative;
overflow: hidden;}
.slider .top-shape{
background-image: url('../image/home_page_top_shape.png');background-repeat: no-repeat;background-size: cover;width: 246px;height: 263px;position: absolute;top: 0px;left: -97px;
z-index: 12;}
.slider .bottom-shape{
background-image: url('../image/slider_bottom_shape.png');background-repeat: no-repeat;background-size: cover;
position: absolute;width: width: 130px;height: 160px;bottom: 0px;right: 0px;z-index: 10;}
.slider .carousel-item img{height: 560px;margin-top: 50px;object-fit: cover;}
.slider .carousel .overlay{float: left;position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: #000000;
opacity: 53%;z-index: 9;}
.slider .carousel-indicators{z-index: 20;}
.slider .carousel-control-prev{
height: 45px;width: 45px;color:#ffffff;background-color: #FEFEFE87;border-radius: 50%;
position: absolute;left: auto;right: 152px !important;
z-index: 99;top: 63%;}
.slider .carousel-control-next{
height: 45px;width: 45px;color:#ffffff;background-color: #FEFEFE87;border-radius: 50%;
position: absolute;right: 152px !important;z-index: 99;top: 45%;}
.slider .carousel-control-prev-icon, .slider .carousel-control-next-icon{width: 1.5rem;height: 1.5rem;}
.slider .carousel-caption{position: absolute;color: #fff;text-align: left;top: 180px;z-index: 13;max-width: 1240px;margin: auto;}
.slider .carousel-caption .title{font-size: 45px;font-weight: 700;color: #ffffff;
line-height: 1.3;letter-spacing: 3px;margin-bottom: 15px;}
.slider .carousel-caption .desc{color: #ffffff;line-height: 1.7;margin-bottom: 25px;font-size: 14px;max-width: 800px;}
.slider .carousel-caption .button-area {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.slider .carousel-caption .btn{
font-weight: 600;font-size: 15px;
float: left;padding: 10px 20px;background-color: #F2C966;color: #ffffff;
text-transform: capitalize;box-shadow: none;border-style: none;
outline-style: none;transition: all .5s;position: relative;overflow: hidden;z-index: 1;}
.slider .carousel-caption .btn::before{
position: absolute;content: '';width: 100%;height: 100%;top: 0;left: -100%;
z-index: -1;background-color: #ff8145;transition: all 500ms ease;}
.slider .carousel-caption .btn:hover::before{left: 0;}
.slider .carousel-caption .video-btn{
float: left;width: 35px;height: 35px;text-align: center;
line-height: 35px;background-color: #F2C966;border-radius: 50%;margin-left: 25px;
outline: 5px solid rgba(255, 97, 22, 0.3);box-sizing: border-box;}
.slider .carousel-caption .video-btn .icon{color: #ffffff;font-size: 20px;}
.slider .carousel-caption .info{
text-transform: uppercase;font-weight: 400;color: #f2c966;font-size: 20px;margin-bottom: 15px;}
.slider .carousel-caption .info-bottom{
font-weight: 600;
float: left;color: #ffffff;margin-left: 25px;
vertical-align: center;}
/******** slider end ********/
/******** feature start ********/
.feature{
padding: 70px 0px;background-image: url("../image/map.jpg");background-repeat: no-repeat;background-size: cover;
position: relative;}
.feature .overlay{
position: absolute;top:0;bottom: 0;right: 0;left: 0;background: rgba(249, 224, 148, 0.05);}
.feature .single-feature{ box-shadow: 1px 2px 4px 2px #cccccc6b;
background: #ffffff;padding: 25px 30px 20px 25px;
transition: all 1.5s;position: relative;border-radius: 5px;}
.feature .single-feature:hover{background-color: #000;background-image: url('../image/png-23.png');
transform: translateY(-10px);}
.feature .single-feature .header{margin-bottom: 10px;}
.feature .single-feature .icon-box{width: 50px;height: 50px;border-radius: 7%;background-color: #F2C966;
position: absolute;transition: all 0.5s;}
.feature .single-feature:hover .icon-box{border-radius: 50%;transition: all .5s;background-color: #F2C966;}
.feature .single-feature .icon-box .icon{
font-size: 20px;color:#ffffff;
position: absolute;top: 50%;left: 50%;
transform: translate(-50%,-50%);}
.feature .single-feature .title{
font-weight: 700;color: #353535;font-size: 21px;display: inline-block;
line-height: 27px;margin-left: 64px;display: inline-block;}
.feature .single-feature .title dd{font-size: 12px;font-weight: 400;color: #949494;line-height: 20px;}
.feature .single-feature:hover .title{color:#ffffff;}
.feature .single-feature:hover .title dd{color:#ffffff;}
.feature .single-feature .desc{color:#616161;font-size: 14px;
line-height: 1.5;}
.feature .single-feature:hover .desc{color: #ffffff;}
/***** feature end *******/
/***** about start *******/
.about{
padding: 80px 0px 80px 0px;
position: relative;
overflow: hidden;}
.about.bg-color{
background-color: #fffcf0;}
.about .shape-1{
background-image: url('../image/shape-1.png');background-size: cover;background-repeat: no-repeat;
position: absolute;top: -139px;left: 3px;width: 280px;height: 440px;
object-fit: cover;}
.about .shape-2{
background-image: url('../image/6.png');background-size: cover;background-repeat: no-repeat;
position: absolute;top: 105px;left: 232px;width: 150px;height: 150px;
object-fit: cover;
animation: shape-position-change 3s linear infinite alternate ;}
.about .section-title{
text-align: left;}
.about .content-area .desc{
font-weight: 400;font-size: 14px;color: #616161;
line-height: 1.5;margin-bottom: 25px;}
.about .content-area .desc b{font-weight: 550; color: #262020; font-size: 114%;}
.about .content-area .service-features{
font-weight: 600;font-size: 18px;color: #353535;
float: left;margin: 10px 0px;}
.about .content-area .service-features .feature-item{
font-weight: 510;font-size: 18px;float: left;width: 50%;margin-bottom: 30px;}
.about .content-area .service-features .feature-item em{color:#ccc;padding-left: 5px;padding-right: 5px;font-weight: 500 }
.about .content-area .service-features .feature-item .icon{
margin-right:6px;color: #F2C966;}
.button-area .btn{
font-weight: 600;font-size: 18px;
text-transform: capitalize;
padding: 10px 20px;background-color: #F2C966;border-style: none;
outline-style: none;box-shadow: none;color: #ffffff;
transition: all .5s;
position: relative;
z-index: 1;
overflow: hidden;}
.button-area .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;top: 0;bottom: 0;left: -150px;
z-index: -1;
transition: all 500ms ease;background-color: #000;}
.button-area .btn:hover::before{
left: 0;}
.single-service .button-area .btn{ padding: 6px 10px;background-color: #F2C966;border-style: none;}
.single-service .button-area .btn a{ font-weight: 500}
.about .image-area{
position: relative;}
.about .image-area .main{
position: relative;
text-align: center;}
.about .image-area .main::after{
content: '';width: 3px;height: 250px;background-color: #F2C966;
position: absolute;top: 0%;right: 0%;
transition: all 500ms ease;}
.about .image-area:hover .main::after{
height: 320px;}
.about .image-area .main img{width: 93%;object-fit: cover;border-radius: 5px;}
.about .image-area .skills-progress{
width: 45%;
padding: 27px 15px 9px 14px;background-color: #fde5ac;border-radius: 3%;
position: absolute;bottom: -119px;}
.about .image-area .skills-progress .progress-item{
position: relative;}
.about .image-area .skills-progress .progress-item:last-child{
margin-bottom: 0px;}
.about .image-area .skills-progress .progress-item .title{
font-weight: 700;font-size: 18px;color: #353535;margin-bottom: 20px;}
.about .image-area .skills-progress .progress-item .progressbar{
margin-top: 10px;margin-bottom: 17px;background-color: #ececec !important;box-shadow: none;border-radius: 4px !important;}
.about .image-area .skills-progress .progress-item .progressbar .proggress{
background-color: #F2C966 !important;height: 6px !important;border-radius: 4px !important;}
.about .image-area .skills-progress .progress-item .progressbar .percentCount{
margin-top: -38px;margin-right: 6px;font-size: 13px;color: #ffffff
}
.about .image-area .skills-progress .progress-item .value{
float: right;width: 40px;height: 40px;border-radius: 50%;background-color: #ca9700;display: flex;
justify-content: center;align-items: center;font-size: 15px;color: #ffffff;border: 3px solid #ffffff;
outline: 1px solid #c9c9c9;
position: absolute;top: -7px;right: 0;}
.about .image-area .video-area{
height: 160px;
width: 48%;
position: absolute;
bottom: -119px;
right: 6px;
border-radius: 4px;}
.about .image-area .video-area .overlay{
position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.50);border-radius: 4px;}
.about .image-area .video-area img{
height: 100%;width: 100%;
object-fit: cover;border-radius: 4px;}
.about .image-area .video-area .button-area{
position: relative;bottom: 72%;left: 40%;}
.about .image-area .video-area .button-area .play-btn{
font-weight: 400;font-size: 16px;width: 50px;height: 50px;border-radius: 50%;background-color: #ca9700;color: #ffffff;box-shadow: none;border: 2px solid #ffffff;
position: relative;
transition: all 500ms ease;display: flex;
align-items: center;
justify-content: center;}
.about .image-area .video-area .button-area .play-btn:hover{
box-shadow: 0 0 10px 10px rgba(255, 255, 255, .2);}
.about .image-area .video-area .button-area .play-btn::before{
width: 100%;height: 100%;border-radius: 50%;background: transparent;
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
animation-delay: .5s;
content: "";box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
animation: ripple 3s infinite;
transition: all .4s ease;}
/******** about end ********/
/******** team start ********/
.team{
background-color: #ffffff;
padding: 70px 0px 120px;}
.team .single-team{
border-radius: 5px;
position: relative;}
.team .single-team .team-image{width: 100%;position: relative;}
.team .single-team .team-image .overlay{
position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(27, 29, 27, 0.5);border-radius: 5px 5px 0px 0px;
transform: scale(0,0);
z-index: 10;
transition: all 500ms ease;}
.team .single-team:hover .team-image .overlay{transform: scale(1,1);}
.team .single-team .team-image img{
width: 100%;height: 100%;
object-fit: cover;border-radius: 5px 5px 0px 0px;}
.team .single-team .team-info .team-social{
padding: 0px !important;list-style-type: none;margin-top: 30px;
text-align: center;
position: relative;top: -150px;
z-index: 30;
transition: all 500ms linear
}
.team .single-team:hover .team-info .team-social{
top: -120px;}
.team .single-team .team-info .team-social li{
display: inline-block;}
.team .single-team .team-info .team-social li a{
float: left;width: 32px;height: 32px;background-color: #F2C966;color: #ffffff;font-size: 16px;margin-right: 5px;display: flex;
justify-content: center;align-items: center;
transition: all 0.5s;
position: relative;
z-index: 1;border-radius: 3px;}
.team .single-team .team-info .team-social li a::before{
position: absolute;
content : '';width: 100%;height: 100%;background-color: #ffffff;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;border-radius: 3px;}
.team .single-team .team-info .team-social li a:hover::before{transform: scale(1,1);}
.team .single-team .team-info .team-social li:hover a{
background-color: #ff7939;}
.team .single-team .team-info .team-social li:hover a{color: #F2C966;}
.team .single-team .team-info{
padding: 5px 50px;background-color: #ffffff;
position: relative;}
.team .single-team .team-info .team-info-inner{
padding: 10px 10px;background-color: #ffffff;text-align: center;position: absolute;bottom: -48px;left: 50px;right: 50px;z-index: 100;transition: all 500ms linear;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.10);}
.team .single-team:hover .team-info .team-info-inner{
bottom: -65px;}
.team .single-team .team-info .team-info-inner .name{
font-size: 19px;font-weight: 510;color: #1c1c1c;margin-bottom: 13px;}
.team .single-team .team-info .team-info-inner .designation{
font-weight: 400;font-size: 16px;color: #F2C966;}
.team .single-team .team-info .team-info-inner .team-contact-icon li{
display: inline-block;}
.team .single-team .team-info .team-info-inner .team-contact-icon li a{
height: 45px;width: 45px;display: inline-block;background-color: #f5f5f6;margin: 0px 5px;margin-top: 15px;border-radius: 5px;
transition: all 0.5s;font-size: 18px;color: #9797a1;display: flex;
justify-content: center;align-items: center;
overflow: hidden;
position: relative;
z-index: 1;}
.team .single-team .team-info .team-info-inner .team-contact-icon li a::before{
position: absolute;
content: '';height: 100%;width: 100%;left: -100px;right: 0px;
z-index: -1;background-color: #F2C966;
transition: all 500ms ease;}
.team .single-team .team-info .team-info-inner .team-contact-icon li a:hover::before{
left: 0px;}
.team .single-team .team-info .team-info-inner .team-contact-icon li a:hover{color: #ffffff;}
/******** team end ********/
/******** partner start ********/
.brands{
padding: 46px 0px 88px;
text-align: center;
position: relative;
perspective: 1000px;}
.brands.home-page{
padding: 43px 0px 24px 0px}
.brands.bg-color{
background-color: #fff1d1;}
.brands .item{
display: flex;
justify-content: center;}
.brands .item img{
width: 150px;
filter: grayscale(100%);}
.brands .item img:hover{
filter: grayscale(0%);}
/******** partner end ********/
/******** video start ********/
.video{
padding: 70px 0px;background-image: url('../image/video_bg.jpg');background-size: cover;background-repeat: no-repeat;background-position: center;
position: relative;}
.video .video-area{
display: flex;
align-items: center;
flex-direction: column;
opacity: 1;}
.video .video-area .play-button-area{
width:120px;height: 120px;border-radius: 50%;background-color: transparent;display: flex;
justify-content: center;align-items: center;margin-bottom: 40px;
position: relative;}
.video .video-area .play-button-area::after{
width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, 0.2);
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
animation-delay: .9s;
content: "";
position: absolute;box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
animation: ripple 3s infinite;
transition: all .4s ease;}
.video .video-area .play-button-area .play-area{
width:100px;height: 100px;border-radius: 50%;border: 2px solid #F2C966;
opacity: 1;display: flex;
justify-content: center;align-items: center;
z-index: 9;}
.video .video-area .play-button-area .play-area .icon{
font-size: 40px;color:#F2C966;}
.video .video-area .title{
font-size: 39px;font-weight: 600;
text-transform: capitalize;
line-height: 1.2;color: #ffffff;
text-align: center;margin-bottom: 20px;}
.video .video-area .desc{
font-weight: 400;font-size: 16px;color: #ffffff;
text-align: center;
line-height: 1.5;}
.video .video-area .btn{
font-weight: 600;font-size: 16px;
text-transform: capitalize;background-color: #ffffff;border-radius: 5px;color: #F2C966;margin-top: 30px;box-shadow: none;border-style: none;
outline-style: none;
padding: 10px 20px;
text-transform: capitalize;
position: relative;
overflow: hidden;
z-index: 1;}
.video .video-area .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;left: -150px;top: 0px;
z-index: -1;border-radius: 5px;
transition: all 500ms ease;background-color: #353535;}
.video .video-area .btn:hover{color: #ffffff;}
.video .video-area .btn:hover::before{
left: 0px;}
/***** video end ******/
/***** why choose us start *****/
.why-choose-us{
padding: 70px 0px;
position: relative;
overflow: hidden;}
.why-choose-us .shape-1{
background-image: url('../image/2222.png');background-repeat: no-repeat;background-size: cover;width: 50%;height: 60%;
position: absolute;top: 100px;left: -20%;}
.why-choose-us .shape-2{
background-image: url('../image/6.png');background-repeat: no-repeat;background-size: cover;width: 150px;height: 150px;
position: absolute;top: 53px;left: 92px;
animation: shape-position-change 2s linear infinite alternate;}
.why-choose-us .image-area .main-outer{
position: relative;}
.why-choose-us .image-area .main-outer::before{
content: '';width: 100px;height: 4px;background-color: #000000;
position: absolute;bottom: -13px;right: 17%;
transition: all 500ms ease;}
.why-choose-us .image-area:hover .main-outer::before{
width: 200px
}
.why-choose-us .image-area .main-outer::after{
content: '';width: 4px;height: 100px;background-color: #000000;
position: absolute;bottom: -13px;right: 17%;
transition: all 500ms ease;}
.why-choose-us .image-area:hover .main-outer::after{
height: 250px;}
.why-choose-us .image-area{
position: relative;}
.why-choose-us .image-area::before{
content: '';
position: absolute;bottom: 10%;left: -20px;height: 220px;width: 4px;background-color: #F2C966;
transition: all 500ms ease;}
.why-choose-us .image-area:hover::before{
height: 300px
}
.why-choose-us .image-area .main{width: 100%;position: relative;}
.why-choose-us .image-area .main::after{
content: '';width: 30px;height: 80px;background-color: #F2C966;
position: absolute;top: -37px;right: 108px;
transform: skew(30deg);}
.why-choose-us .image-area .main img{width: 80%;border-radius: 5px;object-fit: cover;}
.why-choose-us .image-area .main .content{
font-weight: 600;font-size: 16px;color: #ffffff;
text-align: center;padding: 20px;background-color: #F2C966;border-radius: 5px;
position: absolute;right: 54px;bottom: 36px;z-index: 10;line-height: 1.3;}
.why-choose-us .content-area .section-title{text-align: left;padding-bottom: 12px;}
.why-choose-us .content-area .desc{font-weight: 400;font-size: 15px;line-height: 1.5;color:#616161;}
.why-choose-us .content-area .inner .single-item{padding-left: 41px;margin-top:22px; position: relative;}
.why-choose-us .content-area .inner .single-item .icon-area{
width: 30px;height: 30px;background-color: #F2C966;border-radius: 50%;
position: absolute;top: 0px;left: 0px;display: flex;
justify-content: center;align-items: center;}
.why-choose-us .content-area .inner .single-item .icon-area .icon{color: #ffffff;}
.why-choose-us .content-area .inner .single-item .title{
font-size: 18px;font-weight: 700;color:#353535;}
.why-choose-us .content-area .inner .single-item .desc{
font-weight: 400;font-size: 14px;margin-top: 8px;}
/***** why choose us end *****/
/****** work process start ******/
.work-process{
padding: 70px 0px;background-color: #fffcf0;}
.work-process .single-work-process{
display: flex;
align-items: center;
flex-direction: column;
padding-top:20px;
position: relative;}
.work-process .single-work-process::after{
content: '';width: 200px;height: 0px;
position: absolute;top: 30%;right: -108px;border: 2px dotted #f0be5e}
.work-process .single-work-process.last-item::after{
display: none;}
.work-process .single-work-process .icon-inner-1{
width: 120px;height: 120px;border-radius: 50%;background-color: transparent;display: flex;
justify-content: center;align-items: center;
outline: 2px dotted #d7ddd3;
outline-offset: 18px;background-color: #353535;
transition: all 0.5s;
position: relative;
z-index: 1;
transition: all 500ms ease;box-sizing: border-box;}
.work-process .single-work-process:hover .icon-inner-1{
outline: 2px dotted #ffc5a9;}
.work-process .single-work-process .icon-inner-1::after{
content: '';
position: absolute;top: -20px;left: 45%;width: 10px;height: 10px;border-radius: 50%;background-color: #F2C966;
visibility: hidden;
transition: all 100ms ease;}
.work-process .single-work-process:hover .icon-inner-1::after{
visibility: visible;}
.work-process .single-work-process .icon-inner-1::before{
content: '';
position: absolute;width: 100%;height: 100%;border-radius: 50%;
transform: scale(0,0);background-color: #F2C966;
z-index: -1;
transition: all .5s;}
.work-process .single-work-process:hover .icon-inner-1::before{transform: scale(1,1);}
.work-process .single-work-process .icon-inner-1 .icon-inner-2{
width: 50px;height: 50px;border-radius: 50%;background-color: transparent;border: 3px solid #F2C966;display: flex;
justify-content: center;align-items: center;}
.work-process .single-work-process .icon-inner-1 .icon-inner-2 .icon{color: #F2C966;font-size: 20px;font-weight: 600;
transition: all 0.5s;}
.work-process .single-work-process:hover .icon-inner-1 .icon-inner-2 .icon{color: #ffffff;font-size: 40px;}
.work-process .single-work-process .content-area {
padding: 0px 20px;}
.work-process .single-work-process .content-area .title{
font-size: 21px;font-weight: 700;color:#353535;margin-top: 30px;margin-bottom: 15px;
text-align: center;}
.work-process .single-work-process .content-area .desc{
font-weight: 400;font-size: 14px;color: #616161;text-align: center;line-height: 1.5;}
/******* work process end ********/
/****** experience start ******/
.experience{
padding: 120px 0px;
position: relative;}
.experience .shape-1{
background-image: url('../image/6.png');background-repeat: no-repeat;background-size: cover;width: 150px;height: 150px;
position: absolute;top: 13%;left: 5%;
animation: shape-position-change 2s linear infinite alternate;}
.experience .shape-2{
background-image: url('../image/circle_bg.png');background-repeat: no-repeat;background-size: cover;width: 250px;height: 250px;
position: absolute;top: 17px;left: 32%;
animation: shape-position-change 2s linear infinite alternate;}
.experience .image-area{
position: relative;}
.experience .image-area::before{
content: '';
position: absolute;bottom: -50px;left: -20px;width: 5px;height: 200px;background-color: #F2C966;
transition: all 500ms ease;}
.experience .image-area:hover::before{
height: 300px;}
.experience .image-area .main-img img{
width: 80%;height: 500px;border-radius: 5px;
object-fit: cover;}
.experience .image-area .sub-img{
position: absolute;bottom: -54px;right: 42px;}
.experience .image-area .sub-img img{
width: 250px;height: 250px;border-radius: 4px;
object-fit: cover;}
.experience .content-area .section-title{
text-align: left;
padding-bottom: 20px;}
.experience .content-area .desc{
font-size: 14px;color: #616161;
line-height: 1.5;}
.experience .content-area .progress-title{
font-weight: 700;font-size: 18px;color: #313131;margin-top: 30px;}
.experience .content-area .progressbar{
width: 100%;margin-top: 20px;margin-bottom: 20px;
position: relative;background-color: #ececec !important;box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);border-radius: 4px !important;}
.experience .content-area .progressbar .proggress{
background-color: #F2C966 !important;height: 5px !important;border-radius: 4px !important;}
.experience .content-area .progressbar .percentCount{
font-weight: 700;font-size: 18px;
float: right;margin-top: -40px;
clear: both;}
.experience .content-area .btn{
font-size: 16px;font-weight: 600;color: #ffffff;background-color: #F2C966;box-shadow: none;border-style: none;
outline-style: none;
padding: 10px 20px;
transition: all .5s;margin-top: 20px;
text-transform: capitalize;
position: relative;
overflow: hidden;
z-index: 1;}
.experience .content-area .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;left: -150px;top: 0px;
z-index: -1;
transition: all 500ms ease;background-color: #ff8145;}
.experience .content-area .btn:hover::before{
left: 0;}
/****** experience end ******/
/******* counter start ********/
.counter{
padding: 70px 0px;background-image: url('../image/counter_bg.png');background-size: cover;background-repeat: no-repeat;}
.counter .single-counter{
text-align: center;
position: relative;}
.counter .shape{ position: absolute;top: -24%; left: 12%; width: 84px; height: 84px;border:3px solid #fff;overflow: hidden;}
.counter .shape img{max-width: 100%}
.counter .content-area{text-align: left;vertical-align: center;width: 219px;margin-left: 145px;}
.counter .content-area .designation{
font-family: var(--fontNum);font-weight: 400;font-size: 16px;color: #ffffff;}
.counter .content-area .status{
font-family: var(--fontNum);font-weight: 600;font-size: 22px;color:#ffffff;margin-top: 20px;}
/******* counter start ********/
/******* testimonial start *******/
.testimonial{
padding: 70px 0px;background-image: url('../image/map.png');
position: relative;}
.testimonial .overlay{
position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(188, 121, 121, 0.1);}
.testimonial .single-testimonial{
background-color: #ffffff;border-radius: 5px;
position: relative;margin-top: 50px;
padding:20px 20px 25px 20px}
.testimonial .single-testimonial .thum-box{
width: 80px;height: 80px;border-radius: 50%;border: 3px solid #ffc7ac;
position: absolute;top: -41px;left: 34px;display: flex;
justify-content: center;align-items: center;
overflow: hidden;}
.testimonial .single-testimonial .thum-box img{
float: left;width: 80px;height: 80px;border-radius: 50%;
object-fit: cover;}
.testimonial .single-testimonial .rating-box{
text-align: right;}
.testimonial .single-testimonial .rating-box .icon{
font-weight: 400;color: #F2C966;margin: 0px 3px;}
.testimonial .single-testimonial .desc{
font-weight: 400;font-size: 13px;color: #616161;
line-height: 1.5;margin: 20px 0px;}
.testimonial .single-testimonial .name{
font-weight: 700;font-size: 18px;color: #353535;display: inline-block;}
.testimonial .single-testimonial .designation{
font-weight: 400;font-size: 14px;color: #353535;margin-left: 10px;}
.testimonial .single-testimonial .quote{
position: absolute;bottom: 2%;right: 8%;}
.testimonial .single-testimonial .quote .icon{
font-size: 54px;color: #ffe9de;}
.testimonial .owl-carousel .owl-dots{
margin-top: 20px;display: block;
text-align: center;}
.testimonial .owl-carousel .owl-dots .owl-dot{
display: inline;width: 6px;height: 6px;background-color: #F2C966;border-radius: 50%;margin: 0px 5px;}
.testimonial .owl-carousel .owl-dots .owl-dot.active{
width: 30px;border-radius: 10px;}
/********* testimonial end *********/
/********* blog start *********/
.blog{
padding: 70px 0px;}
.blog .single-blog{
background-color: #ffffff;box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);border-radius: 5px;
transition: all .5s;}
.blog .single-blog:hover{transform: translateY(-10px);}
.blog .single-blog .image-area{width: 100%; overflow: hidden;border-radius: 5px 5px 0px 0px;}
.blog .single-blog .image-area img{
width: 100%;height: 100%;border-radius: 5px 5px 0px 0px;object-fit: cover;transition: all .5s;}
.blog .single-blog:hover .image-area img{transform: scale(1.1);}
.blog .single-blog .content-area{padding: 7px 20px 20px 20px;position: relative;}
.blog .single-blog .content-area .date-area{
width: 50px;height: 50px;background-color: #F2C966;border-radius: 5%;
text-align: center;
position: absolute;top: -19%;right: 19px;display: flex;
align-items: center;
flex-direction: column;
justify-content: center;}
.blog .single-blog .content-area .date-area .day{
font-weight: 600;font-size: 20px;color: #ffffff;margin-bottom: 4px;}
.blog .single-blog .content-area .date-area .month{
font-weight: 500;font-size: 15px;color: #ffffff;}
.blog .single-blog .content-area .category{
font-weight: 400;font-size: 16px;color:#F2C966;
padding-left: 25px;
position: relative;}
.blog .single-blog .content-area .category::before{
content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #F2C966;
position: absolute;top: 2px;left: -1px;}
.blog .single-blog .content-area .title{
margin-top: 15px;}
.blog .single-blog .content-area .title a{
font-weight: 501;font-size:15px;text-decoration: none;color: #353535;transition: all .6s;line-height: 1.3;}
.blog .single-blog .content-area .title a:hover{color: #F2C966;}
.blog .single-blog .content-area .button-area{
margin-top: 20px;}
.blog .single-blog .content-area .button-area a{
font-size: 16px;font-weight: 600;color: #353535;
text-decoration: none;
transition: all 0.5s;}
.blog .single-blog .content-area .button-area a:hover{color: #F2C966;}
.blog .single-blog .content-area .button-area a .icon{color: #353535;
transition: all 0.5s;}
.blog .single-blog .content-area .button-area a:hover .icon{color: #F2C966;}
/******** blog end ********/
.row em{font-weight: 600;color: #cd952c;margin-right: 3px}
/****** pricing start ******/
.pricing{
padding: 60px 0px 100px 0px;background: #fffaed;}
.pricing .single-pricing{
background-color: #ffffff;box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);border-radius: 3%;
padding-bottom: 29px;
position: relative;
overflow: hidden;margin-bottom: 30px;}
.pricing .single-pricing .price-header{
background-color: #fff6d3;height: 200px;width: 100%;position: relative;transition: all 200ms ease;}
.pricing .single-pricing:hover .price-header,
.pricing .single-pricing.active .price-header{
background-color:#000;}
.pricing .single-pricing .price-header::before{
content: '';width: 100%;height: 120%;background-color: #ffffff;
position: absolute;bottom: -53%;border-radius: 41%;
z-index: 1;}
.pricing .single-pricing .price-header .price-tag{
font-size: 16px;font-weight: 600;color: #db5e22;
position: absolute;top: 20%;right: 8%;}
.pricing .single-pricing .price-header .price-icon{
position: absolute;top: 12%;left: 0;right: 0;display: flex;
justify-content: center;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2{
width: 85px;height: 85px;background-color: #f2c966;border-radius: 50%;display: flex;
justify-content: center;align-items: center;position: relative;z-index: 1;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2::before{
position: absolute;
content: '';width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;
transform: scale(0,0);background-color: #f2c966;
transition: all 500ms ease;
z-index: -1;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2:hover::before{transform: scale(1,1);}
.pricing .single-pricing .price-header .price-icon .icon-inner-2 .icon-inner-1{
width: 40px;height: 40px;background-color: #0b0908;border-radius: 50%;border: 3px solid #ffffff;display: flex;
justify-content: center;align-items: center;
transition: all 500ms ease;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2:hover .icon-inner-1{
background: transparent;border-style: none;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2 .icon-inner-1 .icon{color: #ffffff;font-size: 25px;
transition: all 500ms ease;}
.pricing .single-pricing .price-header .price-icon .icon-inner-2:hover .icon-inner-1 .icon{
font-size: 40px;}
.pricing .single-pricing .price-body .pricing-features{text-align: left;
padding-left: 15%;}
.pricing .single-pricing .price-body .pricing-features li{
font-size: 14px;font-weight: 500;margin-top: 20px;color: #616161;}
.pricing .single-pricing .price-body .pricing-features li .icon-box{
position: relative;margin-right: 15px;top: -1px;}
.pricing .single-pricing .price-body .pricing-features li .icon-box .icon{
width: 17px;height: 17px;border: 1px solid #db5e22;color: #db5e22;border-radius: 50%;
position: absolute;top: 60%;left: 50%;
transform: translate(-50%, -50%);font-size: 10px;display: flex;
justify-content: center;align-items: center;}
.pricing .single-pricing .price-body{
margin-top: -8px;
position: relative;
z-index: 12;}
.pricing .single-pricing .price-button{
text-align: center;margin-top: 20px;}
.pricing .single-pricing .price-button .btn{
font-size: 18px;font-weight: 600;background-color: #F2C966;color: #ffffff;
text-transform: uppercase;border-style: none;box-shadow: none;
outline-style: none;
padding: 12px 30px;
transition: all .5s;
position: relative;
z-index: 1;
line-height: 1;
overflow: hidden;}
.pricing .single-pricing .price-button .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;left: -100%;top: 0;background-color: #000;
z-index: -1;
transition: all 500ms ease;}
.pricing .single-pricing .price-button .btn:hover::before{
left: 0;}
.pricing .single-pricing .price{
position: absolute;top: 30%;left: 0;right: 0;
text-align: center;
z-index: 1;}
.pricing .single-pricing .price .plan{
font-weight: 600;font-size: 22px;
text-transform: uppercase;color: #353535;margin-bottom: 12px;margin-top: 15px;}
.pricing .single-pricing .price .currency-symbol{
font-size:24px;font-weight: 700;color: #353535;display: inline-block;
position: relative;top: -6px;}
.pricing .single-pricing .price .amount{
font-weight: var(--fontTitle);font-weight: 700;font-size: 34px;color: #efba3a;display: inline-block;}
.pricing .single-pricing .price .duration{
font-size: 17px;font-weight: 500;color: #807f7c;display: inline-block;}
/****** pricing end ******/
/************ sidebar start *************/
.sidebar .sidebar-widget img{max-width: 100%}
.sidebar .sidebar-widget{
padding: 25px 25px;background-color: #f6f6f6;margin-bottom: 20px;border-radius: 5px;}
.sidebar .sidebar-widget .widget-title{
font-weight: 400;font-size: 18px;color: #353535;
position: relative;margin-bottom: 30px;}
.sidebar .sidebar-widget .widget-title::before{
content: '';
position: absolute;bottom: -7px;left: 0px;width: 30px;height: 2px;background-color: #F2C966;
animation: sidebar-title-before-animation 1000ms infinite alternate;}
.sidebar .sidebar-widget .widget-title::after{
content: '';
position: absolute;bottom: -7px;left: 40px;width: 10px;height: 2px;background-color: #F2C966;
animation: sidebar-title-after-animation 1000ms infinite alternate;}
.sidebar .sidebar-widget .widget-content .category-list li{
padding-left: 20px;margin: 13px 0px;
position: relative;}
.sidebar .sidebar-widget .widget-content .category-list li::before{
content: '';
position: absolute;top: 5px;left: 0;width: 10px;height: 10px;background-color: #F2C966;border-radius: 50%;}
.sidebar .sidebar-widget .widget-content .category-list li a{
font-weight: 400;font-size: 16px;color: #353535;
text-decoration: none;
position: relative;}
.sidebar .sidebar-widget .widget-content .category-list li a::before{
position: absolute;
content: '';height: 1px;width: 0%;background-color: #F2C966;bottom: -2px;
transition: all 500ms ease;}
.sidebar .sidebar-widget .widget-content .category-list li a:hover::before{
width: 100%;}
.sidebar .sidebar-widget .post-inner{
margin-top: 20px;}
.sidebar .sidebar-widget .post-inner .post{
position: relative;
padding-left: 100px;margin-top: 15px;}
.sidebar .sidebar-widget .post-inner .post .post-thum{
position: absolute;top: 5px;left: 0;}
.sidebar .sidebar-widget .post-inner .post .post-thum img{
width: 90px;border-radius: 5px;
object-fit: cover;}
.sidebar .sidebar-widget .post-inner .post .desc{
margin-bottom:4px;}
.sidebar .sidebar-widget .post-inner .post .desc a{
font-size: 14px;font-weight: 400;
text-decoration: none;
text-transform: capitalize;color: #353535;
line-height: 1.5;}
.sidebar .sidebar-widget .post-inner .post .date{
font-size: 13px;font-weight: 400;
text-transform: capitalize;color: #F2C966;}
.tag-widget .tags-list{
display: flex;
flex-wrap: wrap;}
.tag-widget .tags-list li{
margin-right: 10px;margin-bottom: 30px;}
.tag-widget .tags-list li a{
font-weight: 400;font-size: 16px;
padding: 5px 14px;border: 1px solid #f6f6f6;
text-decoration: none;background-color: #ffffff;color: #353535;
transition: all 500ms ease;
position: relative;
z-index: 1;border-radius: 4px;}
.tag-widget .tags-list li a::before{
position: absolute;
content: '';height: 100%;width: 100%;top: 0;left:0;background-color: #F2C966;
transform: scale(0,1);
transition: all 500ms ease;
z-index: -1;border-radius: 4px;}
.tag-widget .tags-list li a:hover::before{transform: scale(1,1);}
.tag-widget .tags-list li a:hover{color: #ffffff;}
.sidebar .sidebar-widget .search-form{
position: relative;}
.sidebar .sidebar-widget .search-form .form-group{
position: relative;}
.sidebar .sidebar-widget .search-form .form-group button{
background-color: #ffffff;
position: absolute;right: 0px;top: 0px;font-size: 14px;color: #e6e6e6;
cursor: pointer;
transition: all 500ms ease;border-style: none;width: 50px;bottom: 0;}
.sidebar .sidebar-widget .search-form .form-group input{
padding: 10px 10px;box-shadow: none;border-style: none;
outline-style: none;color: #616161;}
.sidebar .sidebar-widget .search-form .form-group input::placeholder{
text-transform: capitalize;color: #e6e6e6;}
.sidebar .sidebar-widget .search-form .form-group input:focus{
box-shadow: none;border-style: none;
outline-style: none;}
.sidebar .support-widget{
background-image: url('../image/contact_bg.png');width: 100%;height: 550px;background-repeat: no-repeat;background-size: cover;
object-fit: cover;
position: relative;
overflow: hidden;}
.sidebar .support-widget .overlay{
position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.60);}
.sidebar .support-widget .shape{
position: absolute;top: -50px;left: -118px;background-image: url('../image/contact_shape.png');width: 300px;height: 300px;background-repeat: no-repeat;
z-index: 10;}
.sidebar .support-widget .widget-content{
text-align: center;
position: absolute;top: 25%;left: 15%;right: 15%;
z-index: 200;}
.sidebar .support-widget .widget-content form input{
float: left;width: 70%;font-size: 16px;box-shadow: none;border-style: none;
outline-style: none;border-radius: 3px 0px 0px 3px;}
.sidebar .support-widget .widget-content form input::placeholder{
font-weight: 400;font-size: 16px;color: #1c1c1c;}
.sidebar .support-widget .widget-content form .btn{
width: 30%;background-color: #F2C966;box-shadow: none;border-style: none;
outline-style: none;color: #ffffff;border-radius: 0px 3px 3px 0px;}
.sidebar .support-widget .widget-content .info{
font-weight: 400;font-size: 16px;color: #db5e22;margin-bottom: 15px;}
.sidebar .support-widget .widget-content .title{
font-size: 32px;font-weight: 500;color: #ffffff;margin-bottom: 20px;}
.sidebar .support-widget .widget-content .number{
color: #ffffff;font-size: 40px;font-weight: 700;margin-bottom: 20px;}
.sidebar .support-widget .widget-content .label{
font-weight: 400;font-size: 16px;color: #ffffff;margin-bottom: 20px;}
.sidebar-title-section{text-align: left;padding-bottom: 15px;}
.sidebar-title-section h2{
color: #db5e22;font-size: 18px;
text-transform: capitalize;display: inline-block;
position: relative;font-weight: 600;}
.sidebar-title-section h2::before{
content: '';
position: absolute;bottom: -7px;left: 0px;width: 50px;height: 2px;
animation: title-before 1s infinite alternate;background-color: #db5e22;}
.sidebar-title-section h2::after{
content: '';
position: absolute;bottom: -7px;left: 65px;width: 20px;height: 2px;background-color: #db5e22;
animation: title-after 1s infinite alternate;}
.sidebar-title-section h3{
font-size: 20px;font-weight: 700;color: #353535;
text-transform: capitalize;margin-top: 25px;
line-height: 1.1;}
/************ sidebar end *************/
.nrcontent strong{font-weight: 600}
/******* service start ******/
.service{
padding: 70px 0px;background-color: #f7eeda;
position: relative;
overflow: hidden;}
.service .shape{
background-image: url('../image/service_shape.png');background-repeat: no-repeat;background-size: cover;
position: absolute;top: -229px;left: -192px;width: 520px;height: 510px;}
.service .single-service{
background-color: #ffffff;border-radius: 5px;
position: relative;
z-index: 1;}
.magin-b{margin-bottom: 20px}
.service.single-page .single-service{
margin-bottom: 30px;border-radius: 0px 0px 5px 5px;}
.service .single-service .image-area{
width: 100%;
overflow: hidden;border-radius: 5px 5px 0px 0px;}
.service .single-service .image-area a img{
width: 100%;height: 100%;
object-fit: cover;
transition: all 1s;}
.service .single-service:hover .image-area a img{transform: scale(1.1);}
.service .single-service .content-area{
padding: 10px 23px 20px 23px;
position: relative;}
.carbiaoti em{font-size:18px;font-weight: 600; line-height: 33px;}
.service .single-service .content-area .icon-box{
width: 26px; height: 26px;background-color: #F2C966;display: inline-block;line-height: 26px;
text-align: center;border-radius: 50%;}
.cartag{font-size: 13px;color: #333}
.cartag i{color: #5F5C5C}
.service .single-service:hover .content-area .icon-box{
animation-name: service-iconbox-rotate;
animation-duration: 1s;}
.service .single-service .content-area .icon-box .icon{
font-size: 15px;color: #ffffff;}
.service .single-service .content-area .title a{
color: #353535;font-size: 16px;font-weight: 501;text-decoration: none;
transition: all .5s;line-height: 137%;}
.service .single-service .content-area .title a:hover{color: #F2C966;}
.service .single-service .content-area .desc{
font-size: 13px;color: #616161;
line-height: 1.5;margin-top: 10px;}
.service .single-service .content-area .button-area{ text-align: center;
margin-top: 20px;}
.service .single-service .content-area .button-area a{
font-weight: 500;font-size: 14px;color: #353535;
text-decoration: none;
transition: all 0.5s;}
.service .single-service .content-area .button-area a:hover{color: #F2C966;}
.service .single-service .content-area .button-area a .icon{
font-size: 14px;color: #353535;
transition: all 0.5s;}
.service .single-service .content-area .button-area a:hover .icon{color: #F2C966;}
/******* service end *******/
/****** service details start ******/
.service-details{
padding: 70px 0px;}
.service-details .service{
background-color: #ffffff;}
.service-details .service .single-service{
background-color: #f3f7fa;border-radius: 5px;}
.service-details .service-details-content .img-area{
margin-bottom: 30px;}
.service-details .service-details-content .img-area img{
width: 100%;height: 420px;border-radius: 5px;
object-fit: cover;}
.service-details .service-details-content .content-area .title{
font-weight: 700;font-size: 40px;color: #353535;margin-bottom: 30px;
text-transform: capitalize;
line-height: 1.1;}
.service-details .service-details-content .content-area .desc{
font-weight: 400;font-size: 16px;color: #616161;
line-height: 1.7;}
.features{
background-color: #f3f7fa; padding: 13px; padding-left: 13px; padding-left: 114px;
position: relative; margin-top: 14px; border-radius: 5px;}
.features .icon-box{
position: absolute;top: 10px;left: 10px;}
.features .icon-box .icon img{
width: 91px;}
.features .title{
font-weight: 600;font-size: 21px;color: #353535;margin-bottom: 10px;}
.features .desc{
font-weight: 400;font-size: 15px;color: #616161;
line-height: 1.5;}
/******** service details end ********/
.faq-tab-content img{max-width: 100%}
.tag-widget li{list-style: none}
.tag-widget li i{color: #797979}
.anniu{padding:10px;text-align: center;}
/****** project start ******/
.project{
padding: 70px 0px;}
.project .item-menu{margin-top: 15px;
text-align: center;margin-bottom: 50px;}
.project .item-menu ul li{
font-size: 17px;font-weight: 500;color: #353535;display: inline-block;margin: 0px 10px;
cursor: pointer;
position: relative;}
.project .item-menu ul li.active{color: #db5e22;}
.project .item-menu ul li::after{
content: '';width: 80%;left: 10%;right: 10%;height: 2px;background-color: #db5e22;
position: absolute;bottom: -8px;transform: scale(0,1);transition: all .5s;}
.project .item-menu ul li.active::after{transform: scale(1,1);}
.project .item-details{padding: 0px;margin: 0px;}
.project .item-details .item{margin-bottom: 26px;overflow: hidden;}
.project .item-details .item .image{width: 100%;overflow: hidden;border: 1px solid #333;}
.project .item-details .item .image img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;transform: scale(0.9);}
.project .item-details .item:hover .image{transition: all 1s;}
.project .item-details .item:hover .image img{transition: all 1s;transform: scale(1.1);}
.project .item-details .item{position: relative;}
.project .item-details .item .content{background-color: #302e2e; padding: 20px;padding: 11px 11px 2px 11px;border-bottom-left-radius: 10px;}
.project .item-details .item .content .info{color: #fff}
.project .item-details .item .content .info .title a{font-size: 18px;}
.project .item-details .item .content .info p{font-size: 13px;padding-top: 5px}
.project .item-details .item .content .icon{float: right;}
.project .item-details .item .content .icon-area .icon{color: #ffffff;font-size: 20px;margin-top: -56px;margin-right: 9px;}
.project .item-details .btn-area{
text-align: center;margin-top: 30px
}
.project .item-details .btn-area .btn{
font-weight: 500;font-size: 20px;color: #ffffff;background-color: #F2C966;box-shadow: none;border-style: none;
outline-style: none;
padding: 10px 20px;
position: relative;
z-index: 2;
line-height: 1;}
.project .item-details .btn-area .btn::before{
content: '';
position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #000;
z-index: -1;
transition: all 500ms ease;border-radius: 4px;}
.project .item-details .btn-area .btn:hover::before{
width: 100%;}
.project .item-details .btn-area .btn:focus{
box-shadow: none;border-style: none;
outline-style: none;}
/****** project end ******/
/****** portfolio details start ******/
.project-details{padding: 40px 0px;}
.project-details .section-title{text-align: left;padding-bottom: 30px;}
.project-details .project-details-content img{width: 100%;object-fit: cover;border-radius: 5px;}
.project-details .project-details-sidebar{background-color: #f6f6f6;padding:23px;border-radius: 5px;}
.project-details .project-details-sidebar .desc{min-height: 168px;
font-weight: 400;font-size: 14px;color: #616161;
line-height: 1.7;margin-bottom: 20px;}
.project-details .project-details-sidebar .info-list li{
padding-left: 20px;margin-bottom: 15px;
position: relative;font-size: 16px;}
.project-details .project-details-sidebar .info-list li .label{
font-weight: 600;margin-right: 7px;}
.project-details .project-details-sidebar .info-list li::before{
content: '';
position: absolute;top: 3px;left: 0;width: 10px;height: 10px;background-color: #F2C966;border-radius: 50%;}
.project-details .project-silder{
margin-top: 70px;}
.project-details .project-silder .item img{
width: 100%;border-radius: 7px;
object-fit: cover;}
.project-details .project-silder .item img{
width: 100%;border-radius: 7px;
object-fit: cover;}
.project-details .project-silder .item .owl-nav span{font-size: 33px;}
/****** portfolio details end ******/
/****** faq start ******/
.faq{
padding: 70px 0px;}
.faq .section-title{
text-align: left;}
.faq .section-title .desc{
font-size: 16px;font-weight: 400;color: #353535;margin-top: 35px;
line-height: 1.7;}
.faq .faq-accordion .accordion{
border-style: none;}
.faq .faq-accordion .accordion .accordion-item{margin-bottom: 6px;border-style: none;}
.faq .faq-accordion .accordion .accordion-item .accordion-button{
font-size: 16px;font-weight: 700;color: #353535;border-bottom: 1px dotted;
padding: 10px;}
.faq .faq-accordion .accordion .accordion-item .accordion-button::after{
font-family: "Font Awesome 6 Free";font-weight: 700;
content: "\f107";background:none;}
.faq .faq-accordion .accordion .accordion-item .accordion-button[aria-expanded=true] {
background-color: #ffffff;color: #db5e22;}
.faq .faq-accordion .accordion .accordion-item .accordion-button[aria-expanded=true]::after {transform: rotate(-90deg);color: #db5e22;}
.faq .faq-accordion .accordion .accordion-item .accordion-body{
font-size: 16px;font-weight: 400;color: #616161;
line-height: 1.7;background-color: #f7f7f7;
padding: 15px 20px;}
.faq .faq-accordion .accordion .accordion-item .accordion-button:focus{
border-style:none;box-shadow: none;
outline-style: none;}
/****** faq end ******/
/****** blog start ******/
.blog-standard{
padding: 70px 0px;}
.blog-standard .blog-standard-content{
margin-bottom: 50px;}
.blog-standard .blog-standard-content .img-area img{
width: 100%;height: 400px;
object-fit: cover;}
.blog-standard .blog-standard-content .img-area{
position: relative;
overflow: hidden;border-radius: 5px 5px 0px 0px;}
.blog-standard .blog-standard-content .img-area .overlay{
position: absolute;top: 0;bottom: -300px;right: 0;left: 0;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
transition: all 1000ms ease;
}
.blog-standard .blog-standard-content:hover .img-area .overlay{
top: 0;bottom: 0;}
.blog-standard .blog-standard-content .content-area{
padding: 20px;border: 1px solid #fea578;border-radius: 0px 0px 5px 5px;
position: relative;}
.blog-standard .blog-standard-content .content-area .title a{
font-size: 30px;font-weight: 600;
text-transform: capitalize;color: #ffffff;
position: absolute;top: -56px;
text-decoration: none;}
.blog-standard .blog-standard-content .content-area .desc{
font-weight: 400;font-size: 16px;color: #616161;
line-height: 1.5;margin-bottom: 35px;}
.blog-standard .blog-standard-content .content-area .meta-tags{
width: 100%;
line-height: 3;}
.blog-standard .blog-standard-content .content-area .btn-area{
display: inline-block;}
.blog-standard .blog-standard-content .content-area .btn-area .btn{
font-weight: 500;font-size: 16px;background-color: #F2C966;color: #ffffff;
padding: 8px 20px;box-shadow: none;border-style: none;
outline-style: none;
position: relative;
overflow: hidden;
z-index: 1;}
.blog-standard .blog-standard-content .content-area .btn-area .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;top: 0;bottom: 0;left: -120px;background-color: #ff8145;
z-index: -1;
transition: all 500ms ease;}
.blog-standard .blog-standard-content .content-area .btn-area .btn:hover::before{
left: 0;}
.blog-standard .blog-standard-content .content-area .date{
font-size: 16px;font-weight: 500;color: #F2C966;margin: 0px 90px;}
.blog-standard .blog-standard-content .content-area .category{
font-weight: 600;font-size: 16px;color: #F2C966;
text-decoration: none;}
/****** blog end ******/
/****** blog details start ******/
.blog-details{
padding: 100px 0px;}
.blog-details .title{
font-weight: 700;font-size: 1.6rem;text-transform: capitalize;
margin: 0px 0px 20px 0px;color: #353535;line-height: 1.1;}
.blog-details img{
max-width: 100%;}
.blog-details .img-area img{
width: 100%;height: 410px;
object-fit: cover;border-radius: 5px;}
.blog-details .blog-details-content{
position: relative;margin-bottom: 50px;}
.blog-details .blog-details-content .date{
position: absolute;bottom: -27px;left: 5%;background-color: #F2C966;
padding: 5px 20px;
text-align: center;}
.blog-details .blog-details-content .date .day{
font-weight: 500;font-size: 24px;color: #ffffff;margin-bottom: 5px;}
.blog-details .blog-details-content .date .month{
font-size: 20px;color: #ffffff;}
.blog-details .blog-details-content .meta{
position: absolute;bottom: -15px;left: 17%;background-color: #F2C966;
padding: 10px;}
.blog-details .blog-details-content .meta li{
display: inline-block;
padding-left: 20px;
position: relative;margin: 0px 5px;
text-transform: capitalize;}
.blog-details .blog-details-content .meta li::before{
content: '';
position: absolute;top: 20%;left: 5px;width: 10px;height: 10px;background-color: #ffffff;border-radius: 50%;}
.blog-details .blog-details-content .meta li a{
font-weight: 500;font-size: 16px;color: #ffffff;}
.blog-details .desc{
font-weight: 400;font-size: 16px;color: #616161;
line-height: 1.7;}
.blog-details blockquote{
background-color: #ffeee6;
padding: 20px;border-left: 3px solid #db5e22;margin: 20px 0px;}
.blog-details blockquote .icon-box{
float: left;margin-right: 40px;}
.blog-details blockquote .icon-box .icon{
font-size: 40px;color: #db5e22;}
.blog-details blockquote .quote{
font-weight: 400;font-size: 16px;color: #616161;
line-height: 1.5;}
.blog-details blockquote .name{
font-size: 16px;color: #616161;
text-transform: uppercase;
padding-left: 75px;margin-top: 5px;}
.blog-details .image{
width: 100%;margin-top: 40px;margin-bottom: 50px;}
.blog-details .image img{
width: 100%;height: 420px;
object-fit: cover;border-radius: 5px;}
.blog-details .nrcontent{line-height: 33px;}
.blog-details .nrcontent p{line-height: 33px;}
.blog-details .list li{
font-weight: 400;font-size: 18px;color: #616161;margin-bottom: 15px;
position: relative;
padding-left: 20px;}
.blog-details .list li .icon{color: #db5e22;margin-right: 20px;
position: absolute;top: 0;left: 0;}
.career{
padding: 70px 0px 87px 0px;background-color: #f6f7f8;}
.career .job-list .job-item{
background-color: #ffffff;
display: flow-root;margin-bottom: 20px;
padding: 20px;box-shadow: 0px 1px 3px 1px #ccc;
transition: all 1s;border-radius: 5px;}
.career .job-list .job-item:hover{
background-color: #F2C966;}
.career .job-list .job-item .icon-area{
width: 125px;
transition: all 1s;
float: left;
margin-right: 15px;}
.career .job-list .job-item .icon-area img{max-width: 100%}
.career .job-list .job-item:hover .icon-area{
background-color: #ffffff;}
.career .job-list .job-item .job-category{
font-size: 33px;font-weight: 600;color: #353535;margin-bottom: 4px;
transition: all .2s;}
.career .job-list .job-item .job-desc{
font-weight: 400;font-size: 16px;color: #616161;
transition: all .2s;}
.career .job-list .job-item .job-desc em{color: #e1b400;font-weight: 500;margin-left:3px;margin-right:3px;}
.career .job-list .job-item .apply-btn{margin-top: 5px;
font-weight:550;
border: 2px solid #F2C966;background-color: #ffffff;color: #353535;box-shadow: none;
outline-style: none;
font-size: 14px;
transition: all .2s;}
.career .job-list .job-item .apply-btn dd{font-weight: 500}
.career .job-list .job-item .apply-btn:hover{background-color: #000;color:#e9c848;}
.zijiabiaoti{width: 122px;float: left;}
.zijiajiage{float: right}
.career-features{
padding: 70px 0px;}
.career-features .section-title{
text-align: left;
padding-bottom: 20px;
display: block;
height: 66px;
}
.career-features .section-title h1{font-size: 26px;margin-top: 7px;font-weight: 600;}
.career-features .section-title h4{font-size: 14px;margin-top: 19px;}
.career-features .content .desc{font-weight: 400;font-size: 13px;color: #616161;line-height: 1.7;}
.career-features .content img{max-width:290px;}
.career-features .content .btn{
font-weight: 600;font-size: 16px;
text-transform: capitalize;background-color: #F2C966;color: #ffffff;
padding: 10px 20px;box-shadow: none;border-style: none;
outline-style: none;
transition: all .5s;
z-index: 1;
position: relative;
overflow: hidden;}
.career-features .content .btn::before{
position: absolute;
content: '';width: 100%;height: 100%;top: 0;left: -150px;
z-index: -1;background-color: #ff8145;
transition: all 500ms ease;}
.career-features .content .btn:hover::before{
left: 0;}
.career-features .features .feature-box{
font-weight: 500;background-color: #ffffff;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);border-radius: 10px;
padding: 25px 20px;display: flex;
align-items: center;
flex-direction: column;
transition: all .5s;
position: relative;
overflow: hidden;
z-index: 1;}
.career-features .features .feature-box::before{
position: absolute;
content: '';width: 100%;height: 0%;bottom: 0;left: 0;background-color: #F2C966;
transition: all 500ms ease;
z-index: -1;}
.career-features .features .feature-box:hover::before{
height: 100%;top: 0;}
.career-features .features .feature-box.first-item{margin-top: 30px;}
.biz_desc{font-size: 14px;font-weight: 500}
.biz_desc em{font-size: 14px;color: #F2C966}
.career-features .features .feature-box .icon-area{
width: 75px;height: 75px;background-color: #f6f7f8;border-radius: 50%;display: flex;
justify-content: center;align-items: center;margin-bottom: 10px;}
.career-features .features .feature-box .title{
font-weight: 600;font-size: 20px;
text-align: center;
line-height: 1.3;
transition: all 500ms ease;}
.career-features .features .feature-box:hover .title{color: #ffffff;}
.career-features .features .feature-box:hover .biz_desc em{color: #000;}
/****** career solution end ******/
/****** contact start ******/
.contact{
padding:40px 0px;background-color: #ffffff;}
.contact .section-title {
text-align: left !important;}
.contact .contact-form{
background-color: #f6f7f8;
padding: 20px;border-radius: 5px;}
.contact .contact-form .form-label{
font-weight: 500;font-size: 15px;margin-bottom: 23px;color: #353535;
line-height: 1.5;}
.contact .contact-form .form-group{
margin-bottom: 22px;}
.contact .contact-form label{
font-size: 15px;font-weight: 400;margin-bottom: 15px;color: #353535;}
.contact .contact-form input,
.contact .contact-form textarea,
.contact .contact-form select{
box-shadow: none;border-style: none;
outline-style: none;
padding: 12px 15px;
position: relative;border-bottom: 2px solid transparent;border-width: 1px;
transition: all 500ms ease;color: #616161;font-size: 16px;}
.contact .contact-form input::placeholder,
.contact .contact-form textarea::placeholder,
.contact .contact-form select::placeholder,
.contact .contact-form select{
font-size: 16px;font-weight: 400;color: #9da4a8;}
.contact .contact-form input:focus,
.contact .contact-form textarea:focus,
.contact .contact-form select:focus{
border-color: #F2C966;}
.contact .contact-form input:hover,
.contact .contact-form textarea:hover,
.contact .contact-form select:hover{
border-width: 1px;}
.contact .contact-form button{
font-weight: 600;
padding: 15px 20px;background-color: #F2C966;border-style: none;
outline-style: none;box-shadow: none;color: #ffffff;border-radius: 5%;
transition: all .5s;
z-index: 1;
position: relative;
overflow: hidden;font-size: 16px;}
.contact .contact-form button::before{
content: '';
position: absolute;width: 100%;height: 100%;top: 0;left: -100%;background-color: #ff8145;
z-index: -1;
transition: all 500ms ease;}
.contact .contact-form button:hover::before{
left: 0;}
.contact .contact-info .contact-box{float: left;
background-color: #f6f7f8;
padding: 18px 24px 13px 24px;
position: relative;
margin-bottom: 19px;
width: 100%;
border-radius: 5px;}
.contact .contact-info .contact-box .contact-box-icon{
float: left;display: flex;
justify-content: center;}
.contact .contact-info .contact-box .contact-box-icon .icon img{
width: 50px;}
.contact .contact-info .contact-box:hover .contact-box-icon .icon{color: #ffffff;}
.contact .contact-info .contact-box .contact-box-content{
padding-left: 80px;}
.contact .contact-info .contact-box .contact-box-content .title{
color: #353535;font-size: 24px;font-weight: 700;
text-transform: capitalize;margin-bottom: 15px;}
.contact .contact-info .contact-box .contact-box-content .desc{
font-weight: 400;font-size: 16px;
line-height: 1.8;color: #616161;}
.site-map{
height: 400px;}
/****** contact end ******/
/****** error section start ******/
.erorr-section{
padding: 70px 0px;}
.erorr-section .error-text{
text-align: center;}
.erorr-section .error-text .error-code{
font-size: 100px;font-weight: 600;color: #353535;margin-bottom: 20px;}
.erorr-section .error-text .error-title{
font-size: 46px;font-weight: 600;color: #353535;margin-bottom: 15px;}
.erorr-section .error-text .error-desc{
font-size: 24px;font-weight: 600;margin-bottom: 50px;color: #353535;}
.erorr-section .error-text .error-button{
font-size: 18px;font-weight: 600;box-shadow: none;border-style: none;
outline-style: none;background-color: #F2C966;color: #ffffff;
padding: 10px 20px;
position: relative;
z-index: 1;
overflow: hidden;}
.erorr-section .error-text .error-button::before{
position: absolute;
content:'';width: 100%;height: 100%;top: 0;bottom: 0;left: -100%;background-color: #ff8145;
z-index: -1;
transition: all 500ms ease;}
.erorr-section .error-text .error-button:hover::before{
left: 0;}
/****** error section end ******/
/****** subscribe start ******/
.subscribe{
position: relative;}
.subscribe .bg-color{
background-color: #F2C966;padding: 30px;position: absolute;top: -50px;left: 140px;right: 140px;border-radius: 7px;z-index: 100;}
.subscribe .subscribe-info .title{
font-weight: 700;font-size:26px;color: #ffffff;margin-bottom: 10px;
text-transform: capitalize;}
.subscribe .subscribe-info .desc{
font-weight: 400;font-size: 16px;color: #ffffff;}
.subscribe .subscribe-form{
margin-top: 10px;}
.subscribe .subscribe-form input{
font-weight: 400;font-size: 18px;
float: left;width: 75%;
padding: 10px 20px;border-radius: 4px 0px 0px 4px;color: #616161;}
.subscribe .subscribe-form .btn{
font-weight: 600;font-size: 18px;width: 25%;
padding-top: 10px;
padding-bottom: 10px;background-color: #1c1c1d;color: #ffffff;
text-transform: uppercase;border-radius: 0px 4px 4px 0px;}
.subscribe .subscribe-form input,.subscribe .subscribe-form button{
box-shadow: none;border-style: none;
outline-style: none;}
.subscribe .subscribe-form input::placeholder{
font-family: var(--fontNum);font-size: 16px;font-weight: 400;color: #616161;}
/****** subscribe end ******/
.center{text-align: center;padding:10px 0;}
/***** call us start *****/
.call-us{
position: relative;bottom: -80px;
z-index: 1;
overflow: hidden;}
.call-us .bg-area{
background-color: #F2C966;border-radius: 5px;
padding: 40px 0px;
position: relative;}
.call-us .shape{
position: absolute;top: 0px;bottom: 0px;right: 0px;width: 25%;background-image: url(../image/2222.png);background-size: cover;background-repeat: no-repeat;
z-index: 100;}
.call-us .bg-area .text-area{
padding-left: 50px;}
.call-us .bg-area .text-area h2{
font-size: 16px;font-weight: 500;color: #ffffff;
position: relative;margin-bottom: 25px;}
.call-us .bg-area .text-area h2::after{
content: '';width: 100px;height: 1px;background-color: #ffffff;
position: absolute;top: 8px;left: 155px;}
.call-us .bg-area .text-area p{
font-weight: 700;font-size: 36px;color: #ffffff;}
.call-us .bg-area .icon-inner{
display: flex;
justify-content: end;}
.call-us .bg-area .icon-area{
width: 70px;height: 70px;font-size: 26px;border: 10px solid #ffffff;background-color: #F2C966;border-radius: 50%;display: flex;
justify-content: center;align-items: center;
position: relative;
transition: all .5s;
transform: translateX(-30px);
z-index: 100;}
.call-us .bg-area .icon-area::before,
.call-us .bg-area .icon-area:after{
width: 100%;height: 100%;border-radius: 50%;background: transparent;
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
animation-delay: .1s;
content: "";box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
animation: ripple 3s infinite;
transition: all .4s ease;}
.call-us .bg-area .icon-area .icon{color: #ffffff;}
/***** call us end *****/
/***** footer start *****/
.footer-top{
padding: 200px 0px 80px;background: url('../image/footer_bg_shape.png');background-position: center;background-repeat: no-repeat;background-size: cover;
position: relative;}
.footer-top.main-page{padding: 150px 0px 80px;}
.footer-top .footer-list{width: 50%;float: left}
.footer-top p{font-size: 13px;text-transform: capitalize;color:#c8c8c8;line-height: 1.7;margin-top: 15px;}
.footer-top .footer-social-icon{padding: 0px !important;list-style-type: none;margin-top:25px}
.footer-top .footer-social-icon li{display: inline-block;}
.footer-top .footer-social-icon li a{
float: left;width: 35px;height: 35px;background-color: #ffffff;border-radius: 5%;font-size: 18px;color: #F2C966;
transition: all 0.5s;margin-right: 10px;display: flex;
justify-content: center;align-items: center;
transition: all 0.5s;
position: relative;
z-index: 1;
transition: all .5s;}
.footer-top .footer-social-icon li a:hover{color: #ffffff;}
.footer-top .footer-social-icon li a::before{
position: absolute;
content: '';width: 100%;height: 100%;background-color: #F2C966;border-radius: 5%;
transform: scale(0,0);left: 0px;top: 0px;
z-index: -1;
transition: all 500ms ease;}
.footer-top .footer-social-icon li a:hover::before{transform: scale(1,1);}
.footer-top .title{
font-weight: 660;font-size: 24px;;color:#F2C966;text-transform: uppercase;margin-bottom: 20px;}
.footer-top .footer-nav-links{
padding: 0px;margin-top: 20px;list-style-type: none;}
.footer-top .footer-nav-links li{
margin-bottom: 19px;}
.footer-top .footer-nav-links li a{
font-weight: 400;font-size: 14px;
text-decoration: none;text-transform: capitalize;color:#c8c8c8;padding-left: 35px;position: relative;}
.footer-top .footer-nav-links li a::before{
content: '';width: 14px;height: 2px;background-color: #c8c8c8;
position: absolute;top: 9px;left: 6px;
transition: all .5s;}
.footer-top .footer-nav-links li a:hover::before{
background-color: #F2C966;left: 12px;}
.footer-top .address-widget{
padding: 0px;list-style-type: none;margin-top: 25px;}
.footer-top .address-widget li{
margin-bottom: 0px;
padding-bottom:50px;}
.footer-top .address-widget li .icon-area{
float: left;width: 29px;}
.footer-top .address-widget li .icon{
font-size: 23px;color:#F2C966;}
.footer-top .address-widget li .desc{
float: left;width: 87%;color:#c8c8c8;font-size: 14px;
position: relative;
line-height: 1.3;}
.footer-bottom{padding: 15px 0px 15px;background-color: #070707;border-top: 1px solid #302e2e;}
.footer-bottom .copyright-info p{font-weight: 400;font-size: 14px;color:#ffffff;}
.footer-bottom .footer-menu .footer-nav{
text-align: right;list-style-type: none;padding: 0px;}
.footer-bottom .footer-menu .footer-nav li{
display: inline-block;margin-right: 10px;
position: relative;}
.footer-bottom .footer-menu .footer-nav li::before{
content: '';width: 3px;height: 3px;border-radius: 50%;background-color: #ffffff;
position: absolute;top: 7px;right: -8px;}
.footer-bottom .footer-menu .footer-nav li:last-child::before{
display: none;}
.footer-bottom .footer-menu .footer-nav li a{
font-weight: 400;font-size: 14px;color: #ffffff;text-decoration: none;
transition: all 500ms ease;}
.footer-bottom .footer-menu .footer-nav li a:hover{color: #F2C966;}
/******* footer end ********/
/****** animation start ******/
@keyframes shape-position-change{
0%{transform: translateX(-20px);}
100%{transform: translateX(20px);}
}
@keyframes brand-shape-rotate{
0%{transform: rotateY(0deg);}
100%{transform: rotateY(360deg);}
}
@keyframes service-iconbox-rotate{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
@keyframes preloader{
0% {transform: scale(0);}
50% {transform: scale(1);}
100% {transform: scale(0);}
}
@keyframes sidebar-title-before-animation{
0%{width: 0px;}
100%{width: 30px;}
}
@keyframes sidebar-title-after-animation{
0%{width: 0px;}
100%{width: 10px;}
}
@keyframes title-before{
0%{width: 0px;}
100%{width: 50px;}
}
@keyframes title-after{
0%{width: 0px;}
100%{width: 20px;}
}
@keyframes ripple{
70% {
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
/****** animation end ******/
.car-silder .owl-dots .owl-dot{display: block;width: 50px;background: #000;height: 10px;float: left;border: 1px solid #fff;}
.car-silder .owl-item img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.car-silder .owl-dots .owl-dot.active{background: #F2C966; transition: all .5s;}
.search li{line-height: 34px; font-size: 14px;} .search li a{padding: 3px 4px;
font-size: 13px;
border: 1px solid #ccc;
margin-right: 10px;
border-radius: 3px;}
.search li .active{color: #F2C966;background: #000;}
.jiage{font-size: 13px;line-height: 24px;}
.cright{float: right;}
.titleh3{font-size: 18px;font-weight: 600}
.titleright{font-size: 13px;padding-top: 6px;}
.titleright i{color: #8d8d8d;font-size: 11px;}
.beizhu{line-height: 33px;font-size: 14px;}
.newslist{float: left;padding-left:6px;padding-right:6px }
.newslist h3{font-size: 18px;font-weight: 501;line-height: 33px}
.newslist img{max-width: 100%}
.newslist .desc{font-size: 13px;line-height: 21px;color: #333}
.news_b{box-shadow:2px 1px 7px 0px #ccc;margin-bottom: 30px;padding-top: 15px;padding-bottom: 15px;border-radius: 6px;}
.news_b:hover{box-shadow:2px 1px 7px 0px #f0ca6e;margin-bottom: 30px;padding-top: 15px;padding-bottom: 15px;}
.xrpagination .pagination {text-align: center}
.xrpagination ul.pagination{display: flex; justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */ list-style-type: none; padding: 0; margin: 0;}
.xrpagination ul.pagination li{border: 1px solid #ccc;font-size: 14px;padding: 6px 5px;margin: 3px;min-width: 30px; border-radius: 3px;}
.xrpagination ul.pagination li.active{background:#F2C966;}
.logoleft{float: left;width:60px;}.logoleft img{width:100%;}
.logoright{float: left;width:calc(100% - 60px); }
.project-silder .owl-nav{display: block!important;}
.project-silder .owl-nav button{position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 25px;
color: #34373b;
background: #ffffffa1 !important;
box-shadow: -1.71px 4.698px 20px 0px rgba(20, 91, 148, 0.1);
z-index: 1;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s linear;
cursor: pointer;}
.project-silder .owl-nav button.owl-next {
right: 0px;
}